i will fuck up after this one

resources/css/app.css

@@ -40,6 +40,7 @@
 
 body {
     background-color: var(--background-color);
+    width: 100%;
     font-family: Perpetua Regular;
     color: var(--color-primary);
     cursor: url('/skonk/cursor.png');

resources/js/App.vue

@@ -9,5 +9,4 @@ import Footer from "./components/Footer.vue";
     </router-view>
     </main>
 
-    <Footer>Scott 0-val</Footer>
 </template>

resources/js/components/Wish.vue

@@ -52,7 +52,7 @@ function openWish() {
                     {{ wish.title }}
                 </div>
             </div>
-            <div class="cursor" v-if="hover">
+            <div class="cursor" v-if="hover || selected">
                 <img :src="'/skonk/cursor_corner.png'" class="cursor">
                 <img :src="'/skonk/cursor_corner.png'" class="cursor opposite-corner">
             </div>
@@ -63,7 +63,7 @@ function openWish() {
 
 <style scoped>
 .backdrop {
-    position: fixed;
+    position: absolute;
     width: 100%;
     height: 100%;
     filter: opacity(20%);
@@ -79,7 +79,7 @@ img.cursor{
     bottom: 0;
 }
 .cursor {
-    position: fixed;
+    position: absolute;
     width: 100%;
     height: 100%;
     z-index: 10;
@@ -93,7 +93,6 @@ img.cursor{
 }
 .large-container:hover {
     scale: 1.01;
-
 }
 .large-text-title {
     text-transform: uppercase;

resources/js/components/WishPanel.vue

@@ -20,10 +20,14 @@ onMounted(() => {
 </script>
 
 <template>
-        <div class="panel-container main-panel">
+    <img :src="'/skonk/divider.png'" style="width: 90%; margin: auto;">
-            <h1>{{ wish.title }}</h1>
+    <div class="panel-container main-panel">
+        <h1>{{ wish.title }}</h1>
+        <p>
+            {{ wish.description }}
+        </p>
 
-        </div>
+    </div>
 </template>
 
 <style lang="css" scoped>
@@ -31,14 +35,22 @@ onMounted(() => {
 .main-panel {
     width: 100%;
     margin: 30px;
-
     border-radius: 10px;
 }
 
 h1 {
-    font-size: 2vh;
+    font-size: 3vh;
+    margin-right: 40px;
+    text-wrap: wrap;
 }
 
+p {
+    font-size: 2vh;
+    color: rgb(200,200,200);
+    margin-right: 50px;
+    margin-top: 40px;
+    text-wrap: wrap;
+}
 
 .panel-container {
     top: 50%;

resources/js/pages/HomeView.vue

@@ -4,6 +4,7 @@ import {ref, onMounted} from 'vue';
 import axios from 'axios';
 import TopFleur from '../components/TopFleur.vue';
 import WishPanel from '../components/WishPanel.vue';
+import Footer from '../components/Footer.vue';
 
 let interval;
 
@@ -30,11 +31,12 @@ onMounted(() => {
 
 
 <template>
-    <TopFleur></TopFleur>
     <body>
+    <TopFleur/>
         <template v-for="(wish, i) in wishes">
             <Wish :wish="wish" :selected="selected==i" :index="i"  @selectedWish="selectedWish" v-if="selected == i || selected == -1"/>
             <WishPanel :wish="wish" v-if="selected == i" @closeWish="selected = -1"></WishPanel>
         </template>
+    <Footer/>
     </body>
 </template>