added cornerCounter

FuntyGithub · FuntyGithub · commit 741682b47772 · 2022-12-20T19:01:06.000+01:00
diff --git a/404.html b/404.html
@@ -12,6 +12,7 @@
         <meta name="description" content="404 error page"/>
     </head>
     <body class="darkmode">
+        <a id="cornerCounter" class="rainbow text"></a>
         <div id="containerDiv" class="container">
             <h1 class="title">404</h1>
             <a class="text">The page you are looking for does not exist.</a><br>
diff --git a/assets/scripts/404.js b/assets/scripts/404.js
@@ -61,9 +61,12 @@ function animation(status) {
 
             if (hit >= 2) {
                 div.classList.add('rainbow');
+                let cornerCounter = document.getElementById('cornerCounter');
+                if (cornerCounter && cornerCounter.innerHTML)  cornerCounter.innerHTML = "corner counter: " + (parseInt(cornerCounter.innerHTML.split(' ')[2]) + 1)
+                else cornerCounter.innerHTML = "corner counter: 1";
             }
 
-            console.log(hit);
+            // console.log(hit);
 
         }, 60);
     }
diff --git a/assets/styles/404.css b/assets/styles/404.css
@@ -12,13 +12,21 @@
 }
 
 .rainbow {
-    background: linear-gradient(90deg, 
-    #ff0000, #ff7f00, #ffff00, #00ff00, #0000ff, #4b0082, #9400d3, #4b0082, #0000ff, #00ff00, #ffff00, #ff7f00, #ff0000);
+    background: linear-gradient(90deg, #ff0000, #ff7f00, #ffff00, #00ff00, #0000ff, #4b0082, #9400d3, #4b0082, #0000ff, #00ff00, #ffff00, #ff7f00, #ff0000);
     background-color: transparent;
     background-size: 10000% 10000%;
     animation: rainbow 10s ease infinite;
 }
 
+.rainbow.text {
+    color: transparent;
+    background-clip: text;
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    -moz-background-clip: text;
+    -moz-text-fill-color: transparent;
+}
+
 @keyframes rainbow {
     0% {
         background-position: 0% 50%;
diff --git a/assets/styles/index.css b/assets/styles/index.css
@@ -1,5 +1,6 @@
 /* THEMES */
 .darkmode {
+    /* ORIGINAL */
     --primary-color: #FF9C3F;
     --text-color: #ffb773;
     --higlight-color: #ffc38b;

Original file line number	Diff line number	Diff line change
`@@ -61,9 +61,12 @@ function animation(status) {`
`61`	`61`
`62`	`62`	`if (hit >= 2) {`
`63`	`63`	`div.classList.add('rainbow');`
	`64`	`+ let cornerCounter = document.getElementById('cornerCounter');`
	`65`	`+ if (cornerCounter && cornerCounter.innerHTML) cornerCounter.innerHTML = "corner counter: " + (parseInt(cornerCounter.innerHTML.split(' ')[2]) + 1)`
	`66`	`+ else cornerCounter.innerHTML = "corner counter: 1";`
`64`	`67`	`}`
`65`	`68`
`66`		`- console.log(hit);`
	`69`	`+ // console.log(hit);`
`67`	`70`
`68`	`71`	`}, 60);`
`69`	`72`	`}`