diff --git a/components.json b/components.json index 8fb90d2..a65826c 100644 --- a/components.json +++ b/components.json @@ -1,14 +1,14 @@ { "$schema": "https://shadcn-svelte.com/schema.json", - "style": "new-york", + "style": "default", "tailwind": { "config": "tailwind.config.ts", "css": "src/app.css", - "baseColor": "slate" + "baseColor": "zinc" }, "aliases": { "components": "$lib/components", "utils": "$lib/utils" }, "typescript": true -} \ No newline at end of file +} diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 5b43f13..ee7bb27 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -16,7 +16,7 @@ importers: version: 5.21.1(prisma@5.21.1) arctic: specifier: ^2.0.1 - version: 2.0.1 + version: 2.2.1 groq-sdk: specifier: ^0.7.0 version: 0.7.0 @@ -462,8 +462,8 @@ packages: '@floating-ui/core@1.6.8': resolution: {integrity: sha512-7XJ9cPU+yI2QeLS+FCSlqNFZJq8arvswefkZrYI1yQBbftw6FyrZOxYSh+9S7z7TpeWlRt9zJ5IhM1WIL334jA==} - '@floating-ui/dom@1.6.11': - resolution: {integrity: sha512-qkMCxSR24v2vGkhYDo/UzxfJN3D4syqSjyuTFz6C7XcpU1pASPRieNI0Kj5VP3/503mOfYiGY891ugBX1GlABQ==} + '@floating-ui/dom@1.6.12': + resolution: {integrity: sha512-NP83c0HjokcGVEMeoStg317VD9W7eDlGK7457dMBANbKA6GJZdc7rjujdgqzTaz93jkGgc5P/jeWbaCHnMNc+w==} '@floating-ui/utils@0.2.8': resolution: {integrity: sha512-kym7SodPp8/wloecOpcmSnWJsK7M0E5Wg8UcFA+uO4B9s5d0ywXOEro/8HM9x0rW+TljRzul/14UYz3TleT3ig==} @@ -1072,8 +1072,8 @@ packages: resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==} engines: {node: '>= 8'} - arctic@2.0.1: - resolution: {integrity: sha512-2UxVMEGtBkWf5GkriStLuJ+YnkBQZ5V/PapL6nCUOySxxUPgaXt8VSauzrzQZpaoP0kEHV5lk5CsdzX4/eqnZg==} + arctic@2.2.1: + resolution: {integrity: sha512-ZaHREgEur4APnlhm7uQwIRFVMjr+z1YPD2O8qpqndPt7m1AW/BeT23nNn+xfoo2iAYx57A8ehq7ACiDQmgIGSw==} arg@5.0.2: resolution: {integrity: sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==} @@ -1134,8 +1134,8 @@ packages: resolution: {integrity: sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==} engines: {node: '>= 6'} - caniuse-lite@1.0.30001674: - resolution: {integrity: sha512-jOsKlZVRnzfhLojb+Ykb+gyUSp9Xb57So+fAiFlLzzTKpqg8xxSav0e40c8/4F/v9N8QSvrRRaLeVzQbLqomYw==} + caniuse-lite@1.0.30001675: + resolution: {integrity: sha512-/wV1bQwPrkLiQMjaJF5yUMVM/VdRPOCU8QZ+PmG6uW6DvYSrNY1bpwHI/3mOcUosLaJCzYDi5o91IQB51ft6cg==} chalk@4.1.2: resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==} @@ -1320,8 +1320,8 @@ packages: jiti: optional: true - esm-env@1.1.1: - resolution: {integrity: sha512-5HLucDhz5yhDlMHqEedMyD4XjyV7+4vZhUS7zXNiBdSXFrViQCIeRmf7Gcs33USDcX0aGdCH+C6ZWbxzXy3ZGg==} + esm-env@1.1.4: + resolution: {integrity: sha512-oO82nKPHKkzIj/hbtuDYy/JHqBHFlMIW36SDiPCVsj87ntDLcWN+sJ1erdVryd4NxODacFTsdrIE3b7IamqbOg==} esniff@2.0.1: resolution: {integrity: sha512-kTUIGKQ/mDPFoJ0oVfcmyJn4iBDRptjNVIzwIFR7tqWXdVI9xfA2RMwY/gbSpJG3lkdWNEjLap/NqVHZiJsdfg==} @@ -2458,7 +2458,7 @@ snapshots: dependencies: '@floating-ui/utils': 0.2.8 - '@floating-ui/dom@1.6.11': + '@floating-ui/dom@1.6.12': dependencies: '@floating-ui/core': 1.6.8 '@floating-ui/utils': 0.2.8 @@ -2539,7 +2539,7 @@ snapshots: '@melt-ui/svelte@0.76.2(svelte@5.1.4)': dependencies: '@floating-ui/core': 1.6.8 - '@floating-ui/dom': 1.6.11 + '@floating-ui/dom': 1.6.12 '@internationalized/date': 3.5.6 dequal: 2.0.3 focus-trap: 7.6.0 @@ -2844,7 +2844,7 @@ snapshots: '@types/cookie': 0.6.0 cookie: 0.6.0 devalue: 5.1.1 - esm-env: 1.1.1 + esm-env: 1.1.4 import-meta-resolve: 4.1.0 kleur: 4.1.5 magic-string: 0.30.12 @@ -3044,7 +3044,7 @@ snapshots: normalize-path: 3.0.0 picomatch: 2.3.1 - arctic@2.0.1: + arctic@2.2.1: dependencies: '@oslojs/crypto': 1.0.1 '@oslojs/encoding': 1.1.0 @@ -3061,7 +3061,7 @@ snapshots: autoprefixer@10.4.20(postcss@8.4.47): dependencies: browserslist: 4.24.2 - caniuse-lite: 1.0.30001674 + caniuse-lite: 1.0.30001675 fraction.js: 4.3.7 normalize-range: 0.1.2 picocolors: 1.1.1 @@ -3096,7 +3096,7 @@ snapshots: browserslist@4.24.2: dependencies: - caniuse-lite: 1.0.30001674 + caniuse-lite: 1.0.30001675 electron-to-chromium: 1.5.49 node-releases: 2.0.18 update-browserslist-db: 1.1.1(browserslist@4.24.2) @@ -3105,7 +3105,7 @@ snapshots: camelcase-css@2.0.1: {} - caniuse-lite@1.0.30001674: {} + caniuse-lite@1.0.30001675: {} chalk@4.1.2: dependencies: @@ -3360,7 +3360,7 @@ snapshots: transitivePeerDependencies: - supports-color - esm-env@1.1.1: {} + esm-env@1.1.4: {} esniff@2.0.1: dependencies: @@ -4020,7 +4020,7 @@ snapshots: acorn-typescript: 1.4.13(acorn@8.14.0) aria-query: 5.3.2 axobject-query: 4.1.0 - esm-env: 1.1.1 + esm-env: 1.1.4 esrap: 1.2.2 is-reference: 3.0.2 locate-character: 3.0.0 diff --git a/src/app.css b/src/app.css index 31d3ea4..f2d6b38 100644 --- a/src/app.css +++ b/src/app.css @@ -5,66 +5,66 @@ @layer base { :root { --background: 0 0% 100%; - --foreground: 222.2 84% 4.9%; + --foreground: 240 10% 3.9%; - --muted: 210 40% 96.1%; - --muted-foreground: 215.4 16.3% 46.9%; + --muted: 240 4.8% 95.9%; + --muted-foreground: 240 3.8% 46.1%; --popover: 0 0% 100%; - --popover-foreground: 222.2 84% 4.9%; + --popover-foreground: 240 10% 3.9%; --card: 0 0% 100%; - --card-foreground: 222.2 84% 4.9%; + --card-foreground: 240 10% 3.9%; - --border: 214.3 31.8% 91.4%; - --input: 214.3 31.8% 91.4%; + --border: 240 5.9% 90%; + --input: 240 5.9% 90%; - --primary: 222.2 47.4% 11.2%; - --primary-foreground: 210 40% 98%; + --primary: 240 5.9% 10%; + --primary-foreground: 0 0% 98%; - --secondary: 210 40% 96.1%; - --secondary-foreground: 222.2 47.4% 11.2%; + --secondary: 240 4.8% 95.9%; + --secondary-foreground: 240 5.9% 10%; - --accent: 210 40% 96.1%; - --accent-foreground: 222.2 47.4% 11.2%; + --accent: 240 4.8% 95.9%; + --accent-foreground: 240 5.9% 10%; - --destructive: 0 72.2% 50.6%; - --destructive-foreground: 210 40% 98%; + --destructive: 0 84.2% 60.2%; + --destructive-foreground: 0 0% 98%; - --ring: 222.2 84% 4.9%; + --ring: 240 5% 64.9%; --radius: 0.5rem; } .dark { - --background: 222.2 84% 4.9%; - --foreground: 210 40% 98%; + --background: 240 10% 3.9%; + --foreground: 0 0% 98%; - --muted: 217.2 32.6% 17.5%; - --muted-foreground: 215 20.2% 65.1%; + --muted: 240 3.7% 15.9%; + --muted-foreground: 240 5% 64.9%; - --popover: 222.2 84% 4.9%; - --popover-foreground: 210 40% 98%; + --popover: 240 10% 3.9%; + --popover-foreground: 0 0% 98%; - --card: 222.2 84% 4.9%; - --card-foreground: 210 40% 98%; + --card: 240 10% 3.9%; + --card-foreground: 0 0% 98%; - --border: 217.2 32.6% 17.5%; - --input: 217.2 32.6% 17.5%; + --border: 240 3.7% 15.9%; + --input: 240 3.7% 15.9%; - --primary: 210 40% 98%; - --primary-foreground: 222.2 47.4% 11.2%; + --primary: 0 0% 98%; + --primary-foreground: 240 5.9% 10%; - --secondary: 217.2 32.6% 17.5%; - --secondary-foreground: 210 40% 98%; + --secondary: 240 3.7% 15.9%; + --secondary-foreground: 0 0% 98%; - --accent: 217.2 32.6% 17.5%; - --accent-foreground: 210 40% 98%; + --accent: 240 3.7% 15.9%; + --accent-foreground: 0 0% 98%; --destructive: 0 62.8% 30.6%; - --destructive-foreground: 210 40% 98%; + --destructive-foreground: 0 85.7% 97.3%; - --ring: 212.7 26.8% 83.9%; + --ring: 240 3.7% 15.9%; } } @@ -74,5 +74,8 @@ } body { @apply bg-background text-foreground; + font-feature-settings: + 'rlig' 1, + 'calt' 1; } } diff --git a/src/routes/(home)/+page.svelte b/src/routes/(home)/+page.svelte index 790276c..a34a75b 100644 --- a/src/routes/(home)/+page.svelte +++ b/src/routes/(home)/+page.svelte @@ -46,7 +46,7 @@ } -
+
@@ -60,7 +60,7 @@

- +

Get Started

Enter your YouTube video URL below to begin the analysis

@@ -69,12 +69,12 @@ type="text" placeholder="Paste your YouTube video URL here..." bind:value={videoUrl} - class="flex-grow border-gray-700 bg-[#0a0f1a]" + class="flex-grow" />
- +

The video must be public and have closed captions available.

@@ -93,7 +93,7 @@
{#each features as feature} - +

{feature.title}

diff --git a/src/routes/(main)/dashboard/+page.svelte b/src/routes/(main)/dashboard/+page.svelte index c232221..2e3b1d3 100644 --- a/src/routes/(main)/dashboard/+page.svelte +++ b/src/routes/(main)/dashboard/+page.svelte @@ -1,5 +1,4 @@

Dashboard