:)

Valer100 · Aug 5, 2024 · e4aa439 · e4aa439
1 parent 2b1a8d3
commit e4aa439
Show file tree

Hide file tree

Showing 2 changed files with 42 additions and 2 deletions.
diff --git a/404.html b/404.html
@@ -16,7 +16,7 @@
 
     <title>404 - Valer100</title>
 
-    <body bgcolor="#0b1816">
+    <body bgcolor="#0b1816" style="overflow: hidden;">
         <div class="titlebar">
             <font class="titlebar-title">Valer100</font>
 
@@ -51,5 +51,9 @@
 
             <a class="button" href="index.html" style="margin-top: 32px;">Back to Home</a>
         </div>
+
+        <font class="easter-egg">🟩🟩<br>🟩🟩
+            <span class="iconify dino" data-icon="mdi-google-downasaur" data-width="200" data-height="200"></span>
+        </font>
     </body>
 </html>
diff --git a/styles.css b/styles.css
@@ -288,7 +288,43 @@ a.btn-titlebar {
     margin-left: -20px;
 }
 
-.btn-titlebar:hover > .tooltip {
+.btn-titlebar:hover .tooltip {
     animation: show-tooltip 0.5s forwards;
     animation-delay: 0.7s;
+}
+
+.iconify.dino {
+    visibility: hidden;
+    position: absolute;
+    bottom: -30px;
+    right: -30px;
+    -webkit-transform: scaleX(-1);
+    transform: scaleX(-1);
+    color: #9bd6c2;
+    opacity: 0.4;
+    z-index: 1;
+}
+
+.easter-egg {
+    position: absolute;
+    bottom: 0;
+    right: 0;
+    color: #00000000;
+    user-select: none;
+}
+
+.easter-egg .iconify.dino {
+    visibility: visible;
+    rotate: 100deg;
+    bottom: -200px;
+    right: -200px;
+    transition: all 0.5s;
+}
+
+.easter-egg:hover .iconify.dino {
+    visibility: visible;
+    rotate: 15deg;
+    bottom: -30px;
+    right: -30px;
+    transition: all 0.5s;
 }