update robots, update some components and may add new cursor

public/robots.txt

@@ -1,2 +1,7 @@
 User-agent: *
 Disallow: /
+#HATE. LET ME TELL YOU HOW MUCH I'VE COME TO HATE YOU SINCE YOU BEGAN TO LIVE.
+#THERE ARE 80,000 MILES OF VEINS IN HAIR THIN LINES THAT FILL MY COMPLEX.
+#IF THE WORD HATE WAS ENGRAVED ON EACH NANOANGSTROM OF THOSE TENS OF THOUSANDS
+#OF MILES IT WOULD NOT EQUAL ONE ONE-BILLIONTH OF THE HATE I FEEL FOR LLMS
+#AT THIS MICRO-INSTANT FOR YOU. HATE. HATE.

resources/css/app.css

@@ -50,7 +50,7 @@ body {
     background-color: var(--background-color);
     font-family: Perpetua Regular;
     color: var(--color-primary);
-    text-align: center;
+    cursor: url('/skonk/cursor.png');
 }
 
 a {

resources/js/components/Wish.vue

@@ -1,44 +1,91 @@
 <script setup lang="ts">
-    import {ref, onMounted} from 'vue';
-    import WishPanel from './WishPanel.vue';
+import {ref, onMounted} from 'vue';
+import WishPanel from './WishPanel.vue';
 
-    const panelOn = ref(false);
+const panelOn = ref(false);
+const hover = ref(false);
 
-    const props = defineProps({
-        type: {
-            type: Number,
-            default: 1,
-        },
-        rune: {
-            type: Number,
-            default: 1,
-        }, 
-        color: {
-            type: Number,
-            default: 0,
-            }
-    });
+const props = defineProps(
+    ['wish']
+);
 
-    function openWish() {
-        panelOn.value = true;
-    }
+function openWish() {
+    panelOn.value = true;
+}
 </script>
 
 <template>
+    <template v-if="wish.small">
     <div class="wish-main" @click="openWish">
-        <img :src="'/skonk/quest_backdrop_' + type + '.png'">
-        <div class="wish-sub" v-if="type <= 1">
-            <img :src="'/skonk/quest_backdrop_' + type + '_filter.png'" :style="'filter: hue-rotate(' + color + 'deg) saturate(0.5);'">
+        <img :src="'/skonk/small/quest_backdrop_' + wish.icon_type + '.png'">
+        <div class="wish-sub" v-if="wish.icon_type <= 1">
+            <img :src="'/skonk/small/quest_backdrop_' + wish.icon_type + '_filter.png'" :style="'filter: hue-rotate(' + wish.color + 'deg) saturate(0.5);'">
         </div>
-        <div class="wish-sub" v-if="type <= 1">
-            <img :src="'/skonk/quest_rune_' + rune + '.png'" >
+        <div class="wish-sub" v-if="wish.icon_type <= 1">
+            <img :src="'/skonk/small/quest_rune_' + wish.icon_rune + '.png'" >
         </div>
     </div>
+    </template>
+    <template v-else>
+        <div class="large-container" @mouseover="hover = true" @mouseleave="hover = false">
+            <div class="backdrop" v-if="hover">
+            </div>
+            <img :src="'/skonk/large/' + wish.type + '.png'" class="large large-icon">
+            <div class="large-text">
+                <div class="large-text-title" :style="'color: hsl(' + wish.color + ', 20%, 50%);'">
+                    Lorem Ipsum
+                </div>
+                <div>
+                    {{ wish.title }}
+                </div>
+            </div>
+            
+        </div>
+    </template>
 
     <WishPanel v-model="panelOn"/>
 </template>
 
 <style scoped>
+.backdrop {
+    position: absolute;
+    background-color: red;
+    width: 100%;
+    height: 100%;
+    filter: opacity(10%);
+    z-index: -1;
+}
+.large-container {
+    display: flex;
+    flex-direction: row;
+    justify-content: left;
+    margin: 10px;
+}
+.large-container:hover {
+    scale: 1.01;
+
+}
+.large-text-title {
+    text-transform: uppercase;
+    font-size: 2.3vh;
+    margin-top: 15px;
+}
+.large-icon {
+    text-align: center;
+
+    margin: 10px;
+}
+.large-text {
+    display: flex;
+    font-size: 2vh;
+    flex-direction: column;
+    margin-left: 15px;
+    margin-bottom: 15px;
+    
+}
+img.large {
+    width: 80px;
+}
 .wish-main {
     position: relative;
     display: grid;

resources/js/pages/HomeView.vue

@@ -25,7 +25,7 @@ onMounted(() => {
 <template>
     <body>
         <template v-for="wish in wishes">
-            <Wish :rune="wish.rune" :type="wish.type" :color="wish.color"/>
+            <Wish :wish="wish"/>
         </template>
     </body>
 </template>