From ad18d651028963f2d2b6485a96f031e696e6c088 Mon Sep 17 00:00:00 2001
From: Settel <settel@localhost>
Date: Tue, 12 Apr 2022 18:47:35 +0200
Subject: [PATCH] feat: link to video

---
 client/src/pages/index.vue | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/client/src/pages/index.vue b/client/src/pages/index.vue
index ead80e6..5354e60 100644
--- a/client/src/pages/index.vue
+++ b/client/src/pages/index.vue
@@ -2,6 +2,11 @@
   <div class="startpage">
     <TitleBox />
     <PlayButton class="startpage__buttonline" />
+    <div class="startpage__video">
+      <a href="https://www.sirlab.de/knowyt/know-your-teammates-kurzanleitung.mp4" target="_blank">
+        🎬 Erklärvideo (3 min)
+      </a>
+    </div>
     <CreateTeam v-if="!$store.state.engine.user" class="startpage__creategame" />
     <div class="startpage__copyright">
       v{{ $config.version }}, © 2021-2022, Settel
@@ -10,6 +15,8 @@
 </template>
 
 <style lang="scss">
+@import '~/assets/css/components';
+
 .startpage {
   display: flex;
   flex-direction: column;
@@ -25,6 +32,19 @@
     margin: auto 0 2em 2em;
   }
 
+  &__video {
+    margin: 2em 0;
+    text-align: center;
+    font-family: Dosis;
+    font-size: 24px;
+    font-weight: 800;
+    color: #808040;
+
+    &:hover {
+      color: #c0c080;
+    }
+  }
+
   &__copyright {
     position: absolute;
     right: 1em;