From e265d84cfc814a9db2a1c21b9e9aebdbfe727c7b Mon Sep 17 00:00:00 2001
From: Beluzsar Peter <beluzsarp@gmail.com>
Date: Fri, 25 Sep 2026 11:59:04 +0200
Subject: [PATCH] i will fuck up after this one

---
 public/skonk/divider.png              | Bin 0 -> 323 bytes
 resources/css/app.css                 |   1 +
 resources/js/App.vue                  |   1 -
 resources/js/components/Wish.vue      |   7 +++----
 resources/js/components/WishPanel.vue |  22 +++++++++++++++++-----
 resources/js/pages/HomeView.vue       |   4 +++-
 6 files changed, 24 insertions(+), 11 deletions(-)
 create mode 100644 public/skonk/divider.png

diff --git a/public/skonk/divider.png b/public/skonk/divider.png
new file mode 100644
index 0000000000000000000000000000000000000000..bd52788ff90dbe23ee5c14d6cbf9d4779576b634
GIT binary patch
literal 323
zcmV-J0lfZ+P)<h;3K|Lk000e1NJLTq007AV0006A1^@s6^6B_;00009a7bBm000ie
z000ie0hKEb8vp<R^+`lQRCt_~l#LF9APj^H==;C#rm~Q5%ja2V)}*0#{h<|P>Ajb@
zN|{PqxJ|p7F4Nawk9D2)I<dGXT*0eWwfeNHt;JUM>R8HH&A6aWf$vV`*SG8DBc>ge
zLo8AJVO&Q}Pk4_xfQS7C$8|@o1HL`Mo8=wQZE`zo?Yn`OzTtZ%JpHt(s+slUb7kM|
zD@$CZAh0C9!8c&P7~)x*mz#NQ*3%{B;WrGRSn(_Bdf)7+8h0B0hiFe;u9C#?hspBU
z8~Y3MW$|~t_V{m>C%Nlqh@VNsd0&s+!TUUs#1Z>r%!kS!rW)6C_WY7?<nQLV$OpoB
Va$CjYZ#n<~002ovPDHLkV1nc=o$UYs

literal 0
HcmV?d00001

diff --git a/resources/css/app.css b/resources/css/app.css
index c8ad8ab..48c63cd 100644
--- a/resources/css/app.css
+++ b/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');
diff --git a/resources/js/App.vue b/resources/js/App.vue
index 91863d8..badc466 100644
--- a/resources/js/App.vue
+++ b/resources/js/App.vue
@@ -9,5 +9,4 @@ import Footer from "./components/Footer.vue";
     </router-view>
     </main>
 
-    <Footer>Scott 0-val</Footer>
 </template>
diff --git a/resources/js/components/Wish.vue b/resources/js/components/Wish.vue
index 7cccbec..bdac771 100644
--- a/resources/js/components/Wish.vue
+++ b/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;
diff --git a/resources/js/components/WishPanel.vue b/resources/js/components/WishPanel.vue
index d449219..662eca8 100644
--- a/resources/js/components/WishPanel.vue
+++ b/resources/js/components/WishPanel.vue
@@ -20,10 +20,14 @@ onMounted(() => {
 </script>
 
 <template>
-        <div class="panel-container main-panel">
-            <h1>{{ wish.title }}</h1>
+    <img :src="'/skonk/divider.png'" style="width: 90%; margin: auto;">
+    <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%;
diff --git a/resources/js/pages/HomeView.vue b/resources/js/pages/HomeView.vue
index 24838c1..3420c13 100644
--- a/resources/js/pages/HomeView.vue
+++ b/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>
\ No newline at end of file