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

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

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