From e4523539eca3a906bdfab7fece91be408804661a Mon Sep 17 00:00:00 2001
From: planetabhi <abhimanyu.rana@postman.com>
Date: Fri, 22 Dec 2023 03:12:44 +0530
Subject: [PATCH] polishing

---
 src/components/CategoryNav.jsx     |  2 +-
 src/components/CategoryNavItem.css |  3 +-
 src/data/tools.json                | 86 +++++++++++++++---------------
 src/layouts/Layout.astro           | 14 ++---
 4 files changed, 53 insertions(+), 52 deletions(-)

diff --git a/src/components/CategoryNav.jsx b/src/components/CategoryNav.jsx
index 1f2090c..f3e6e80 100644
--- a/src/components/CategoryNav.jsx
+++ b/src/components/CategoryNav.jsx
@@ -5,7 +5,7 @@ import CategoryNavItem from "./CategoryNavItem";
 
 export default function CategoryNav({ filter, setFilter }) {
   const navItems = [
-    {title: "🔥 All", category: "all"}, 
+    {title: "&#128293; All", category: "all"}, 
     ...data.tools
   ];
 
diff --git a/src/components/CategoryNavItem.css b/src/components/CategoryNavItem.css
index 1783614..b078590 100644
--- a/src/components/CategoryNavItem.css
+++ b/src/components/CategoryNavItem.css
@@ -5,7 +5,7 @@
   outline: none;
   background: none;
   cursor: pointer;
-  font-weight: 500;
+  border-bottom: 2px solid transparent;
 }
 
 .nav__item:hover {
@@ -14,6 +14,5 @@
 
 .nav__item.is-active {
   color: var(--text-primary);
-  font-weight: 500;
   border-bottom: 2px solid var(--icon-primary);
 }
\ No newline at end of file
diff --git a/src/data/tools.json b/src/data/tools.json
index e4fec51..c501fcd 100644
--- a/src/data/tools.json
+++ b/src/data/tools.json
@@ -1,7 +1,7 @@
 {
   "tools": [
     {
-      "title": "&#127899; Audio",
+      "title": "&#127911; Audio",
       "category": "audio",
       "content": [
         {
@@ -439,7 +439,7 @@
       ]
     },
     {
-      "title": "&#128421; Developer",
+      "title": "&#128187; Developer",
       "category": "developer-tools",
       "content": [
         {
@@ -625,7 +625,7 @@
       ]
     },
     {
-      "title": "&#127748; Image Editing",
+      "title": "&#128444; Image Editing",
       "category": "image-editing",
       "content": [
         {
@@ -739,7 +739,7 @@
       ]
     },
     {
-      "title": "&#128200; Productivity",
+      "title": "&#128640; Productivity",
       "category": "productivity",
       "content": [
         {
@@ -961,7 +961,7 @@
       ]
     },
     {
-      "title": "&#128172; Prompts",
+      "title": "&#128221; Prompts",
       "category": "prompts",
       "content": [
         {
@@ -1027,8 +1027,44 @@
       ]
     },
     {
-      "title": "&#128194; Sundry",
-      "category": "sundry",
+      "title": "&#127909; Video",
+      "category": "video",
+      "content": [
+        {
+          "title": "Fliki",
+          "body": "Create video and audio content.",
+          "tag": "Freemium",
+          "url": "https://fliki.ai/?ref=riseofmachine.com"
+        },
+        {
+          "title": "Moonvalley",
+          "body": "Text-to-video generative AI model.",
+          "tag": "Beta",
+          "url": "https://moonvalley.ai/?ref=riseofmachine.com"
+        },
+        {
+          "title": "Pika",
+          "body": "Idea-to-video platform.",
+          "tag": "Invite Only",
+          "url": "https://pika.art/?ref=riseofmachine.com"
+        },
+        {
+          "title": "Rask AI",
+          "body": "Translate video & audio.",
+          "tag": "Starting at $50/mo",
+          "url": "https://www.rask.ai/?ref=riseofmachine.com"
+        },
+        {
+          "title": "SpiritMe",
+          "body": "Create personalized videos with digital avatars.",
+          "tag": "Starting at $30/mo",
+          "url": "https://spiritme.tech/?ref=riseofmachine.com"
+        }
+      ]
+    },
+    {
+      "title": "&#127747; Xtras",
+      "category": "xtras",
       "content": [
         {
           "title": "Autoblocks",
@@ -1091,42 +1127,6 @@
           "url": "https://www.postli.co/?ref=riseofmachine.com"
         }
       ]
-    },
-    {
-      "title": "&#127909; Video",
-      "category": "video",
-      "content": [
-        {
-          "title": "Fliki",
-          "body": "Create video and audio content.",
-          "tag": "Freemium",
-          "url": "https://fliki.ai/?ref=riseofmachine.com"
-        },
-        {
-          "title": "Moonvalley",
-          "body": "Text-to-video generative AI model.",
-          "tag": "Beta",
-          "url": "https://moonvalley.ai/?ref=riseofmachine.com"
-        },
-        {
-          "title": "Pika",
-          "body": "Idea-to-video platform.",
-          "tag": "Invite Only",
-          "url": "https://pika.art/?ref=riseofmachine.com"
-        },
-        {
-          "title": "Rask AI",
-          "body": "Translate video & audio.",
-          "tag": "Starting at $50/mo",
-          "url": "https://www.rask.ai/?ref=riseofmachine.com"
-        },
-        {
-          "title": "SpiritMe",
-          "body": "Create personalized videos with digital avatars.",
-          "tag": "Starting at $30/mo",
-          "url": "https://spiritme.tech/?ref=riseofmachine.com"
-        }
-      ]
     }
   ]
 }
\ No newline at end of file
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index c6c2105..0c6c1a7 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -77,10 +77,11 @@ const { site, title, tagline } = Astro.props;
     <slot />
 
     <div class="footer">
-      ᕦ(ò_óˇ)ᕤ<br />Built with <a
+      Built with <a
         href="https://new-ui.com/?ref=riseofmachine"
-        class="nu-u-link--subtle">New UI</a
-      >
+        class="nu-u-link--subtle" target="_blank">New UI</a> &amp; Astro. 
+      <br /> Brought to you by 
+      <a href="https://planetabhi.netlify.app/" class="nu-u-link--subtle"  target="_blank">@planetabhi</a> ᕦ(ò_óˇ)ᕤ
     </div>
   </body>
 </html>
@@ -224,9 +225,10 @@ const { site, title, tagline } = Astro.props;
     line-height: var(--lh-desktop-body);
   }
   @media (max-width: 480px) {
-    main {
-      margin: auto var(--spacing-06);
-    }
+    main {margin: auto var(--spacing-06);}
+    .floating-nav { padding: var(--spacing-06) var(--spacing-06);}
+    .container { margin: var(--spacing-06);}
+  }
   }
 </style>