feat: add twitch embed and banner logo

UoMEsports · Mar 2, 2019 · 17ba345 · 17ba345
1 parent 3f0e1ce
commit 17ba345
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 1 deletion.
diff --git a/public/index.html b/public/index.html
@@ -24,6 +24,8 @@
     </style>
 
     <title>HiveAid 2019</title>
+
+    <script src="https://embed.twitch.tv/embed/v1.js"></script>
   </head>
   <body>
     <noscript>

diff --git a/src/assets/img/banner.png b/src/assets/img/banner.png
diff --git a/src/views/Announcement.vue b/src/views/Announcement.vue
@@ -1,7 +1,8 @@
 <template>
   <div class="announcement">
-
+    <img class="banner" src="../assets/img/banner.png"/>
     <Countdown date="March 30, 2019 10:00"/>
+    <div id="twitch-embed"></div>
   </div>
 </template>
 
@@ -12,6 +13,27 @@ export default {
   name: 'announcement',
   components: {
     Countdown
+  },
+  mounted () {
+    /* eslint-disable */
+    new Twitch.Embed("twitch-embed", {
+      width: 760,
+      height: 428,
+      layout: "video",
+      channel: "uomesports"
+    });
+    /* eslint-enable */
   }
 }
 </script>
+
+<style lang="scss" scoped>
+.announcement {
+  width: 1000px;
+  margin: auto;
+}
+.banner {
+  width: 90%;
+  margin-top: 50px;
+}
+</style>