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;
- }
- }