tailwind

blogos47 · Jul 15, 2023 · 1b816ca · 1b816ca
1 parent 76bbc5e
commit 1b816ca
Showing 1 changed file with 28 additions and 6 deletions.
diff --git a/index.html b/index.html
@@ -3,6 +3,11 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link
+      href="https://cdn.jsdelivr.net/npm/daisyui@3.2.1/dist/full.css"
+      rel="stylesheet"
+      type="text/css"
+    />
     <script src="https://cdn.tailwindcss.com"></script>
 
     <title>Blogos47.com</title>
@@ -28,22 +33,39 @@ <h1 class="text-3xl font-bold underline pt-6 text-center">
         </h1>
         <h2 class="text-xl text-center pb-6">Coding, and more</h2>
       </div>
-      <div class="flex flex-row m-10 justify-center items-center [&>a]:w-5">
-        <a href="https://twitter.com/blogos47">
+      <div
+        class="flex flex-row m-10 justify-center items-center [&>a]:w-5 space-x-1 filter"
+      >
+        <a
+          href="https://twitter.com/blogos47"
+          class="grayscale hover:grayscale-0"
+        >
           <img src="https://img.icons8.com/fluent/48/000000/twitter.png" />
         </a>
-        <a href="https://instagram.com/blogos47">
+        <a
+          href="https://instagram.com/blogos47"
+          class="grayscale hover:grayscale-0"
+        >
           <img
             src="https://img.icons8.com/fluent/48/000000/instagram-new.png"
           />
         </a>
-        <a href="https://tiktok.com/@blogos47">
+        <a
+          href="https://tiktok.com/@blogos47"
+          class="grayscale hover:grayscale-0"
+        >
           <img src="https://img.icons8.com/fluent/48/000000/tiktok.png" />
         </a>
-        <a href="https://youtube.com/blogos47">
+        <a
+          href="https://youtube.com/blogos47"
+          class="grayscale hover:grayscale-0"
+        >
           <img src="https://img.icons8.com/fluent/48/000000/youtube-play.png" />
         </a>
-        <a href="https://github.com/blogos47">
+        <a
+          href="https://github.com/blogos47"
+          class="grayscale hover:grayscale-0"
+        >
           <img src="https://img.icons8.com/fluent/48/000000/github.png" />
         </a>
       </div>