settel/knowyt
1
0
Fork 0
Code Issues Pull Requests Packages Releases Activity

feat: link to video

Browse Source
This commit is contained in:
Settel 2022-04-12 18:47:35 +02:00
parent 67509d32ec
commit ad18d65102
1 changed files with 20 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
client/src/pages/index.vue
View File

@ -2,6 +2,11 @@
<div class="startpage"> <div class="startpage">
<TitleBox /> <TitleBox />
<PlayButton class="startpage__buttonline" /> <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" /> <CreateTeam v-if="!$store.state.engine.user" class="startpage__creategame" />
<div class="startpage__copyright"> <div class="startpage__copyright">
v{{ $config.version }}, © 2021-2022, Settel v{{ $config.version }}, © 2021-2022, Settel
@ -10,6 +15,8 @@
</template> </template>
<style lang="scss"> <style lang="scss">
@import '~/assets/css/components';
.startpage { .startpage {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -25,6 +32,19 @@
margin: auto 0 2em 2em; 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 { &__copyright {
position: absolute; position: absolute;
right: 1em; right: 1em;