gsd
1 year ago
14 changed files with 112 additions and 17 deletions
|
After Width: | Height: | Size: 486 KiB |
|
After Width: | Height: | Size: 639 KiB |
|
After Width: | Height: | Size: 420 KiB |
|
After Width: | Height: | Size: 123 KiB |
|
After Width: | Height: | Size: 116 KiB |
@ -0,0 +1,34 @@ |
|||
<template> |
|||
<svg xmlns="http://www.w3.org/2000/svg" class="clickable" fill="currentColor" :width="w" :height="h" viewBox="0 0 24 24" :style="`enable-background:new 0 0 512 512; ${inline?'display: inline':''}`" v-on:click="openUrl()"> |
|||
<path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm.25 16.996h-2.134c-1.205 0-1.409-.687-2.401-1.679-.897-.897-1.395-.209-1.374 1.068.006.339-.161.611-.566.611-1.264 0-3.08.178-4.918-1.806-1.883-2.033-3.857-6.111-3.857-6.513 0-.237.196-.344.524-.344h2.17c.574 0 .623.284.783.649.667 1.521 2.265 4.574 2.69 2.87.244-.978.344-3.245-.703-3.44-.594-.11.452-.746 1.968-.746.377 0 .786.041 1.205.137.769.179.771.523.761 1.026-.039 1.903-.269 3.184.233 3.507.479.31 1.739-1.717 2.403-3.281.183-.433.219-.722.734-.722h2.654c1.39 0-.182 1.997-1.383 3.557-.968 1.255-.916 1.28.209 2.324.803.744 1.75 1.76 1.75 2.336.002.272-.21.446-.748.446z"/> |
|||
</svg> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
name: "VkSvg", |
|||
props: { |
|||
w: { |
|||
type: String, |
|||
default: "512px" |
|||
}, |
|||
h: { |
|||
type: String, |
|||
default: "60%" |
|||
}, |
|||
url: { |
|||
type:String, |
|||
default: null |
|||
}, |
|||
inline: { |
|||
type: Boolean, |
|||
default: false |
|||
} |
|||
}, |
|||
methods: { |
|||
openUrl(){ |
|||
if (this.url !== null) window.open(this.url, '_blank'); |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
@ -1,11 +0,0 @@ |
|||
<template> |
|||
<md-tab id="aboutView" md-label="О нас"> |
|||
<p>about</p> |
|||
</md-tab> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
name: 'AboutView' |
|||
} |
|||
</script> |
|||
@ -0,0 +1,67 @@ |
|||
<template> |
|||
<md-tab id="aboutView" md-label="О нас"> |
|||
<div class="md-layout md-alignment-bottom-center"> |
|||
<CharacterImage :size="10" :hide_if_small="true" :img_src="require(`@/assets/images/characters/engi_n.png`)" :audio_src="require(`@/assets/sounds/nigger.mp3`)"/> |
|||
</div> |
|||
<div class="md-layout md-alignment-bottom-center"> |
|||
<div class="md-layout-item md-size-15 md-small-size-100 md-alignment-bottom-center rounded-and-colored" style="z-index: 1"> |
|||
<h3 style="text-align: center; margin-top: 1%; margin-bottom: 0%; line-height: 1em">О нас</h3> |
|||
</div> |
|||
</div> |
|||
<div class="md-layout md-alignment-bottom-center" style="margin-top: -1.5%"> |
|||
<div class="md-layout-item md-size-40 md-small-size-100 md-alignment-bottom-center rounded-only"> |
|||
<h4 style="text-align: center; margin-top: 5%; margin-bottom: 0%">Кто мы?</h4> |
|||
<p class="about-p" style="text-align: center; margin-top: 0%">и что мы делаем в вашем списке серверов?</p> |
|||
<hr width="80%"> |
|||
<div class="md-layout md-alignment-top-center"> |
|||
<div class="md-layout-item md-size-45 md-small-size-45 md-medium-hide md-large-size-45" style="padding: 0% 2.5%"> |
|||
<img class="about-img" :src="require('@/assets/images/about/image3.png')"> |
|||
<img class="about-img" :src="require('@/assets/images/about/image4.png')"> |
|||
</div> |
|||
<div class="md-layout-item md-size-45 md-medium-size-90" style="padding: 0% 2.5%"> |
|||
<p class="about-p">Факты 13 — это дружный сервачок русского народа, где вы можете хорошо отдохнуть со своими друзьями или тупыми рандомами после школы или завода.</p> |
|||
<hr width="50%" align="right"> |
|||
<p class="about-p">У нас обширный список серверов, на котором стоят уникальные карты, сделанные картоделом Русский Путин</p> |
|||
<hr width="50%" align="right"> |
|||
<p class="about-p">Прекрасные плагины недающие заскучать и написанные таким же прекрасным кодером ОТДЫХАЕМ</p> |
|||
<hr width="50%" align="right"> |
|||
<p class="about-p">Посмотреть наши смешные до усрачки посты можно в Дискорде или в группе ВК, а так-же посетить мертвую группу стим</p> |
|||
<div align="right"> |
|||
<DiscordSvg :inline="true" :h="'2em'" :w="'2em'" :url="'https://tf2.pblr-nyk.pro/discord'" style="margin: 0% 1%"/> |
|||
<VkSvg :inline="true" :h="'2em'" :w="'2em'" :url="'https://tf2.pblr-nyk.pro/vk'" style="margin: 0% 1%"/> |
|||
<SteamSvg :inline="true" :h="'2em'" :w="'2em'" :url="'https://tf2.pblr-nyk.pro/steam'" style="margin: 0% 1%"/> |
|||
</div> |
|||
<hr width="50%" align="right"> |
|||
<p class="about-p">Зачем ждать? Заходи сейчас! Если админ не разлил пиво на сервера</p> |
|||
</div> |
|||
</div> |
|||
<hr width="80%"> |
|||
</div> |
|||
</div> |
|||
</md-tab> |
|||
</template> |
|||
|
|||
<script> |
|||
import SteamSvg from "@/components/Others/CustomSvg/SteamSvg.vue"; |
|||
import DiscordSvg from "@/components/Others/CustomSvg/DiscordSvg.vue"; |
|||
import VkSvg from "@/components/Others/CustomSvg/VkSvg.vue"; |
|||
import CharacterImage from "@/components/Others/CharacterImage.vue"; |
|||
|
|||
export default { |
|||
name: 'AboutView', |
|||
components: {CharacterImage, VkSvg, DiscordSvg, SteamSvg} |
|||
} |
|||
</script> |
|||
|
|||
<style> |
|||
.about-p { |
|||
text-align: right; |
|||
font-family: tf2secondary; |
|||
color: black |
|||
} |
|||
|
|||
.about-img { |
|||
padding: 5% 0%; |
|||
border-radius: 15px; |
|||
} |
|||
</style> |
|||
Loading…
Reference in new issue