update commands

index.html

@@ -13,7 +13,7 @@
     --font-family: -apple-system, Helvetica, sans-serif;
     --font-size-1: 1rem;
     --font-size-2: 3rem;
-    --font-size-base: clamp(16px, 1.2vw, 18px);
+    --font-size-base: clamp(16px, 1.6vw, 18px);
     --font-weight-bold: 700;
     --font-weight-normal: 400;
     --line-height-base: 1.4;
@@ -42,17 +42,69 @@
   };
 
   const COMMANDS = new Map([
-    ['b', { name: 'Dribbble', url: 'https://dribbble.com/shots/popular' }],
+    [
-    ['c', { name: 'Calendar', url: 'https://calendar.google.com' }],
+      'b',
-    ['d', { name: 'Drive', url: 'https://drive.google.com' }],
+      {
-    ['f', { name: 'Figma', url: 'https://www.figma.com/files/recent' }],
+        name: 'Dribbble',
-    ['g', { name: 'GitHub', url: 'https://github.com' }],
+        url: 'https://dribbble.com/shots/popular',
-    ['h', { name: 'Hypem', url: 'https://hypem.com/popular' }],
+      },
-    ['i', { name: 'Discord', url: 'https://discord.com/channels/@me' }],
+    ],
-    ['k', { name: 'Keep', url: 'https://keep.google.com' }],
+    [
-    ['m', { name: 'Mail', url: 'https://mail.proton.me/u/0/inbox' }],
+      'c',
-    ['n', { name: 'Notion', url: 'https://www.notion.so' }],
+      {
-    ['o', { name: 'OpenAI', url: 'https://platform.openai.com' }],
+        name: 'Calendar',
+        url: 'https://calendar.google.com',
+      },
+    ],
+    [
+      'd',
+      {
+        name: 'Drive',
+        url: 'https://drive.google.com',
+      },
+    ],
+    [
+      'f',
+      {
+        name: 'Figma',
+        url: 'https://www.figma.com/files/recent',
+      },
+    ],
+    [
+      'g',
+      {
+        name: 'GitHub',
+        url: 'https://github.com',
+      },
+    ],
+    [
+      'i',
+      {
+        name: 'Discord',
+        url: 'https://discord.com/channels/@me',
+      },
+    ],
+    [
+      'k',
+      {
+        name: 'Keep',
+        url: 'https://keep.google.com',
+      },
+    ],
+    [
+      'm',
+      {
+        name: 'Mail',
+        url: 'https://mail.proton.me/u/0/inbox',
+      },
+    ],
+    [
+      'n',
+      {
+        name: 'Notion',
+        url: 'https://www.notion.so',
+      },
+    ],
     [
       'r',
       {
@@ -68,14 +120,36 @@
       },
     ],
     [
-      's',
+      't',
-      { name: 'Slack', suggestions: ['s/sn'], url: 'https://app.slack.com' },
+      {
+        name: 'DeepL',
+        searchTemplate: '/en/translator#en/es/{}',
+        suggestions: ['t/en/translator#es/en/'],
+        url: 'https://www.deepl.com/en/translator',
+      },
+    ],
+    [
+      'u',
+      {
+        name: 'Supabase',
+        url: 'https://app.supabase.com/projects',
+      },
+    ],
+    [
+      'v',
+      {
+        name: 'Vercel',
+        suggestions: ['sdk.vercel.ai'],
+        url: 'https://vercel.com/dashboard',
+      },
+    ],
+    [
+      'w',
+      {
+        name: 'Twitter',
+        url: 'https://twitter.com/home',
+      },
     ],
-    ['s/sn', { command: 's/client/T09M5UWSV' }],
-    ['t', { name: 'Translate', url: 'https://translate.google.com' }],
-    ['u', { name: 'Supabase', url: 'https://app.supabase.com/projects' }],
-    ['v', { name: 'Vercel', url: 'https://vercel.com/dashboard' }],
-    ['w', { name: 'Twitter', url: 'https://twitter.com/home' }],
     [
       'y',
       {
@@ -87,13 +161,12 @@
     [
       '0',
       {
-        name: 'localhost',
+        name: 'local',
         searchTemplate: ':{}',
         suggestions: ['0 54323', '0 54324'],
         url: 'http://localhost:3000',
       },
     ],
-    ['?', { name: 'Help', url: 'https://github.com/xvvvyz/tilde' }],
   ]);
 </script>
 
@@ -139,26 +212,12 @@
       }
     }
 
-    @media (min-width: 700px) {
+    @media (min-width: 800px) {
-      .commands {
-        columns: 3;
-        max-width: 30rem;
-      }
-    }
-
-    @media (min-width: 900px) {
       .commands {
         columns: 4;
         max-width: 40rem;
       }
     }
-
-    @media (min-width: 1200px) {
-      .commands {
-        columns: 5;
-        max-width: 50rem;
-      }
-    }
   </style>
   <nav>
     <menu class="commands"></menu>