From abeebeaf34742d80e814cc0f4270d76534e2bb0a Mon Sep 17 00:00:00 2001
From: Antoine Montes <antoine.montes@pickyourskills.com>
Date: Sat, 20 Sep 2025 21:35:15 +0200
Subject: [PATCH 1/2] add custom emoji for cursor

---
 CREDITS.txt     |   3 +++
 index.html      |   4 ++--
 main.css        |   3 +++
 peach-emoji.png | Bin 0 -> 1478 bytes
 4 files changed, 8 insertions(+), 2 deletions(-)
 create mode 100644 peach-emoji.png

diff --git a/CREDITS.txt b/CREDITS.txt
index 92dcc63..7704fec 100644
--- 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
\ No newline at end of file
diff --git a/index.html b/index.html
index 2e5b56c..1d6db7e 100644
--- 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
index 442e2df..6e09b4c 100644
--- a/main.css
+++ b/main.css
@@ -29,3 +29,6 @@
     transform: translate(-50%, -50%);
     font-size: 48px;
 }
+.customCursor {
+    cursor: url("peach-emoji.png"), auto;
+}
\ No newline at end of file
diff --git a/peach-emoji.png b/peach-emoji.png
new file mode 100644
index 0000000000000000000000000000000000000000..116e11105f77cf05d691d78e6bab0ca245445bf5
GIT binary patch
literal 1478
zcmZ{kc{tPw7{`CH5zCG;8An8foYTlGV}?xQW}>vH95L?3IgS}Q$1yD1*0^$%NX}d%
za+52$r=oZe6KOS=aZR!8c=maA|JY}r_j%v%^M2pw^L+n%ldZ8P!h({5000P^nPRSR
zRraut@o{G`iL`mRxS3wD0sxXC0K~)tz;~_{vkU+sPyqPD1ppA)000TdYqmjh4}7i`
zCK%x0unO8rs9cAiU}j~+|3v^SDyAA+BgzDTAD)_F3~lYZpG`Vb^6Vt~S);_y`C*<O
zVbtM$8>&c=y8ZJWNpzZE3jN2nntHK>a=d?v?3KN_9I50mzCE&6>w2F-DI~T~{NN_#
zjA?NJGffcxxB)zsmitw4`oq`I(9qePaMlP;sfGH0=@$hJm<^i^ez-;)AwJy5E4b{u
zI~=K!ks@9s68Gf3GNSiLms+`3pSWhC$W)uYk<E*B`avpPvxBn}yLPFX_1@pWP(i^k
zwN?_XlYE!)rw#?I8qU`tmJhj*Yxhf~TJ>fhN!8ErD1^o1B+YlCJz&*ui}Y-cBh3+9
z?b?^JEG5q|#wV_?d@D{EWX$M;7*>wi*N{oUoRb>Dai%L<k`&i#n<DM8Me@j;1t-f1
z$>;nm+4f`wzh-!ML`z2mOL@O3vcME9B^UpObH9#(4Y8}3*$@4MQ&A|BJ&qxO;TRim
zJR=tL@m$Z!5p(w$1F=9arA&Fccx#Kp!P|Qy_n=pClIQQ4W5#`64JU<YDpqV{p?3#M
zN)9$TREUA-+EB^f!cgG++Yj`s&ISi&zc=d14bZ1q7f~Qkqe@`Iu}J+H*H%d~NJIOM
z*JC*c9}A`Ow{O%p$nO=AR!Au#GC)1<Wf_egT7kc<wvmZdmvJ1}->6L(=+N-^c4-t_
zwY!5GOt@}RQK#!e8LC&+Z`E1F&@`OAbE6kdez5h}M)4Ojre$FZy8*}mC2SE9kED3Y
zd_g_3UY)vOblrP12;UvuKfUBDZT9Jv@3sCM?O>+4ZU?fNU2T#1sOk3JFm(wllWt4B
zRk6d1Oxy}W=l1ny%m<Caqxsp^a20Z<!d<aPPBrYkx-WW5mNWWVLIr7~^Ce?<Nf7-y
z=7wK+c~4iL+>@?YH(K9QU#G~`l<kbIc5tKB1K8A0Tf7P{K-w)f3V2&)bbtLFR3rN(
zJ7zdM|F`*~KY`%a!gUe7rGZ{(e1pf<Vg;f?s=HOBc@`T1Br&1;N#_PsB$Jc~6YxrB
zKMCWQFxM*nb>j=$f`FS=h+Moz=U7N~uM`Pjz-bFI;Nmpf`)3zV2+i?pf3>Jui4;wL
zl5A}TmP)WsJq6nas?Kys0OGZqll6&<GM#bky;+*;@qr?10kpU|TTnwG614F%Z^1G+
z1!-RQTKV!GuLUZ`Xwjj~<S0=UqL)zrFvty5IgiXuF6~^~l+I|Wucpz(el0~j5Z>r?
zUdI?*TwA0@@F*8<4XT^vl&%g^c#B*F=9nZydWB_8>e@MZS3BD14e4sfn^$MD%CI;x
zPs{QY=f+y^1bG+4dF;3t?}CqdXH0t*7><U)YZN(6buyInlQwi;LIy)9iv9ga;mB0t
zZJ(i@@kp}1PKg?(YJ2)rdQ>i_oQ-A?^-zWKyZ*Uw;$V7xprb=3!&9d?wLv{<<+K|O
zQP`Ri**wi+R=b`3o~Fsr<FvP9CO@;7v2{mz{CYhDJH{cIQK;h9%DvjtWpkX1F><p0
z-7_<DEdd|-93klu%O<ad^v2dr0m>W+HwF=XVdY?$zuXX!HEF=;Z@|5ik~l2@eJPK!
zay4%9bh3528HPKx4_XjO&qw7MaX%JtmSAL0z}+IaBiw@AxdOnTFl}|Ht~v~AdtMg-
zgCVrws!%8b3SEM$9e%xk0lYuX+k^Q3K$dU1CKpitCxPINcMm4q!Uz19xuErTNH&>@
P<uZVo5f)R0c8U875~Z%=

literal 0
HcmV?d00001


From db549fe1ec42d3f9b1a1572d83d75f035ea9d774 Mon Sep 17 00:00:00 2001
From: Antoine Montes <antoine.montes@pickyourskills.com>
Date: Sat, 20 Sep 2025 22:26:48 +0200
Subject: [PATCH 2/2] add customCursor after a certain amount of clicks

---
 index.html | 4 ++--
 index.js   | 2 ++
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index 1d6db7e..2e5b56c 100644
--- a/index.html
+++ b/index.html
@@ -11,8 +11,8 @@
       </div>
     </div>
 
-    <button class="center customCursor" id="clickMe"></button>
-    <label id="clickMeWrapper" for="clickMe" class="center customCursor">
+    <button class="center" id="clickMe"></button>
+    <label id="clickMeWrapper" for="clickMe" class="center">
       <div id="clickMeText">
         Click me!
       </div>
diff --git a/index.js b/index.js
index 3eb6d34..8140724 100644
--- a/index.js
+++ b/index.js
@@ -59,6 +59,8 @@ const eventsTable = [
         onCount: 15,
         action: () => {
             clickMeText.innerText = `having fun?`;
+            clickMeWrapper.classList.add("customCursor");
+            clickMe.classList.add("customCursor");
             playFart(regularFart);
         }
     },