Merge branch 'main' of github.com:pheralb/svgl

src/components/cardSpotlight.svelte

@@ -45,7 +45,7 @@
   class="relative flex items-center justify-center overflow-hidden rounded-md border border-neutral-200 dark:border-neutral-800 bg-white dark:bg-neutral-900"
 >
   <div
-    class="pointer-events-none absolute -inset-px opacity-0 transition duration-300"
+    class="pointer-events-none absolute transform-gpu -inset-px opacity-0 transition duration-300"
     style={`
 			opacity: ${opacity};
 			background: radial-gradient(600px circle at ${position.x}px ${position.y}px, rgba(97, 97, 97, 0.1), transparent 40%);

src/components/navbar.svelte

@@ -5,7 +5,7 @@
   import Logo from './logo.svelte';
   import Theme from './theme.svelte';
 
-  import { ArrowUpRight, CloudyIcon, GithubIcon, TwitterIcon } from 'lucide-svelte';
+  import { ArrowUpRight, CloudyIcon, GithubIcon } from 'lucide-svelte';
   import XIcon from './xIcon.svelte';
 
   const socials = [
@@ -86,7 +86,7 @@
                 size={16}
                 name="External link"
                 strokeWidth={1.5}
-                class="ml-1 transition-transform duration-300 group-hover:translate-x-[1px] hidden md:block"
+                class="ml-1 transition-transform duration-300 group-hover:-translate-y-[1px] group-hover:translate-x-[1px] hidden md:block"
               />
             {/if}
           </a>

src/components/search.svelte

@@ -5,17 +5,8 @@
   export let clearSearch: () => void;
   import X from 'phosphor-svelte/lib/X';
 
-  let shortcutText: string = '';
   let inputElement;
 
-  if (typeof window !== 'undefined') {
-    if (navigator.platform.toUpperCase().indexOf('MAC') !== -1) {
-      shortcutText = 'command';
-    } else {
-      shortcutText = 'control';
-    }
-  }
-
   function focusInput(node: HTMLElement) {
     const handleKeydown = (event: KeyboardEvent) => {
       if ((event.metaKey || event.ctrlKey) && event.key === 'k') {

src/components/svgCard.svelte

@@ -263,6 +263,7 @@
         href={svgInfo.url}
         title="Website"
         target="_blank"
+        rel="noopener noreferrer"
         class="flex items-center space-x-2 rounded-md p-2 duration-100 hover:bg-neutral-200 dark:hover:bg-neutral-700/40"
       >
         <LinkIcon size={iconSize} strokeWidth={iconStroke} />

src/data/svgs.ts

@@ -76,6 +76,12 @@ export const svgs: iSVG[] = [
     route: '/library/ton.svg',
     url: 'https://ton.org/'
   },
+  {
+    title: 'Locofy',
+    category: 'AI',
+    route: '/library/locofy.svg',
+    url: 'https://www.locofy.ai/'
+  },
   {
     title: 'Runway',
     category: 'AI',
@@ -136,6 +142,12 @@ export const svgs: iSVG[] = [
     route: '/library/postman.svg',
     url: 'https://www.getpostman.com/'
   },
+  {
+    title: 'Discord.js',
+    category: 'Library',
+    route: '/library/djs.svg',
+    url: 'https://discord.js.org/'
+  },
   {
     title: 'OpenSea',
     category: 'Crypto',
@@ -688,6 +700,12 @@ export const svgs: iSVG[] = [
     route: '/library/flutter.svg',
     url: 'https://flutter.dev/'
   },
+  {
+    title: 'Auth0',
+    category: 'Library',
+    route: '/library/auth0.svg',
+    url: 'https://auth0.com/'
+  },
   {
     title: 'Fresh',
     category: 'Framework',
@@ -1918,7 +1936,10 @@ export const svgs: iSVG[] = [
   {
     title: 'Shopify',
     category: 'CMS',
-    route: '/library/shopify.svg',
+    route: {
+      dark: '/library/shopify_dark.svg',
+      light: '/library/shopify_light.svg'
+    },
     url: 'https://www.shopify.com'
   },
   {