feat: link to video

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;