feat: butt.png more attractive (#21)

Co-authored-by: Peio Thibault <[email protected]>
potb · Feb 22, 2024 · ddbe2cc · ddbe2cc
1 parent d95b58d
commit ddbe2cc
Show file tree

Hide file tree

Showing 5 changed files with 17 additions and 8 deletions.
diff --git a/apps/prout/src/app.html b/apps/prout/src/app.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="utf-8" />

diff --git a/apps/prout/src/lib/assets/butt.png b/apps/prout/src/lib/assets/butt.png
diff --git a/apps/prout/src/lib/assets/slip.png b/apps/prout/src/lib/assets/slip.png
diff --git a/apps/prout/src/routes/+layout.svelte b/apps/prout/src/routes/+layout.svelte
@@ -1,6 +1,18 @@
+<script lang="ts">
+  import slip from '$lib/assets/slip.png?format=webp&h=32&w=32&as=meta';
+</script>
+
 <svelte:head>
   <title>prout</title>
   <meta name="description" content="A website to fart clicking on Myd's butt" />
 </svelte:head>
 
-<slot />
+<main style="cursor: url({slip.src}), auto;">
+  <slot />
+</main>
+
+<style>
+    * {
+        user-select: none;
+    }
+</style>
diff --git a/apps/prout/src/routes/+page.svelte b/apps/prout/src/routes/+page.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+  import slip from '$lib/assets/slip.png?format=webp&h=32&w=32&as=meta';
   import fartSrc from '$lib/assets/fart.mp3';
   import {
     src,
@@ -18,7 +19,8 @@
   {height}
   useMap="#butt"
   alt="Myd butt-naked, seen from behind"
-/><button on:click={fart}>
+  draggable="false"
+/><button on:click={fart} style="cursor: url({slip.src}), pointer;">
   <map name="butt">
     <area
       alt="Accurate mapping of Myd butt"
@@ -32,10 +34,5 @@
   button {
     border: none;
     background: none;
-    cursor: pointer;
-  }
-
-  * {
-    user-select: none;
   }
 </style>