polishing

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: "🔥 All", category: "all"}, 
     ...data.tools
   ];
 

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);
 }

src/data/tools.json

@@ -1,7 +1,7 @@
 {
   "tools": [
     {
-      "title": "🎛 Audio",
+      "title": "🎧 Audio",
       "category": "audio",
       "content": [
         {
@@ -439,7 +439,7 @@
       ]
     },
     {
-      "title": "🖥 Developer",
+      "title": "💻 Developer",
       "category": "developer-tools",
       "content": [
         {
@@ -625,7 +625,7 @@
       ]
     },
     {
-      "title": "🌄 Image Editing",
+      "title": "🖼 Image Editing",
       "category": "image-editing",
       "content": [
         {
@@ -739,7 +739,7 @@
       ]
     },
     {
-      "title": "📈 Productivity",
+      "title": "🚀 Productivity",
       "category": "productivity",
       "content": [
         {
@@ -961,7 +961,7 @@
       ]
     },
     {
-      "title": "💬 Prompts",
+      "title": "📝 Prompts",
       "category": "prompts",
       "content": [
         {
@@ -1027,8 +1027,44 @@
       ]
     },
     {
-      "title": "📂 Sundry",
-      "category": "sundry",
+      "title": "🎥 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": "🌃 Xtras",
+      "category": "xtras",
       "content": [
         {
           "title": "Autoblocks",
@@ -1091,42 +1127,6 @@
           "url": "https://www.postli.co/?ref=riseofmachine.com"
         }
       ]
-    },
-    {
-      "title": "🎥 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"
-        }
-      ]
     }
   ]
 }

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>