Change: Directory change (testing)

udontur · Jul 9, 2024 · 762c528 · 762c528
1 parent 120dfa2
commit 762c528
Show file tree

Hide file tree

Showing 7 changed files with 33 additions and 71 deletions.
diff --git a/404.html b/404.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html>
+<html lang="en">
     <head>
         <script async src="https://www.googletagmanager.com/gtag/js?id=G-SQB118V6BD"></script>
         <script>
@@ -8,12 +8,14 @@
             gtag('js', new Date());
             gtag('config', 'G-SQB118V6BD');
         </script>
-        <link href='https://unpkg.com/[email protected]/css/boxicons.min.css' rel='stylesheet'>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
         <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=M+PLUS+Rounded+1c&display=swap" rel="stylesheet">  
-        <link rel="stylesheet" href="src/output.css">  
-        <link rel="icon" type="image/webp" href="img/favicon.webp">
+        <link href="https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c&display=swap" rel="stylesheet"> 
+        <link rel="stylesheet" href="../tailwind/output.css">  
+        <link rel="icon" type="image/webp" href="../img/favicon.webp">
         <title>404 Not Found</title>
         <style>
             body{

diff --git a/clock.html → src/clock.html b/clock.html → src/clock.html
@@ -2,7 +2,7 @@
 permalink: /clock
 ---
 <!DOCTYPE html>
-<html>
+<html lang="en">
     <head>
         <script async src="https://www.googletagmanager.com/gtag/js?id=G-SQB118V6BD"></script>
         <script>
@@ -11,15 +11,19 @@
             gtag('js', new Date());
             gtag('config', 'G-SQB118V6BD');
         </script>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
         <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=M+PLUS+Rounded+1c&display=swap" rel="stylesheet">
-        <link rel="icon" type="image/webp" href="img/favicon.webp">
-        <script>
+        <link href="https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c&display=swap" rel="stylesheet"> 
+        <link rel="stylesheet" href="../tailwind/output.css">  
+        <link rel="icon" type="image/webp" href="../img/favicon.webp">
+        <!--<script>
             if (window.location.pathname.endsWith('/')) {
                 window.location.href = window.location.pathname.slice(0, -1);
             }
-        </script>
+        </script>-->
         <title>Clock</title>
         <style>
             ::-moz-selection {

diff --git a/index.html → src/index.html b/index.html → src/index.html
@@ -1,3 +1,6 @@
+---
+permalink: 
+---
 <!DOCTYPE html>
 <html lang="en">
     <head>
@@ -8,13 +11,14 @@
             gtag('js', new Date());
             gtag('config', 'G-SQB118V6BD');
         </script>
+        <meta charset="UTF-8">
         <meta name="viewport" content="width=device-width, initial-scale=1">
         <script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
         <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=M+PLUS+Rounded+1c&display=swap" rel="stylesheet"> 
-        <link rel="stylesheet" href="src/output.css">  
-        <link rel="icon" type="image/webp" href="img/favicon.webp">
+        <link rel="stylesheet" href="../tailwind/output.css">  
+        <link rel="icon" type="image/webp" href="../img/favicon.webp">
         <title>Hadrian</title>
         <style>
             ::selection { background-color: transparent; }
@@ -31,18 +35,17 @@
             }
         </style>
     </head>
-    <body class="bg-gray-950 scroll-smooth duration-700"> <!--npx tailwindcss -i ./src/input.css -o ./src/output.css --watch-->
+    <body class="bg-gray-950 scroll-smooth duration-700"> <!--npx tailwindcss -i ./tailwind/input.css -o ./tailwind/output.css --watch-->
         <br>
         <p class="text-green-400 text-center text-5xl my-6">Hadrian is COOKING UP hadrianlau.com!</p>
-        <img class="mx-auto w-[400px] rounded-xl" src="img/cook.webp" alt="Let him cook meme">
+        <img class="mx-auto w-[400px] rounded-xl" src="../img/cook.webp" alt="Let him cook meme">
         <p class="text-white text-center text-xl font-jetmono my-6">This is a temporary web page</p>
         <br>
         <p class="text-green-400 text-center text-5xl my-6">Tools</p>
         <ul class="text-white text-center text-6xl list-none">
             <li class="inline mr-2 transition-all hover:text-green-400"><a href="https://hadrianlau.com/clock"><iconify-icon icon="ph:clock-bold"></iconify-icon></a></li>
             <li class="inline mr-2 transition-all hover:text-green-400"><a href="https://github.com/udontur/cs"><iconify-icon icon="carbon:file-storage"></iconify-icon></a></li>
             <li class="inline mr-2 transition-all hover:text-green-400"><a href="https://github.com/udontur/ossd-mark-calculator"><iconify-icon icon="tabler:calculator-filled"></iconify-icon></a></li>
-
         </ul>
         <br>
         <br>

diff --git a/summer-eating.html b/summer-eating.html
diff --git a/tailwind.config.js b/tailwind.config.js
@@ -1,6 +1,6 @@
 /** @type {import('tailwindcss').Config} */
 module.exports = {
-  content: ["./index.html", "./404.html", "./clock.html"],
+  content: ["./src/**/*.html"],
   theme: {
     extend: {
 

diff --git a/src/input.css → tailwind/input.css b/src/input.css → tailwind/input.css
diff --git a/src/output.css → tailwind/output.css b/src/output.css → tailwind/output.css
@@ -620,6 +620,10 @@ video {
   line-height: 1.75rem;
 }
 
+.font-bold {
+  font-weight: 700;
+}
+
 .text-green-400 {
   --tw-text-opacity: 1;
   color: rgb(74 222 128 / var(--tw-text-opacity));
@@ -636,6 +640,10 @@ video {
   transition-duration: 150ms;
 }
 
+.duration-700 {
+  transition-duration: 700ms;
+}
+
 .hover\:text-green-400:hover {
   --tw-text-opacity: 1;
   color: rgb(74 222 128 / var(--tw-text-opacity));