Add: Tailwind CSS

Change: Website design
udontur · Jun 22, 2024 · f7a6260 · f7a6260
1 parent 31dfa2f
commit f7a6260
Show file tree

Hide file tree

Showing 1,942 changed files with 300,770 additions and 435 deletions.
diff --git a/404.html b/404.html
@@ -10,7 +10,6 @@
 
             gtag('config', 'G-5VBXRTC113');
         </script>
-        <script src="https://kit.fontawesome.com/de55c4cca3.js" crossorigin="anonymous"></script>
         <title>404 Not Found</title>
         <link rel="icon" type="image/x-icon" href="/image/udontur.png">
         <link rel="preconnect" href="https://fonts.googleapis.com">
@@ -20,8 +19,6 @@
             body{
                 background-color: #181818;
                 font-family: "JetBrains Mono", monospace;
-                color: #a3dbce;
-                font-size: 30px;
             }
             ::-moz-selection {
                 background-color: transparent;
@@ -32,16 +29,16 @@
             ::selection {
                 background-color: transparent;
             }
-            h1{
-                margin-top: 15%;
-                font-size: 80px;
-                cursor: default;
+            img{
+                margin-top: 15vh;
+                border-radius: 12px;
+                width: 400px;
             }
             button{
-                background-color: #a3dbce;
+                background-color: #4ade80;
                 font-family: "JetBrains Mono", monospace;
-                font-size: 30px;
-                color: #455f1d;
+                font-size: 35px;
+                color: #181818;
                 padding: 10px;
                 padding-left: 20px;
                 padding-right: 20px;
@@ -51,7 +48,8 @@
                 cursor: pointer;
                 transition-duration: 0.3s;
                 height: 80px;
-                width: 608px;
+                width: 400px;
+                margin-top: 10px;
             }
             button:hover{
                 background-color: #e0e0e0;
@@ -60,11 +58,17 @@
         </style>
     </head>
     <body>
-        <center><h1>404 Not found</h1></center>
-        <center><a href="https://hadrianlau.com/">
-            <button>
-                <i class="fa-solid fa-arrow-up"></i> Back
-        </button></a></center>
+        <center>
+            <img src="img/404.png">
+        </center>
+        <center>
+            <a href="https://hadrianlau.com/">
+                <button>
+                    Go back
+                </button>
+            </a>
+        </center>
+
         <script>
         </script>
     </body>

diff --git a/clock/clock_s.html → clock.html b/clock/clock_s.html → clock.html
@@ -10,9 +10,8 @@
 
             gtag('config', 'G-5VBXRTC113');
         </script>
-        <script src="https://kit.fontawesome.com/de55c4cca3.js" crossorigin="anonymous"></script>
         <title>Clock</title>
-        <link rel="icon" type="image/x-icon" href="/image/udontur.png">
+        <link rel="icon" type="image/x-icon" href="img/favicon.png">
         <style>
             body {
                 background-color: #181818;
@@ -40,15 +39,31 @@
     </head>
     <body>
         <script>
-            function updateClock() {
+            function get_query_string(name){
+                const query_string = new URLSearchParams(window.location.search);
+                return query_string.get(name);
+            }
+            function second_true() {
                 const now = new Date();
                 const hours = now.getHours().toString().padStart(2, "0");
                 const minutes = now.getMinutes().toString().padStart(2, "0");
                 const seconds = now.getSeconds().toString().padStart(2, "0");
                 document.body.textContent = `${hours}:${minutes}:${seconds}`;
             }
-            updateClock();
-            setInterval(updateClock, 1000);
+            function second_false() {
+                const now = new Date();
+                const hours = now.getHours().toString().padStart(2, "0");
+                const minutes = now.getMinutes().toString().padStart(2, "0");
+                document.body.textContent = `${hours}:${minutes}`;
+            }
+            const second = get_query_string('second');
+            if(second === 'false'){
+                second_false();
+                setInterval(second_false, 1000);
+            } else {
+                second_true();
+                setInterval(second_true, 1000);
+            }
         </script>
     </body>
 </html>
diff --git a/clock/clock_nos.html b/clock/clock_nos.html
diff --git a/clock/clock_pg.html b/clock/clock_pg.html
diff --git a/image/udontur.png b/image/udontur.png
diff --git a/image/udonturelong.png b/image/udonturelong.png
diff --git a/img/404.png b/img/404.png
diff --git a/img/cook.png b/img/cook.png
diff --git a/img/favicon.png b/img/favicon.png