add custom emoji for cursor

Antoine Montes · Antoine Montes · commit abeebeaf3474 · 2025-09-20T21:35:15.000+02:00
diff --git a/CREDITS.txt b/CREDITS.txt
@@ -1,2 +1,5 @@
 Fart sounds:
 - https://pixabay.com/sound-effects/search/fart/
+
+Peach emoji:
+- https://en.wikipedia.org/wiki/Peach_emoji
diff --git a/index.html b/index.html
@@ -11,8 +11,8 @@
       </div>
     </div>
 
-    <button class="center" id="clickMe"></button>
-    <label id="clickMeWrapper" for="clickMe" class="center">
+    <button class="center customCursor" id="clickMe"></button>
+    <label id="clickMeWrapper" for="clickMe" class="center customCursor">
       <div id="clickMeText">
         Click me!
       </div>
diff --git a/main.css b/main.css
@@ -29,3 +29,6 @@
     transform: translate(-50%, -50%);
     font-size: 48px;
 }
+.customCursor {
+    cursor: url("peach-emoji.png"), auto;
+}
diff --git a/peach-emoji.png b/peach-emoji.png

Original file line number	Diff line number	Diff line change
`@@ -29,3 +29,6 @@`
`29`	`29`	`transform: translate(-50%, -50%);`
`30`	`30`	`font-size: 48px;`
`31`	`31`	`}`
	`32`	`+.customCursor {`
	`33`	`+ cursor: url("peach-emoji.png"), auto;`
	`34`	`+}`