add fleur

resources/js/components/TopFleur.vue

@@ -0,0 +1,26 @@
+<template>
+    <div>
+        <img :src="'/skonk/board/top/Quest_Board_top_fleur0006.png'" class="image">
+    </div>
+</template>
+<style lang="css" scoped>
+@keyframes fleur {
+    0% {background-image: url(/skonk/board/top/Quest_Board_top_fleur0000.png);}
+    17% {background-image: url(/skonk/board/top/Quest_Board_top_fleur0001.png);}
+    34% {background-image: url(/skonk/board/top/Quest_Board_top_fleur0002.png);}
+    50% {background-image: url(/skonk/board/top/Quest_Board_top_fleur0003.png);}
+    67% {background-image: url(/skonk/board/top/Quest_Board_top_fleur0004.png);}
+    84% {background-image: url(/skonk/board/top/Quest_Board_top_fleur0005.png);}
+    100% {background-image: url(/skonk/board/top/Quest_Board_top_fleur0006.png);}
+}
+.animate {
+    animation-duration: 600ms;
+    mask-repeat: no-repeat;
+    animation-name: fleur;
+    height: 100px;
+}
+.image {
+    width: 100%;
+    padding: 15px;
+}
+</style>

resources/js/pages/HomeView.vue

@@ -2,6 +2,7 @@
 import Wish from '../components/Wish.vue';
 import {ref, onMounted} from 'vue';
 import axios from 'axios';
+import TopFleur from '../components/TopFleur.vue';
 
 let interval;
 
@@ -23,6 +24,7 @@ onMounted(() => {
 
 
 <template>
+    <TopFleur></TopFleur>
     <body>
         <template v-for="wish in wishes">
             <Wish :wish="wish"/>