From 2408174b8bbc5bc0d5395304cd285f106493fe50 Mon Sep 17 00:00:00 2001 From: BOT Alex <44818698+MagicBOTAlex@users.noreply.github.com> Date: Sun, 6 Apr 2025 01:21:16 +0200 Subject: [PATCH] Improved main page --- package-lock.json | 2 +- package.json | 2 +- src/app.css | 36 ++++++++++++- src/app.html | 7 ++- src/routes/+page.svelte | 84 ++++++++++++++++--------------- src/routes/comps/Profile.svelte | 28 +++++------ static/stylesheets/global.css | 2 +- static/stylesheets/main-theme.css | 13 ----- 8 files changed, 100 insertions(+), 74 deletions(-) delete mode 100644 static/stylesheets/main-theme.css diff --git a/package-lock.json b/package-lock.json index 2802ef1..f222fa9 100644 --- a/package-lock.json +++ b/package-lock.json @@ -18,7 +18,7 @@ "devDependencies": { "@sveltejs/adapter-auto": "^3.0.0", "@sveltejs/adapter-static": "^3.0.1", - "@sveltejs/kit": "^2.0.0", + "@sveltejs/kit": "^2.20.4", "@sveltejs/vite-plugin-svelte": "^3.0.0", "@tailwindcss/typography": "^0.5.15", "autoprefixer": "^10.4.20", diff --git a/package.json b/package.json index 0948f7a..8c78502 100644 --- a/package.json +++ b/package.json @@ -12,7 +12,7 @@ "devDependencies": { "@sveltejs/adapter-auto": "^3.0.0", "@sveltejs/adapter-static": "^3.0.1", - "@sveltejs/kit": "^2.0.0", + "@sveltejs/kit": "^2.20.4", "@sveltejs/vite-plugin-svelte": "^3.0.0", "@tailwindcss/typography": "^0.5.15", "autoprefixer": "^10.4.20", diff --git a/src/app.css b/src/app.css index d794516..f3f5f41 100644 --- a/src/app.css +++ b/src/app.css @@ -37,7 +37,7 @@ } -.bg-grid { +.bg-grid-100 { background: linear-gradient(-90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px), linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px), @@ -52,4 +52,38 @@ 80px 80px, 80px 80px; background-color: var(--color-base-100); +} + +.bg-grid-200 { + background: + linear-gradient(-90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px), + linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px), + #f2f2f2; + background-size: + 4px 4px, + 4px 4px, + 80px 80px, + 80px 80px, + 80px 80px, + 80px 80px, + 80px 80px, + 80px 80px; + background-color: var(--color-base-200); +} + +.bg-grid-300 { + background: + linear-gradient(-90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px), + linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px), + #f2f2f2; + background-size: + 4px 4px, + 4px 4px, + 80px 80px, + 80px 80px, + 80px 80px, + 80px 80px, + 80px 80px, + 80px 80px; + background-color: var(--color-base-300); } \ No newline at end of file diff --git a/src/app.html b/src/app.html index bb77cd6..6ddbfa0 100644 --- a/src/app.html +++ b/src/app.html @@ -8,11 +8,14 @@ - %sveltekit.head% - %sveltekit.body% + +
+ %sveltekit.body% +
+ diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index 9d46856..9d932cb 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -76,49 +76,51 @@

Developers

-
+
+
- - -

Hi, I am Alex/Zhen, {@html !mobile ? "" : "
"} I'm that chinese guy.

-

Here's my CV: pdf

- - - - - - -

Hi, I use Arch, btw.

-

Linked-in

- - - - - + + +

Hi, I am Alex/Zhen, {@html !mobile ? "" : "
"} I'm that chinese guy.

+

Here's my CV: pdf

+ + + + + + +

Hi, I use Arch, btw. I use NixOS now

+

Linked-in

+ + + + + - - - -

Snorre does not get paid.

-

Linked-in

- - + + + +

Snorre does not get paid.

+

Linked-in

+ + - - - -

Abla espaniol

-

Linked-in

- - - - - - -

Hi, I am [insert text here]

-

Here's a joke about recursion: recursion

- - + + + +

Abla espaniol

+

Linked-in

+ + + + + + +

Hi, I am [insert text here]

+

Here's a joke about recursion: recursion

+ + +
@@ -219,7 +221,7 @@
-
+

What's next?

diff --git a/src/routes/comps/Profile.svelte b/src/routes/comps/Profile.svelte index 962b06c..cf5b421 100644 --- a/src/routes/comps/Profile.svelte +++ b/src/routes/comps/Profile.svelte @@ -11,8 +11,9 @@ +
{#if !isSnorre} -
+
@@ -29,39 +30,38 @@
{/if}
-
+

I'm the diversity hire. (Gay)

-

Linked-in

+ +

My website
{/if} +
\ No newline at end of file diff --git a/static/stylesheets/global.css b/static/stylesheets/global.css index 4ac99e5..0a49d3c 100644 --- a/static/stylesheets/global.css +++ b/static/stylesheets/global.css @@ -13,7 +13,7 @@ url("/fonts/NotoSans-VariableFont_wdth,wght.ttf") format("truetype"); } -.cozette { +.cozette *{ font-family: "CozetteVector"; } diff --git a/static/stylesheets/main-theme.css b/static/stylesheets/main-theme.css deleted file mode 100644 index 446770b..0000000 --- a/static/stylesheets/main-theme.css +++ /dev/null @@ -1,13 +0,0 @@ -:root { - --title-font: 'CozetteVector'; - --main-font: 'Segoe UI'; - --text1: #eee; /* Primary text. */ - --text2: #cac9c6; /* Secondary text. */ - --text3: #b0afad; /* Third text color. */ - --text4: #868584; /* Fourth text color. */ - --background: #232222; - --background1: #1b1a1a; - --primary: #227c9d; - --secondary: #ffcb77; - --accent: #17c3b2; -}