New design, added category & bug fixes

data/icons.js

@@ -1,118 +1,256 @@
-import * as SVG from "components/svg";
-
 const Icons = [
-    {
-      id: 1,
-      href: "/library/discord.svg",
-      title: "Discord",
-      url: "https://discord.com/",
-      icon: SVG.Discord,
-    },
-    {
-      id: 2,
-      href: "/library/github.svg",
-      title: "Github",
-      url: "https://github.com/",
-      icon: SVG.Github,
-    },
-    {
-      id: 3,
-      href: "/library/preact.svg",
-      title: "Preact",
-      url: "https://preactjs.com/",
-      icon: SVG.Preact, 
-    },
-    {
-      id: 4,
-      href: "/library/react.svg",
-      title: "React",
-      url: "https://reactjs.org/",
-      icon: SVG.ReactIcon,
-    },
-    {
-      id: 5,
-      href: "/library/vercel.svg",
-      title: "Vercel",
-      url: "https://vercel.com/",
-      icon: SVG.Vercel,
-    },
-    {
-      id: 6,
-      href: "/library/svelte.svg",
-      title: "Svelte",
-      url: "https://svelte.dev/",
-      icon: SVG.Svelte,
-    },
-    {
-      id: 7,
-      href: "/library/vue.svg",
-      title: "Vue",
-      url: "https://vuejs.org/",
-      icon: SVG.Vue,
-    },
-    {
-      id: 8,
-      href: "/library/nuxt.svg",
-      title: "Nuxt",
-      url: "https://nuxtjs.org/",
-      icon: SVG.Nuxt,
-    },
-    {
-      id: 9,
-      href: "/library/nextjs.svg",
-      title: "Nextjs",
-      url: "https://nextjs.org/",
-      icon: SVG.Next,
-    },
-    {
-      id: 10,
-      href: "/library/vscode.svg",
-      title: "VSCode",
-      url: "https://code.visualstudio.com/",
-      icon: SVG.VSCode,
-    },  
-    {
-      id: 11,
-      href: "/library/jwt.svg",
-      title: "JWT",
-      url: "https://jwt.io/",
-      icon: SVG.JWT,
-    },
-    {
-      id: 12,
-      href: "/library/strapi.svg",
-      title: "Strapi",
-      url: "https://strapi.io/",
-      icon: SVG.Strapi,
-    },
-    {
-      id: 13,
-      href: "/library/figma.svg",
-      title: "Figma",
-      url: "https://www.figma.com/",
-      icon: SVG.Figma,
-    },
-    {
-      id: 14,
-      href: "/library/spotify.svg",
-      title: "Spotify",
-      url: "https://www.spotify.com/",
-      icon: SVG.Spotify,
-    },
-    {
-      id: 15,
-      href: "/library/postman.svg",
-      title: "Postman",
-      url: "https://www.getpostman.com/",
-      icon: SVG.Postman,
-    },
-    {
-      id: 16,
-      href: "/library/algolia.svg",
-      title: "Algolia",
-      url: "https://www.algolia.com/",
-      icon: SVG.Algolia,
-    },
-  ];
-  
-  export default Icons;
+  {
+    id: 1,
+    href: "/library/discord.svg",
+    title: "Discord",
+    category: "Videocall",
+    url: "https://discord.com/",
+  },
+  {
+    id: 2,
+    href: "/library/github.svg",
+    title: "Github",
+    category: "Repository",
+    url: "https://github.com/",
+  },
+  {
+    id: 3,
+    href: "/library/preact.svg",
+    title: "Preact",
+    category: "Library",
+    url: "https://preactjs.com/",
+  },
+  {
+    id: 4,
+    href: "/library/react.svg",
+    title: "React",
+    category: "Library",
+    url: "https://reactjs.org/",
+  },
+  {
+    id: 5,
+    href: "/library/vercel.svg",
+    title: "Vercel",
+    category: "Hosting",
+    url: "https://vercel.com/",
+  },
+  {
+    id: 6,
+    href: "/library/svelte.svg",
+    title: "Svelte",
+    category: "Framework",
+    url: "https://svelte.dev/",
+  },
+  {
+    id: 7,
+    href: "/library/vue.svg",
+    title: "Vue",
+    category: "Framework",
+    url: "https://vuejs.org/",
+  },
+  {
+    id: 8,
+    href: "/library/nuxt.svg",
+    title: "Nuxt",
+    category: "Framework",
+    url: "https://nuxtjs.org/",
+  },
+  {
+    id: 9,
+    href: "/library/nextjs.svg",
+    title: "Nextjs",
+    category: "Framework",
+    url: "https://nextjs.org/",
+  },
+  {
+    id: 10,
+    href: "/library/vscode.svg",
+    title: "VSCode",
+    category: "Text Editor",
+    url: "https://code.visualstudio.com/",
+  },
+  {
+    id: 11,
+    href: "/library/jwt.svg",
+    title: "JWT",
+    category: "Security",
+    url: "https://jwt.io/",
+  },
+  {
+    id: 12,
+    href: "/library/strapi.svg",
+    title: "Strapi",
+    category: "CMS",
+    url: "https://strapi.io/",
+  },
+  {
+    id: 13,
+    href: "/library/figma.svg",
+    title: "Figma",
+    category: "Design",
+    url: "https://www.figma.com/",
+  },
+  {
+    id: 14,
+    href: "/library/spotify.svg",
+    title: "Spotify",
+    category: "Music",
+    url: "https://www.spotify.com/",
+  },
+  {
+    id: 15,
+    href: "/library/postman.svg",
+    title: "Postman",
+    category: "API",
+    url: "https://www.getpostman.com/",
+  },
+  {
+    id: 16,
+    href: "/library/algolia.svg",
+    title: "Algolia",
+    category: "Search",
+    url: "https://www.algolia.com/",
+  },
+  {
+    id: 17,
+    href: "/library/bootstrap.svg",
+    title: "Bootstrap",
+    category: "CSS Framework",
+    url: "https://getbootstrap.com/",
+  },
+  {
+    id: 18,
+    href: "/library/firebase.svg",
+    title: "Firebase",
+    category: "Hosting",
+    url: "https://firebase.google.com/",
+  },
+  {
+    id: 19,
+    href: "/library/supabase.svg",
+    title: "Supabase",
+    category: "Database",
+    url: "https://supabase.com/",
+  },
+  {
+    id: 20,
+    href: "/library/vitejs.svg",
+    title: "Vite.js",
+    category: "JavaScript Compiler",
+    url: "https://vitejs.dev",
+  },
+  {
+    id: 21,
+    href: "/library/facebook.svg",
+    title: "Facebook",
+    category: "Social",
+    url: "https://www.facebook.com/",
+  },
+  {
+    id: 22,
+    href: "/library/twitter.svg",
+    title: "Twitter",
+    category: "Social",
+    url: "https://twitter.com/",  
+  },
+  {
+    id: 23,
+    href: "/library/nodejs.svg",
+    title: "Node.js",
+    category: "JavaScript Runtime",
+    url: "https://nodejs.org/",
+  },
+  {
+    id: 24,
+    href: "/library/esbuild.svg",
+    title: "Esbuild",
+    category: "JavaScript Compiler",
+    url: "https://esbuild.github.io/",
+  },
+  {
+    id: 25,
+    href: "/library/deno.svg",
+    title: "Deno",
+    category: "JavaScript Runtime",
+    url: "https://deno.land/",
+  },
+  {
+    id: 26,
+    href: "/library/gatsby.svg",
+    title: "Gatsby",
+    category: "Static Site Generator",
+    url: "https://www.gatsbyjs.org/",
+  },
+  {
+    id: 27,
+    href: "/library/npm.svg",
+    title: "NPM",
+    category: "Package Manager",
+    url: "https://www.npmjs.com/",
+  },
+  {
+    id: 28,
+    href: "/library/homebrew.svg",
+    title: "Homebrew",
+    category: "Package Manager",
+    url: "https://brew.sh/",
+  },
+  {
+    id: 29,
+    href: "/library/sublimetext.svg",
+    title: "Sublime Text",
+    category: "Text Editor",
+    url: "https://www.sublimetext.com/",
+  },
+  {
+    id: 30,
+    href: "/library/turborepo.svg",
+    title: "TurboRepo",
+    category: "Package Manager",
+    url: "https://turborepo.org/",
+  },
+  {
+    id: 31,
+    href: "/library/tailwindcss.svg",
+    title: "Tailwind CSS",
+    category: "CSS Framework",
+    url: "https://tailwindcss.com/",
+  },
+  {
+    id: 32,
+    href: "/library/styledcomponents.svg",
+    title: "Styled Components",
+    category: "CSS-in-JS",
+    url: "https://styled-components.com/",
+  },
+  {
+    id: 33,
+    href: "/library/angular.svg",
+    title: "Angular",
+    category: "Framework",
+    url: "https://angular.io/",
+  },
+  {
+    id: 34,
+    href: "/library/blitzjs.svg",
+    title: "Blitz",
+    category: "Framework",
+    url: "https://blitzjs.com/",
+  },
+  {
+    id: 35,
+    href: "/library/lit.svg",
+    title: "Lit",
+    category: "Web Components", 
+    url: "https://lit.dev/",
+  },
+  {
+    id: 36,
+    href: "/library/atom.svg",
+    title: "Atom",
+    category: "Text Editor",
+    url: "https://atom.io/",
+  },
+];
+
+export default Icons;