Lenaisten/bday2020
2
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

reformat; get_id in App.vue

Browse source
This commit is contained in:
Jörn-Michael Miehe 2020-09-06 02:44:39 +02:00
parent d2adc9b776
commit 29860637f9
2 changed files with 34 additions and 26 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
ui/src/App.vue
View file

@ -1,26 +1,33 @@
<template>
<div id="app">
<img class="logo" alt="Lenaistenlogo" src="./assets/logo.png">
<img class="logo" alt="Lenaistenlogo" src="./assets/logo.png" />
<BDay />
</div>
</template>
<script>
import BDay from './components/BDay.vue'
import BDay from "./components/BDay.vue";
export default {
name: 'App',
name: "App",
components: {
BDay
}
}
BDay,
},
computed: {
get_id: () => {
return window.location.pathname.substring(1);
},
},
};
</script>
<style>
html {
background-image: url('./assets/bg.jpg');
height: 100%;
/* overflow:hidden; */
background-image: url("./assets/bg.jpg");
height: 100%;
/* overflow:hidden; */
}
#app {

35
ui/src/components/BDay.vue
View file

@ -1,28 +1,29 @@
<template>
<div class="bday">
<h1>Alles Gute zu Deinem Geburtstag!</h1>
<vue-plyr>
<video poster='../assets/poster.png' autoplay="true">
<source src='/fake_api/part1_240.mp4' type='video/mp4' size='240'>
<source src='/fake_api/part1_360.mp4' type='video/mp4' size='360'>
<source src='/fake_api/part1_480.mp4' type='video/mp4' size='480'>
</video>
</vue-plyr>
</div>
<div class="bday">
<h1>Alles Gute zu Deinem Geburtstag!</h1>
<vue-plyr>
<video poster="../assets/poster.png" autoplay="true">
<source src="/fake_api/part1_240.mp4" type="video/mp4" size="240" />
<source src="/fake_api/part1_360.mp4" type="video/mp4" size="360" />
<source src="/fake_api/part1_480.mp4" type="video/mp4" size="480" />
</video>
</vue-plyr>
</div>
</template>
<script>
export default {
name: 'BDay',
mounted: () => {
document.title = 'Herzlichen Glückwunsch!'
}
}
name: "BDay",
mounted: () => {
document.title = "Herzlichen Glückwunsch!";
},
};
</script>
<style scoped>
div.bday {
margin: auto;
max-width: 850px;
margin: auto;
max-width: 850px;
}
</style>