From 7b94f473ce598d6d8f444df27071b14545329466 Mon Sep 17 00:00:00 2001 From: LukaDev <47296785+lukadev-0@users.noreply.github.com> Date: Tue, 13 Aug 2024 17:30:02 +0200 Subject: [PATCH] feat(website): layout --- website/src/app.css | 21 +++++++++- website/src/lib/components/Logo.svelte | 23 +++++++++++ website/src/lib/registry-api.ts | 7 +++- website/src/routes/+error.svelte | 8 ++++ website/src/routes/+layout.svelte | 13 +++++-- website/src/routes/+page.server.ts | 4 +- website/src/routes/+page.svelte | 16 ++++++-- website/src/routes/Footer.svelte | 17 ++++++++ website/src/routes/Header.svelte | 54 ++++++++++++++++++++++++++ website/src/routes/Hero.svelte | 2 +- website/tailwind.config.ts | 5 +++ 11 files changed, 158 insertions(+), 12 deletions(-) create mode 100644 website/src/lib/components/Logo.svelte create mode 100644 website/src/routes/+error.svelte create mode 100644 website/src/routes/Footer.svelte create mode 100644 website/src/routes/Header.svelte diff --git a/website/src/app.css b/website/src/app.css index 2bf5b4f..8803aeb 100644 --- a/website/src/app.css +++ b/website/src/app.css @@ -3,6 +3,23 @@ @import "tailwindcss/utilities"; :root { + --color-background: 255 245 230; + --color-card: 245 230 210; + --color-card-hover: 240 225 205; + --color-border: 200 180 160; + + --color-body: 84 70 50; + --color-heading: 70 55 35; + --color-light: 0 0 0; + + --color-input-bg: 245 230 210; + --color-input-border: 180 160 140; + --color-placeholder: 130 90 40; + + --color-primary: 120 70 10; + --color-primary-hover: 255 172 42; + --color-primary-bg: 241 157 30; + --color-primary-fg: 10 7 4; } @media (prefers-color-scheme: dark) { @@ -10,6 +27,7 @@ --color-background: 10 7 4; --color-card: 28 22 17; --color-card-hover: 40 32 25; + --color-border: 28 22 17; --color-body: 198 167 140; --color-heading: 227 213 200; @@ -21,7 +39,8 @@ --color-primary: 241 157 30; --color-primary-hover: 255 172 42; - --color-primary-fg: var(--color-background); + --color-primary-bg: 241 157 30; + --color-primary-fg: 10 7 4; } } diff --git a/website/src/lib/components/Logo.svelte b/website/src/lib/components/Logo.svelte new file mode 100644 index 0000000..f333830 --- /dev/null +++ b/website/src/lib/components/Logo.svelte @@ -0,0 +1,23 @@ + + pesde + + + + + + diff --git a/website/src/lib/registry-api.ts b/website/src/lib/registry-api.ts index aa5a7d1..74b1272 100644 --- a/website/src/lib/registry-api.ts +++ b/website/src/lib/registry-api.ts @@ -1,9 +1,14 @@ import { PUBLIC_REGISTRY_URL } from "$env/static/public" +export type SearchResponse = { + count: number + data: PackageResponse[] +} + export type PackageResponse = { name: string version: string - target: TargetInfo + targets: TargetInfo[] description: string published_at: string license: string diff --git a/website/src/routes/+error.svelte b/website/src/routes/+error.svelte new file mode 100644 index 0000000..99b3ae6 --- /dev/null +++ b/website/src/routes/+error.svelte @@ -0,0 +1,8 @@ + + +
+

{$page.status}

+

{$page.error?.message}

+
diff --git a/website/src/routes/+layout.svelte b/website/src/routes/+layout.svelte index ed8e2ef..b48ceaf 100644 --- a/website/src/routes/+layout.svelte +++ b/website/src/routes/+layout.svelte @@ -1,6 +1,13 @@ - +
+
+ +
+