From 386ea2dc8271de95ac63864300f7198bdd445e23 Mon Sep 17 00:00:00 2001 From: rtkay123 Date: Fri, 20 Feb 2026 17:16:26 +0200 Subject: feat(web): login screen --- website/package.json | 7 +- website/pnpm-lock.yaml | 54 +++++++ website/src/app.css | 2 + .../lib/components/header/navigation-bar.svelte | 179 +++++++++++++++++++++ website/src/lib/components/logo.svelte | 22 +-- website/src/lib/components/user-profile.svelte | 18 +++ website/src/routes/+layout.svelte | 6 +- website/src/routes/login/+page.svelte | 51 ++++++ 8 files changed, 321 insertions(+), 18 deletions(-) create mode 100644 website/src/lib/components/header/navigation-bar.svelte create mode 100644 website/src/lib/components/user-profile.svelte create mode 100644 website/src/routes/login/+page.svelte diff --git a/website/package.json b/website/package.json index 4d68f29..ed45685 100644 --- a/website/package.json +++ b/website/package.json @@ -18,10 +18,12 @@ "devDependencies": { "@eslint/compat": "^2.0.2", "@eslint/js": "^10.0.1", - "@tailwindcss/vite": "^4.1.18", "@sveltejs/adapter-auto": "^7.0.0", "@sveltejs/kit": "^2.50.2", "@sveltejs/vite-plugin-svelte": "^6.2.4", + "@tailwindcss/forms": "^0.5.11", + "@tailwindcss/typography": "^0.5.19", + "@tailwindcss/vite": "^4.1.18", "eslint": "^10.0.0", "eslint-config-prettier": "^10.1.8", "eslint-plugin-svelte": "^3.15.0", @@ -36,5 +38,8 @@ "typescript-eslint": "^8.55.0", "vite": "^7.3.1", "vitest": "^4.0.18" + }, + "dependencies": { + "lucide-svelte": "^0.564.0" } } diff --git a/website/pnpm-lock.yaml b/website/pnpm-lock.yaml index b22ca2c..1e9ef82 100644 --- a/website/pnpm-lock.yaml +++ b/website/pnpm-lock.yaml @@ -7,6 +7,10 @@ settings: importers: .: + dependencies: + lucide-svelte: + specifier: ^0.564.0 + version: 0.564.0(svelte@5.51.0) devDependencies: '@eslint/compat': specifier: ^2.0.2 @@ -23,6 +27,12 @@ importers: '@sveltejs/vite-plugin-svelte': specifier: ^6.2.4 version: 6.2.4(svelte@5.51.0)(vite@7.3.1(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.3)(yaml@2.8.2)) + '@tailwindcss/forms': + specifier: ^0.5.11 + version: 0.5.11(tailwindcss@4.1.18) + '@tailwindcss/typography': + specifier: ^0.5.19 + version: 0.5.19(tailwindcss@4.1.18) '@tailwindcss/vite': specifier: ^4.1.18 version: 4.1.18(vite@7.3.1(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.3)(yaml@2.8.2)) @@ -584,6 +594,11 @@ packages: svelte: ^5.0.0 vite: ^6.3.0 || ^7.0.0 + '@tailwindcss/forms@0.5.11': + resolution: {integrity: sha512-h9wegbZDPurxG22xZSoWtdzc41/OlNEUQERNqI/0fOwa2aVlWGu7C35E/x6LDyD3lgtztFSSjKZyuVM0hxhbgA==} + peerDependencies: + tailwindcss: '>=3.0.0 || >= 3.0.0-alpha.1 || >= 4.0.0-alpha.20 || >= 4.0.0-beta.1' + '@tailwindcss/node@4.1.18': resolution: {integrity: sha512-DoR7U1P7iYhw16qJ49fgXUlry1t4CpXeErJHnQ44JgTSKMaZUdf17cfn5mHchfJ4KRBZRFA/Coo+MUF5+gOaCQ==} @@ -673,6 +688,11 @@ packages: resolution: {integrity: sha512-EgCR5tTS5bUSKQgzeMClT6iCY3ToqE1y+ZB0AKldj809QXk1Y+3jB0upOYZrn9aGIzPtUsP7sX4QQ4XtjBB95A==} engines: {node: '>= 10'} + '@tailwindcss/typography@0.5.19': + resolution: {integrity: sha512-w31dd8HOx3k9vPtcQh5QHP9GwKcgbMp87j58qi6xgiBnFFtKEAgCWnDw4qUT8aHwkCp8bKvb/KGKWWHedP0AAg==} + peerDependencies: + tailwindcss: '>=3.0.0 || insiders || >=4.0.0-alpha.20 || >=4.0.0-beta.1' + '@tailwindcss/vite@4.1.18': resolution: {integrity: sha512-jVA+/UpKL1vRLg6Hkao5jldawNmRo7mQYrZtNHMIVpLfLhDml5nMRUo/8MwoX2vNXvnaXNNMedrMfMugAVX1nA==} peerDependencies: @@ -1171,9 +1191,18 @@ packages: resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==} engines: {node: '>=10'} + lucide-svelte@0.564.0: + resolution: {integrity: sha512-jeubFecyzbeze/Zwu5pFHHrv/u8OtiZ7VesXXus4cAnfRQlmb8TDtiC5gb485z8e4aAqe8FF7I0OVB/TDFAggg==} + peerDependencies: + svelte: ^3 || ^4 || ^5.0.0-next.42 + magic-string@0.30.21: resolution: {integrity: sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==} + mini-svg-data-uri@1.4.4: + resolution: {integrity: sha512-r9deDe9p5FJUPZAk3A59wGH7Ii9YrjjWw0jmw/liSbHl2CHiyXj6FcDXDu2K3TjVAXqiJdaw3xxwlZZr9E6nHg==} + hasBin: true + minimatch@10.2.0: resolution: {integrity: sha512-ugkC31VaVg9cF0DFVoADH12k6061zNZkZON+aX8AWsR9GhPcErkcMBceb6znR8wLERM2AkkOxy2nWRLpT9Jq5w==} engines: {node: 20 || >=22} @@ -1261,6 +1290,10 @@ packages: peerDependencies: postcss: ^8.4.29 + postcss-selector-parser@6.0.10: + resolution: {integrity: sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==} + engines: {node: '>=4'} + postcss-selector-parser@7.1.1: resolution: {integrity: sha512-orRsuYpJVw8LdAwqqLykBj9ecS5/cRHlI5+nvTo8LcCKmzDmqVORXtOIYEEQuL9D4BxtA1lm5isAqzQZCoQ6Eg==} engines: {node: '>=4'} @@ -1919,6 +1952,11 @@ snapshots: vite: 7.3.1(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.3)(yaml@2.8.2) vitefu: 1.1.1(vite@7.3.1(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.3)(yaml@2.8.2)) + '@tailwindcss/forms@0.5.11(tailwindcss@4.1.18)': + dependencies: + mini-svg-data-uri: 1.4.4 + tailwindcss: 4.1.18 + '@tailwindcss/node@4.1.18': dependencies: '@jridgewell/remapping': 2.3.5 @@ -1980,6 +2018,11 @@ snapshots: '@tailwindcss/oxide-win32-arm64-msvc': 4.1.18 '@tailwindcss/oxide-win32-x64-msvc': 4.1.18 + '@tailwindcss/typography@0.5.19(tailwindcss@4.1.18)': + dependencies: + postcss-selector-parser: 6.0.10 + tailwindcss: 4.1.18 + '@tailwindcss/vite@4.1.18(vite@7.3.1(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.3)(yaml@2.8.2))': dependencies: '@tailwindcss/node': 4.1.18 @@ -2490,10 +2533,16 @@ snapshots: dependencies: p-locate: 5.0.0 + lucide-svelte@0.564.0(svelte@5.51.0): + dependencies: + svelte: 5.51.0 + magic-string@0.30.21: dependencies: '@jridgewell/sourcemap-codec': 1.5.5 + mini-svg-data-uri@1.4.4: {} + minimatch@10.2.0: dependencies: brace-expansion: 5.0.2 @@ -2559,6 +2608,11 @@ snapshots: dependencies: postcss: 8.5.6 + postcss-selector-parser@6.0.10: + dependencies: + cssesc: 3.0.0 + util-deprecate: 1.0.2 + postcss-selector-parser@7.1.1: dependencies: cssesc: 3.0.0 diff --git a/website/src/app.css b/website/src/app.css index d4b5078..798629d 100644 --- a/website/src/app.css +++ b/website/src/app.css @@ -1 +1,3 @@ @import 'tailwindcss'; +@plugin "@tailwindcss/forms"; +@plugin "@tailwindcss/typography"; diff --git a/website/src/lib/components/header/navigation-bar.svelte b/website/src/lib/components/header/navigation-bar.svelte new file mode 100644 index 0000000..3c3da94 --- /dev/null +++ b/website/src/lib/components/header/navigation-bar.svelte @@ -0,0 +1,179 @@ + + + + +
diff --git a/website/src/lib/components/logo.svelte b/website/src/lib/components/logo.svelte index 33c3ac8..a5a6677 100644 --- a/website/src/lib/components/logo.svelte +++ b/website/src/lib/components/logo.svelte @@ -1,46 +1,36 @@ - diff --git a/website/src/lib/components/user-profile.svelte b/website/src/lib/components/user-profile.svelte new file mode 100644 index 0000000..7ad7ba2 --- /dev/null +++ b/website/src/lib/components/user-profile.svelte @@ -0,0 +1,18 @@ + + user-profile-filled + + + + + + + diff --git a/website/src/routes/+layout.svelte b/website/src/routes/+layout.svelte index cd7e546..e68c098 100644 --- a/website/src/routes/+layout.svelte +++ b/website/src/routes/+layout.svelte @@ -1,5 +1,6 @@
+ + {@render children()} +
diff --git a/website/src/routes/login/+page.svelte b/website/src/routes/login/+page.svelte new file mode 100644 index 0000000..29be51e --- /dev/null +++ b/website/src/routes/login/+page.svelte @@ -0,0 +1,51 @@ + +
+
+
+
+ +
+

sellershut

+

Please sign in to access the platform

+
+ +
+ +
+ +
+ + sellershut.com + +
+ +

+ By signing in, you agree to our + Terms of Service +

+
+
-- cgit v1.2.3