From c6493faa8ed5a0ac05f807c7e9e25ad624a00192 Mon Sep 17 00:00:00 2001
From: xsoder <tadihailukebe@gmail.com>
Date: Mon, 22 Sep 2025 15:56:04 -0400
Subject: [PATCH 1/3] Fixing the const color to let color

---
 index.html |  2 +-
 index.js   | 12 ++++++++++++
 2 files changed, 13 insertions(+), 1 deletion(-)
diff --git a/index.html b/index.html
index c4f5bb9..29b8103 100644
--- a/index.html
+++ b/index.html
@@ -7,7 +7,7 @@
     <title>Click me!</title>
     <link rel="stylesheet" type="text/css" href="main.css">
   </head>
-  <body>
+  <body id="body">
     <img src="crit.webp" id="critImg">
     <div id="popup">
       <div id="popupText">
diff --git a/index.js b/index.js
index 726b0cb..1223b76 100644
--- a/index.js
+++ b/index.js
@@ -11,6 +11,15 @@ function newFart(url) {
     return fart;
 }
 
+function randomColor() {
+  const hexnum = '0123456789ABCDEF';
+  let color = '#';
+  for (var i = 0; i < 6; i++) {
+    color += hexnum[Math.floor(Math.random() * 16)];
+  }
+  return color;
+}
+
 const regularFart = newFart("fart-83471-fixed-regular.flac");
 const critFart    = newFart("fart-4-228244-fixed-crit.flac");
 const bigoneFart  = newFart("fart-paulstretched.flac");
@@ -107,6 +116,9 @@ const eventsTable = [
         onCount: 30,
         action: () => {
             clickMeText.innerText = `it doesn't do anything, but farts`;
+            body.style.background   = randomColor();
+            body.style.color        = randomColor();
+            clickMeText.style.color = randomColor();
             playFart(regularFart, true);
         }
     },

From 7c48716fe815475e0d36fca2f963cfd341456779 Mon Sep 17 00:00:00 2001
From: xsoder <tadihailukebe@gmail.com>
Date: Mon, 22 Sep 2025 16:05:46 -0400
Subject: [PATCH 2/3] gradient button and rounded button

---
 main.css | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/main.css b/main.css
index adacba8..9572835 100644
--- a/main.css
+++ b/main.css
@@ -34,6 +34,17 @@ body {
     width: 100px;
     height: 100px;
 }
+
+
+#clickMe {
+    width: 200px;
+    height: 50px;
+    position: absolute;
+    font-size: 50px;
+    background-image: linear-gradient(to right, rgba(18, 18, 18, 1),  rgba(127,127,127,1), rgba(255, 255, 255, 1));
+    border-radius: 50px;
+}
+
 #popupText {
     display: inline-block;
     white-space: nowrap;

From 142ac252b0a9fc97b4ff756eba414659363fbb85 Mon Sep 17 00:00:00 2001
From: xsoder <tadihailukebe@gmail.com>
Date: Mon, 22 Sep 2025 16:08:07 -0400
Subject: [PATCH 3/3] fix

---
 main.css | 1 -
 1 file changed, 1 deletion(-)

diff --git a/main.css b/main.css
index 9572835..7612cbd 100644
--- a/main.css
+++ b/main.css
@@ -35,7 +35,6 @@ body {
     height: 100px;
 }
 
-
 #clickMe {
     width: 200px;
     height: 50px;
