телега и нижний пук

src/components/Others/CustomSvg/TelegramSvg.vue

@@ -0,0 +1,46 @@
+<template>
+  <svg style="border-radius: 5px" v-on:click="openUrl()" class="clickable" fill="currentColor" :width="w" :height="h" viewBox="0 0 455 455" role="img" xmlns="http://www.w3.org/2000/svg" :style="`${inline?'display: inline':''}`">
+    <g>
+      <path style="fill-rule:evenodd;clip-rule:evenodd;" d="M0,0v455h455V0H0z M384.814,100.68l-53.458,257.136
+		c-1.259,6.071-8.378,8.822-13.401,5.172l-72.975-52.981c-4.43-3.217-10.471-3.046-14.712,0.412l-40.46,32.981
+		c-4.695,3.84-11.771,1.7-13.569-4.083l-28.094-90.351l-72.583-27.089c-7.373-2.762-7.436-13.171-0.084-16.003L373.36,90.959
+		C379.675,88.517,386.19,94.049,384.814,100.68z"/>
+      <path style="fill-rule:evenodd;clip-rule:evenodd;" d="M313.567,147.179l-141.854,87.367c-5.437,3.355-7.996,9.921-6.242,16.068
+		l15.337,53.891c1.091,3.818,6.631,3.428,7.162-0.517l3.986-29.553c0.753-5.564,3.406-10.693,7.522-14.522l117.069-108.822
+		C318.739,149.061,316.115,145.614,313.567,147.179z"/>
+    </g>
+  </svg>
+</template>
+
+<script>
+export default {
+  name:"TelegramSvg",
+  props: {
+    w: {
+      type: String,
+      default: "512px"
+    },
+    h: {
+      type: String,
+      default: "60%"
+    },
+    url: {
+      type: String,
+      default: null
+    },
+    inline: {
+      type: Boolean,
+      default: false
+    },
+    ttext: {
+      type: String,
+      default: "Открыть телеграмм"
+    }
+  },
+  methods: {
+    openUrl(){
+      if (this.url !== null) window.open(this.url, '_blank');
+    }
+  }
+}
+</script>

src/components/TabsMenu.vue

@@ -1,7 +1,7 @@
 <template>
 <div>
   <BackgroundImage/>
-  <md-tabs md-alignment="centered" :md-active-tab="$API.current_window" :md-swipeable="true">
+  <md-tabs md-alignment="centered" :md-active-tab="$API.current_window" :md-swipeable="true" style="padding-bottom: 1%">
     <MainView/>
     <RulesView/>
     <ServersView/>
@@ -11,6 +11,11 @@
     <EmptyTab lb=""/>
     <ProfileView/>
   </md-tabs>
+  <footer style="bottom: 0; position: absolute; width: 100%;">
+    <div style="background-color: rgba(255,137,70,0.5);">
+      <p style="text-align: center; color: black; margin: 0% 0%">2018-{{new Date().getFullYear()}} | Факты 13</p>
+    </div>
+  </footer>
 </div>
 </template>
 

src/components/TabsMenuElements/AboutView/AboutView.vue

@@ -26,10 +26,11 @@
             <hr width="50%" align="right">
             <p class="about-p">Прекрасные плагины недающие заскучать и написанные таким же прекрасным кодером <a class="about-a" href="https://steamcommunity.com/profiles/76561198087598690">ОТДЫХАЕМ</a></p>
             <hr width="50%" align="right">
-            <p class="about-p">Посмотреть наши смешные до усрачки посты можно в Дискорде или в группе ВК, а так-же посетить мертвую группу стим</p>
+            <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%"/>
+              <TelegramSvg :inline="true" :h="'2em'" :w="'2em'" :url="'https://t.me/facti13'" 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">
@@ -54,10 +55,11 @@ 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/Images/CharacterImage.vue";
+import TelegramSvg from "@/components/Others/CustomSvg/TelegramSvg.vue";
 
 export default {
   name: 'AboutView',
-  components: {CharacterImage, VkSvg, DiscordSvg, SteamSvg}
+  components: {TelegramSvg, CharacterImage, VkSvg, DiscordSvg, SteamSvg}
 }
 </script>