diff --git a/index.html b/index.html index ccb7cfe..9ecf127 100644 --- a/index.html +++ b/index.html @@ -42,34 +42,37 @@ }; const COMMANDS = new Map([ - ['d', { name: 'Drive', url: 'https://drive.google.com' }], - ['c', { name: 'Calendar', url: 'https://calendar.google.com' }], - ['k', { name: 'Keep', url: 'https://keep.google.com' }], - ['a', { name: 'Chat', url: 'https://chat.openai.com' }], - ['n', { name: 'Notion', url: 'https://www.notion.so' }], - ['m', { name: 'Mail', url: 'https://mail.proton.me/u/0/inbox' }], - ['f', { name: 'Figma', url: 'https://www.figma.com' }], + ['a', { name: 'chat', url: 'https://chat.openai.com' }], + ['b', { name: 'drbl', url: 'https://dribbble.com/shots/recent' }], + ['c', { name: 'date', url: 'https://calendar.google.com' }], + ['d', { name: 'driv', url: 'https://drive.google.com' }], + ['f', { name: 'fgma', url: 'https://www.figma.com' }], + ['g', { name: 'code', url: 'https://github.com' }], + ['k', { name: 'keep', url: 'https://keep.google.com' }], + ['m', { name: 'mail', url: 'https://mail.proton.me/u/0/inbox' }], + ['n', { name: 'note', url: 'https://www.notion.so' }], + ['p', { name: 'pomo', url: 'https://pomodoro.xvvvyz.xyz/' }], + ['r', { name: 'rddt', url: 'https://reddit.com' }], + ['s', { name: 'supa', url: 'https://supabase.com/dashboard/projects' }], + ['t', { name: 'deep', url: 'https://www.deepl.com/translator' }], + ['v', { name: 'vrcl', url: 'https://vercel.com/dashboard' }], [ 'y', { - name: 'YouTube', + name: 'tube', searchTemplate: '/results?search_query={}', url: 'https://youtube.com/feed/subscriptions', }, ], - ['r', { name: 'Reddit', url: 'https://reddit.com' }], - ['v', { name: 'Vercel', url: 'https://vercel.com/dashboard' }], - ['g', { name: 'GitHub', url: 'https://github.com' }], [ '0', { - name: 'local', + name: 'host', searchTemplate: ':{}', suggestions: ['0 54323', '0 54324'], url: 'http://localhost:3000', }, ], - ['p', { url: 'https://pomodoro.xvvvyz.xyz/' }], ]); @@ -79,7 +82,7 @@ columns: 1; list-style: none; margin: 0 auto; - max-width: 10rem; + max-width: 7rem; padding: 0 0 0 var(--space-1); width: 100vw; } @@ -111,14 +114,21 @@ @media (min-width: 400px) { .commands { columns: 2; - max-width: 20rem; + max-width: 15rem; } } @media (min-width: 800px) { .commands { columns: 4; - max-width: 40rem; + max-width: 30rem; + } + } + + @media (min-width: 1400px) { + .commands { + columns: 8; + max-width: 60rem; } }