Added an easter egg

cs-soc-tudublin · Apr 25, 2024 · a6ebcdf · a6ebcdf
1 parent ebb4804
commit a6ebcdf
Show file tree

Hide file tree

Showing 3 changed files with 31 additions and 3 deletions.
diff --git a/csmm.png b/csmm.png
diff --git a/index.html b/index.html
@@ -6,15 +6,37 @@
     <link rel="icon" type="image/x-icon" href="cspp.webp">
     <link rel="stylesheet" href="style.css">
     <title>CS++</title>
+
 </head>
 <body>
-    <img src="cspp.webp" class="logo">
+    <img id="image" src="cspp.webp" class="logo">
     <h2 class="subtitle medium nogap">
-        <strong class="blue3">We</strong> are TU Dublin's <strong class="blue3">Computer Science Society.</strong>
+        <strong id="emphasis" class="blue3">We</strong> are TU Dublin's <strong id="other-emphasis" class="blue3">Computer Science Society.</strong>
     </h2>
 
-    <h2 class="subtitle nogap">
+    <h2 id="coming-soon" class="subtitle nogap">
         Website coming soon...
     </h2>
+
+    <script>
+        const random = Math.random();
+        const doItSansQuestionMark = Math.round(random * 100);
+
+        document.addEventListener("DOMContentLoaded", function(){
+            const imageElement = document.getElementById('image');
+            const emphOne = document.getElementById('emphasis');
+            const emphTwo = document.getElementById('other-emphasis');
+            const comingSoon = document.getElementById('coming-soon');
+
+            if(doItSansQuestionMark == 100){
+                imageElement.src = "csmm.png";
+                image.alt = "Evil CS++ Logo";
+                emphOne.classList.replace('blue3', 'evil');
+                emphTwo.classList.replace('blue3', 'evil');
+                emphTwo.innerText = "EVIL Computer Science Society";
+                comingSoon.innerHTML = "Website coming <strong class='evil'>NEVER!!!!</strong>";
+            }
+        })
+    </script>
 </body>
 </html>
diff --git a/style.css b/style.css
@@ -34,6 +34,8 @@
 	--cspp-blue-2: #462ab3;
 	--cspp-blue-3: #4159ff;
 	--cspp-blue-4: #549fff;
+
+	--evil: #b20300 !important;
 }
 
 html,
@@ -102,4 +104,8 @@ body {
 
 .blue4{
     color: var(--cspp-blue-4);
+}
+
+.evil{
+	color: var(--evil);
 }