🎉: Update Configs

pphatdev · pphatdev · commit 3205d0d6a073 · 2024-11-21T20:23:41.000+07:00
diff --git a/index.html b/index.html
@@ -22,7 +22,7 @@
     <link rel="apple-touch-icon" sizes="76x76" href="./src/images/apple-touch-icon.png" />
     <link rel="icon" type="image/png" sizes="32x32" href="./src/images/favicon-32x32.png" />
     <link rel="icon" type="image/png" sizes="16x16" href="./src/images/favicon-16x16.png" />
-    <link rel="stylesheet" href="https://leatsophat.me/index.css">
+    <link rel="stylesheet" href="./index.css">
     <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=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
@@ -36,14 +36,12 @@
     <script defer="defer" src="./src/index.js" type="module"></script>
     <meta name="theme-color" content="#ffffff" />
 </head>
-<body class="dark:bg-slate-950 overflow-hidden">
+<body class="dark:bg-slate-950">
 
     <div class="area">
         <ul class="circles"> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li></ul>
     </div>
 
-    <header id="header" class="sticky top-0 z-20 w-full scroll-smooth backdrop-blur-sm dark:bg-white/5 bg-white/50"></header>
-
     <div data-sidebar-backdrop class="fixed inset-0 z-50 hidden w-full h-full bg-white/70 dark:block/20 backdrop-blur-sm"></div>
         <div data-sidebar-target class="fixed z-50 hidden w-full max-w-xs p-6 text-base font-semibold -translate-x-1/2 bg-white rounded-lg shadow-lg top-4 left-1/2 text-slate-900 dark:bg-slate-800 dark:text-slate-400 dark:highlight-white/5">
             <button type="button" data-sidebar-toggle class="absolute flex items-center justify-center w-8 h-8 top-5 right-5 text-slate-500 hover:text-slate-600 dark:text-slate-400 dark:hover:text-slate-300" tabindex="0">
diff --git a/tailwind.config.js b/tailwind.config.js
@@ -3,8 +3,43 @@ module.exports = {
   content: [
     "./*.{html,js}"
   ],
+  darkMode: "class",
   theme: {
-    extend: {},
+    extend: {
+      screens: {
+        print: { raw: 'print' },
+      },
+      colors: {
+        primary: {
+          DEFAULT: "#00886e",
+          50: "#eafff7",
+          100: "#cbffeb",
+          200: "#9dfddc",
+          300: "#5ef7cc",
+          400: "#25e9b8",
+          500: "#00d0a1",
+          600: "#00a983",
+          700: "#00886e",
+          800: "#006b57",
+          900: "#00584a",
+          950: "#00322b",
+        }
+      },
+      fontFamily: {
+        body: ["'Poppins'", "'Open San'", "'Sofia Sans Condensed'", "sans-serif", '"Suwannaphum"', "serif"],
+        poppins: ['"Poppins"', 'sans-serif', '"Suwannaphum"', "serif"]
+      },
+      animation: {
+        'spin-slow': 'spin 10s linear infinite',
+        'faded': 'faded 2s linear',
+      },
+      keyframes: {
+        faded: {
+          '0%': { opacity: 0 },
+          '100%': { opacity: 1 },
+        }
+      }
+    },
   },
   plugins: [],
 }
