Change: Image optimization

udontur · Jun 23, 2024 · b7c9734 · b7c9734
1 parent eb76b57
commit b7c9734
Show file tree

Hide file tree

Showing 9 changed files with 15 additions and 8 deletions.
diff --git a/404.html b/404.html
@@ -10,11 +10,13 @@
 
             gtag('config', 'G-5VBXRTC113');
         </script>
-        <title>404 Not Found</title>
-        <link rel="icon" type="image/x-icon" href="/image/udontur.png">
+        <link href='https://unpkg.com/[email protected]/css/boxicons.min.css' rel='stylesheet'>
         <link rel="preconnect" href="https://fonts.googleapis.com">
         <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-        <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap" rel="stylesheet">
+        <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap" rel="stylesheet">   
+        <link rel="stylesheet" href="src/output.css">  
+        <link rel="icon" type="image/webp" href="img/favicon.webp">
+        <title>404 Not Found</title>
         <style>
             body{
                 background-color: #181818;
@@ -59,7 +61,7 @@
     </head>
     <body>
         <center>
-            <img src="img/404.png">
+            <img src="img/404.webp">
         </center>
         <center>
             <a href="https://hadrianlau.com/">

diff --git a/clock.html b/clock.html
@@ -10,8 +10,13 @@
 
             gtag('config', 'G-5VBXRTC113');
         </script>
+        <link href='https://unpkg.com/[email protected]/css/boxicons.min.css' rel='stylesheet'>
+        <link rel="preconnect" href="https://fonts.googleapis.com">
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap" rel="stylesheet">   
+        <link rel="stylesheet" href="src/output.css">  
+        <link rel="icon" type="image/webp" href="img/favicon.webp">
         <title>Clock</title>
-        <link rel="icon" type="image/x-icon" href="img/favicon.png">
         <style>
             body {
                 background-color: #181818;

diff --git a/img/404.png b/img/404.png
diff --git a/img/404.webp b/img/404.webp
diff --git a/img/cook.png b/img/cook.png
diff --git a/img/cook.webp b/img/cook.webp
diff --git a/img/favicon.png b/img/favicon.png
diff --git a/img/favicon.webp b/img/favicon.webp
diff --git a/index.html b/index.html
@@ -15,7 +15,8 @@
         <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
         <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap" rel="stylesheet">   
         <link rel="stylesheet" href="src/output.css">  
-        <link rel="icon" type="image/x-icon" href="img/favicon.png">
+        <link rel="icon" type="image/webp" href="img/favicon.webp">
+        <title>Hadrian</title>
         <style>
             ::selection { background-color: transparent; }
             ::-moz-selection { background-color: transparent; }
@@ -24,12 +25,11 @@
                 cursor: default;
             }
         </style>
-        <title>Hadrian</title>
     </head>
     <body class="bg-gray-950 scroll-smooth"> <!--npx tailwindcss -i ./src/input.css -o ./src/output.css --watch-->
         <br>
         <p class="text-green-400 text-center text-5xl font-jetmono my-6">Hadrian is COOKING hadrianlau.com!</p>
-        <img class="mx-auto w-[400px] rounded-xl" src="img/cook.png">
+        <img class="mx-auto w-[400px] rounded-xl" src="img/cook.webp">
         <p class="text-white text-center text-xl font-jetmono my-6">This web page is temporary</p>
         <br>
         <p class="text-green-400 text-center text-5xl font-jetmono my-6">Tools</p>