From e14dbda41d69bd7c8bf06168df313f8addafebe4 Mon Sep 17 00:00:00 2001 From: LyAhn Date: Mon, 15 Jun 2026 19:55:01 +0100 Subject: [PATCH] feat(website): finish responsive polish Self-host the Inter and Space Grotesk variable fonts, tighten the mobile layout, hide oversized edge marks on narrow screens, and add keyboard focus plus reduced-motion safeguards. Exclude website and documentation-only changes from the desktop CI workflow. --- .github/workflows/ci.yml | 6 ++++++ pnpm-lock.yaml | 16 ++++++++++++++++ website/index.html | 6 ------ website/package.json | 2 ++ website/src/App.tsx | 24 ++++++++++++------------ website/src/styles/index.css | 30 ++++++++++++++++++++++++++++++ 6 files changed, 66 insertions(+), 18 deletions(-) diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml index 18c893a..8c5f086 100644 --- a/.github/workflows/ci.yml +++ b/.github/workflows/ci.yml @@ -3,7 +3,13 @@ name: CI on: push: branches: [main] + paths-ignore: + - 'website/**' + - 'docs/**' pull_request: + paths-ignore: + - 'website/**' + - 'docs/**' workflow_dispatch: concurrency: diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 943920b..5dd8c70 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -78,6 +78,12 @@ importers: website: dependencies: + '@fontsource-variable/inter': + specifier: 5.2.8 + version: 5.2.8 + '@fontsource-variable/space-grotesk': + specifier: 5.2.10 + version: 5.2.10 framer-motion: specifier: ^12.38.0 version: 12.38.0(react-dom@19.2.4(react@19.2.4))(react@19.2.4) @@ -357,6 +363,12 @@ packages: cpu: [x64] os: [win32] + '@fontsource-variable/inter@5.2.8': + resolution: {integrity: sha512-kOfP2D+ykbcX/P3IFnokOhVRNoTozo5/JxhAIVYLpea/UBmCQ/YWPBfWIDuBImXX/15KH+eKh4xpEUyS2sQQGQ==} + + '@fontsource-variable/space-grotesk@5.2.10': + resolution: {integrity: sha512-yJQO/o35/hAP3CFnpdFTwQku2yzJOae2HIpBmqkOVoxhhXJaQP3g+b6Jrz7u+eI7A5ZdCIf88uMWpBJdFiGr5w==} + '@img/colour@1.1.0': resolution: {integrity: sha512-Td76q7j57o/tLVdgS746cYARfSyxk8iEfRxewL9h4OMzYhbW4TAcppl0mT4eyqXddh6L/jwoM75mo7ixa/pCeQ==} engines: {node: '>=18'} @@ -1466,6 +1478,10 @@ snapshots: '@esbuild/win32-x64@0.27.7': optional: true + '@fontsource-variable/inter@5.2.8': {} + + '@fontsource-variable/space-grotesk@5.2.10': {} + '@img/colour@1.1.0': {} '@img/sharp-darwin-arm64@0.34.5': diff --git a/website/index.html b/website/index.html index e8b35d4..b5cf0b1 100644 --- a/website/index.html +++ b/website/index.html @@ -20,12 +20,6 @@ - - -
diff --git a/website/package.json b/website/package.json index 3013b1f..9d05845 100644 --- a/website/package.json +++ b/website/package.json @@ -10,6 +10,8 @@ "typecheck": "tsc --noEmit" }, "dependencies": { + "@fontsource-variable/inter": "5.2.8", + "@fontsource-variable/space-grotesk": "5.2.10", "framer-motion": "^12.38.0", "react": "^19.1.0", "react-dom": "^19.1.0" diff --git a/website/src/App.tsx b/website/src/App.tsx index e77be81..7162128 100644 --- a/website/src/App.tsx +++ b/website/src/App.tsx @@ -97,13 +97,13 @@ function Hero() {
-
+

Local-first · Windows desktop

-

+

Your local media library,
made searchable. @@ -163,7 +163,7 @@ function LocalFirst() { return (
-
+

@@ -200,7 +200,7 @@ function SearchSection() { return (