diff --git a/index.html b/index.html index 4f1386f..0ee430e 100644 --- a/index.html +++ b/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' }], - ['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' }], - ['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' }], - ['n', { name: 'Notion', url: 'https://www.notion.so' }], - ['o', { name: 'OpenAI', url: 'https://platform.openai.com' }], + [ + 'b', + { + name: 'Dribbble', + url: 'https://dribbble.com/shots/popular', + }, + ], + [ + 'c', + { + 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', - { name: 'Slack', suggestions: ['s/sn'], url: 'https://app.slack.com' }, + 't', + { + 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' }], ]); @@ -139,26 +212,12 @@ } } - @media (min-width: 700px) { - .commands { - columns: 3; - max-width: 30rem; - } - } - - @media (min-width: 900px) { + @media (min-width: 800px) { .commands { columns: 4; max-width: 40rem; } } - - @media (min-width: 1200px) { - .commands { - columns: 5; - max-width: 50rem; - } - }