From a1509d07f99773e7c74e75311f0b7e96975f3fba Mon Sep 17 00:00:00 2001 From: HardMax71 Date: Thu, 5 Mar 2026 23:21:45 +0100 Subject: [PATCH 1/9] feat: in landing, background gradient is spread across whole available space, no paddings --- frontend/src/App.svelte | 2 +- frontend/src/routes/Home.svelte | 12 ++++++------ frontend/src/styles/pages.css | 30 +++++++++++++++--------------- 3 files changed, 22 insertions(+), 22 deletions(-) diff --git a/frontend/src/App.svelte b/frontend/src/App.svelte index c197c8bc..0e110c00 100644 --- a/frontend/src/App.svelte +++ b/frontend/src/App.svelte @@ -82,7 +82,7 @@ {#if appError.current} {:else} -
+
diff --git a/frontend/src/routes/Home.svelte b/frontend/src/routes/Home.svelte index cc1bb522..22210b50 100644 --- a/frontend/src/routes/Home.svelte +++ b/frontend/src/routes/Home.svelte @@ -31,11 +31,13 @@ {#if ready} + + + +
-
+

-
+

= 640px) { - .hero-section::before { + .gradient-bg::before { width: 35rem; height: 35rem; left: -15rem; @@ -247,7 +247,7 @@ } @media (width >= 1024px) { - .hero-section::before { + .gradient-bg::before { width: 50rem; height: 50rem; left: -20rem; @@ -255,11 +255,11 @@ } } - :is(.dark .hero-section)::before { + :is(.dark .gradient-bg)::before { background-color: var(--color-primary); } - .hero-section::after { + .gradient-bg::after { width: 20rem; height: 15rem; right: -10rem; @@ -270,7 +270,7 @@ } @media (width >= 640px) { - .hero-section::after { + .gradient-bg::after { width: 30rem; height: 22rem; right: -12rem; @@ -279,7 +279,7 @@ } @media (width >= 1024px) { - .hero-section::after { + .gradient-bg::after { width: 40rem; height: 30rem; right: -15rem; @@ -287,7 +287,7 @@ } } - :is(.dark .hero-section)::after { + :is(.dark .gradient-bg)::after { background-color: var(--color-secondary-dark); border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%; } From 9b61aec6781bc6e9a8b91e37a08345e2dff45ccc Mon Sep 17 00:00:00 2001 From: HardMax71 Date: Thu, 5 Mar 2026 23:31:46 +0100 Subject: [PATCH 2/9] feat: fonts optimizations --- frontend/nginx.conf.template | 2 +- frontend/public/index.html | 4 ++++ frontend/src/app.css | 3 --- 3 files changed, 5 insertions(+), 4 deletions(-) diff --git a/frontend/nginx.conf.template b/frontend/nginx.conf.template index f77e5760..f4b445c4 100644 --- a/frontend/nginx.conf.template +++ b/frontend/nginx.conf.template @@ -20,7 +20,7 @@ server { # --8<-- [end:nonce_injection] # --8<-- [start:security_headers] - add_header Content-Security-Policy "default-src 'self'; script-src 'self' 'nonce-$request_id'; style-src-elem 'self' 'nonce-$request_id'; style-src-attr 'unsafe-inline'; img-src 'self' data: blob:; font-src 'self' data:; object-src 'none'; base-uri 'self'; form-action 'self'; frame-ancestors 'none'; connect-src 'self';"; + add_header Content-Security-Policy "default-src 'self'; script-src 'self' 'nonce-$request_id'; style-src-elem 'self' 'nonce-$request_id' https://fonts.googleapis.com; style-src-attr 'unsafe-inline'; img-src 'self' data: blob:; font-src 'self' data: https://fonts.gstatic.com; object-src 'none'; base-uri 'self'; form-action 'self'; frame-ancestors 'none'; connect-src 'self';"; add_header Strict-Transport-Security "max-age=31536000; includeSubDomains" always; add_header X-Frame-Options "DENY"; add_header X-Content-Type-Options "nosniff"; diff --git a/frontend/public/index.html b/frontend/public/index.html index 7859f44b..109cd071 100644 --- a/frontend/public/index.html +++ b/frontend/public/index.html @@ -10,6 +10,10 @@ + + + +