From 755c2974860de3236aca035602bee4b4f5821de7 Mon Sep 17 00:00:00 2001 From: "johannes.vos" Date: Wed, 6 May 2026 14:29:03 +0200 Subject: [PATCH 04/18] Allign Link to end --- src/static/css/nav/navbar/navbar.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/static/css/nav/navbar/navbar.css b/src/static/css/nav/navbar/navbar.css index 01cfda1..3beb3d9 100644 --- a/src/static/css/nav/navbar/navbar.css +++ b/src/static/css/nav/navbar/navbar.css @@ -1,7 +1,8 @@ .global-nav { display: flex; - justify-content: center; + justify-content: end; padding: 10px 0; + margin-right: 40px; } .global-nav ul { -- 2.39.5 From 5696c0f992f1624a03e5d8cf717d5080c248d7d9 Mon Sep 17 00:00:00 2001 From: "johannes.vos" Date: Wed, 6 May 2026 14:35:48 +0200 Subject: [PATCH 05/18] Restructe Navbar --- src/index.html | 7 ++++--- src/static/css/nav/navbar/navbar.css | 19 ++++++++++++++++--- 2 files changed, 20 insertions(+), 6 deletions(-) diff --git a/src/index.html b/src/index.html index 2aa0fd6..100ed1a 100644 --- a/src/index.html +++ b/src/index.html @@ -25,10 +25,11 @@ limitations under the License. diff --git a/src/static/css/nav/navbar/navbar.css b/src/static/css/nav/navbar/navbar.css index 3beb3d9..9900dd0 100644 --- a/src/static/css/nav/navbar/navbar.css +++ b/src/static/css/nav/navbar/navbar.css @@ -1,8 +1,21 @@ .global-nav { display: flex; - justify-content: end; - padding: 10px 0; - margin-right: 40px; + justify-content: space-between; + align-items: center; + padding: 10px 40px; +} + +.global-nav ul { + display: flex; + gap: 20px; + list-style: none; + margin: 0; + padding: 0; +} + +.global-nav ul a{ + text-decoration: none; + color: black; } .global-nav ul { -- 2.39.5 From ddad350e6de1fd874786777b31b5681882829eee Mon Sep 17 00:00:00 2001 From: "johannes.vos" Date: Wed, 6 May 2026 14:37:12 +0200 Subject: [PATCH 06/18] Add text decoration underline when hover in navbar --- src/static/css/nav/navbar/navbar.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/src/static/css/nav/navbar/navbar.css b/src/static/css/nav/navbar/navbar.css index 9900dd0..652063d 100644 --- a/src/static/css/nav/navbar/navbar.css +++ b/src/static/css/nav/navbar/navbar.css @@ -18,6 +18,10 @@ color: black; } +.global-nav ul a:hover{ + text-decoration: underline; +} + .global-nav ul { display: flex; list-style: none; -- 2.39.5 From 4d78a742e10440807379ee33c90628000489c86c Mon Sep 17 00:00:00 2001 From: "johannes.vos" Date: Wed, 6 May 2026 14:40:31 +0200 Subject: [PATCH 07/18] Make h1 bigger --- src/static/css/main.css | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/src/static/css/main.css b/src/static/css/main.css index e1ee1c0..43ba208 100644 --- a/src/static/css/main.css +++ b/src/static/css/main.css @@ -6,7 +6,7 @@ body { background: radial-gradient(ellipse at 40% 60%, rgba(255,255,255,0.55) 0%, transparent 75%), linear-gradient(160deg, #c8d8f0, #7aa0d8, #5077C7, #dce8f8); - height: 300px; + height: 400px; display: flex; flex-direction: column; } @@ -22,6 +22,8 @@ body { -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; + font-size: 6rem; + margin-bottom: 0; } .slogan{ -- 2.39.5 From 8d4ef81b0f8dffd3ad291f722fac7eb77537a121 Mon Sep 17 00:00:00 2001 From: "johannes.vos" Date: Wed, 6 May 2026 14:44:57 +0200 Subject: [PATCH 08/18] Move Slogan closer to h1 --- src/index.html | 4 ++-- src/static/css/main.css | 7 ++++--- 2 files changed, 6 insertions(+), 5 deletions(-) diff --git a/src/index.html b/src/index.html index 100ed1a..e5af8ca 100644 --- a/src/index.html +++ b/src/index.html @@ -36,9 +36,9 @@ limitations under the License.

Seekra

-

+ Built to search. -

+
diff --git a/src/static/css/main.css b/src/static/css/main.css index 43ba208..b406005 100644 --- a/src/static/css/main.css +++ b/src/static/css/main.css @@ -16,18 +16,19 @@ body { } .global-header h1 { - display: inline-block; + display: block; margin-bottom: 0; background: linear-gradient(to right, #689BDB, #5F8DDC, #5077C7, #4562BE, #374FA5, #22298F); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; font-size: 6rem; - margin-bottom: 0; + padding: 0; + line-height: 1; } .slogan{ - margin-top: 0; + margin: 0; font-size: small; } -- 2.39.5 From 5f7838ebbbd9c4ee635fb691ea32813541a7842c Mon Sep 17 00:00:00 2001 From: "johannes.vos" Date: Wed, 6 May 2026 14:46:55 +0200 Subject: [PATCH 09/18] Fix Gradient --- src/static/css/main.css | 14 +++++++++----- 1 file changed, 9 insertions(+), 5 deletions(-) diff --git a/src/static/css/main.css b/src/static/css/main.css index b406005..3de5e15 100644 --- a/src/static/css/main.css +++ b/src/static/css/main.css @@ -13,21 +13,25 @@ body { .global-header { text-align: center; + display: flex; + flex-direction: column; + align-items: center; + padding-top: 40px; /* ← Abstand nach oben */ } .global-header h1 { - display: block; - margin-bottom: 0; + display: inline-block; + margin: 0; + padding: 0; + line-height: 1; background: linear-gradient(to right, #689BDB, #5F8DDC, #5077C7, #4562BE, #374FA5, #22298F); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; font-size: 6rem; - padding: 0; - line-height: 1; } -.slogan{ +.slogan { margin: 0; font-size: small; } -- 2.39.5 From 4497396a8fde99cfad7efd243547f7dae6bf28aa Mon Sep 17 00:00:00 2001 From: "johannes.vos" Date: Wed, 6 May 2026 14:48:35 +0200 Subject: [PATCH 10/18] Fix Layout --- src/static/css/main.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/static/css/main.css b/src/static/css/main.css index 3de5e15..1cf801d 100644 --- a/src/static/css/main.css +++ b/src/static/css/main.css @@ -16,7 +16,7 @@ body { display: flex; flex-direction: column; align-items: center; - padding-top: 40px; /* ← Abstand nach oben */ + padding-top: 40px; } .global-header h1 { -- 2.39.5 From 8d4c54b01b78600230b62e1c2a8f041e4a0c913b Mon Sep 17 00:00:00 2001 From: "johannes.vos" Date: Wed, 6 May 2026 14:52:01 +0200 Subject: [PATCH 11/18] Change Background --- src/index.html | 2 +- src/static/css/main.css | 10 +--------- 2 files changed, 2 insertions(+), 10 deletions(-) diff --git a/src/index.html b/src/index.html index e5af8ca..0b3cd78 100644 --- a/src/index.html +++ b/src/index.html @@ -33,7 +33,7 @@ limitations under the License. -
+

Seekra

diff --git a/src/static/css/main.css b/src/static/css/main.css index 1cf801d..1f97e89 100644 --- a/src/static/css/main.css +++ b/src/static/css/main.css @@ -1,14 +1,6 @@ body { margin: 0; - background-color: #ffffff; -} -.content-background { - background: - radial-gradient(ellipse at 40% 60%, rgba(255,255,255,0.55) 0%, transparent 75%), - linear-gradient(160deg, #c8d8f0, #7aa0d8, #5077C7, #dce8f8); - height: 400px; - display: flex; - flex-direction: column; + background: linear-gradient(135deg, #ffffff 0%, #E6F3FC 100%); } .global-header { -- 2.39.5 From b43bac4c797a0d2eaed6e3f8447657cad2aca675 Mon Sep 17 00:00:00 2001 From: "johannes.vos" Date: Wed, 6 May 2026 14:59:54 +0200 Subject: [PATCH 12/18] Fix Background --- src/index.html | 2 +- src/static/css/main.css | 5 +++++ 2 files changed, 6 insertions(+), 1 deletion(-) diff --git a/src/index.html b/src/index.html index 0b3cd78..cf640eb 100644 --- a/src/index.html +++ b/src/index.html @@ -33,7 +33,7 @@ limitations under the License. -

Seekra

diff --git a/src/static/css/main.css b/src/static/css/main.css index 1f97e89..6fc099d 100644 --- a/src/static/css/main.css +++ b/src/static/css/main.css @@ -1,8 +1,13 @@ body { margin: 0; + min-height: 100vh; background: linear-gradient(135deg, #ffffff 0%, #E6F3FC 100%); } +html { + height: 100%; +} + .global-header { text-align: center; display: flex; -- 2.39.5 From 377aa919cb88ac45ea0c198dbd42806fd7db9e40 Mon Sep 17 00:00:00 2001 From: "johannes.vos" Date: Wed, 6 May 2026 15:03:10 +0200 Subject: [PATCH 13/18] Add Input Filed Shadow --- src/static/css/main.css | 1 + 1 file changed, 1 insertion(+) diff --git a/src/static/css/main.css b/src/static/css/main.css index 6fc099d..7cad9ad 100644 --- a/src/static/css/main.css +++ b/src/static/css/main.css @@ -47,6 +47,7 @@ form { border: 1.5px solid #ccc; border-radius: 999px; padding: 4px 4px 4px 16px; + box-shadow: 0px 4px 4px rgba(69, 98, 190, 0.15); } .search-wrapper input { -- 2.39.5 From 0a28644dd77b94b04e4efbc81956a282dd4b232a Mon Sep 17 00:00:00 2001 From: "johannes.vos" Date: Wed, 6 May 2026 15:05:12 +0200 Subject: [PATCH 14/18] Change Shadow --- src/static/css/main.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/static/css/main.css b/src/static/css/main.css index 7cad9ad..5d0d086 100644 --- a/src/static/css/main.css +++ b/src/static/css/main.css @@ -47,7 +47,7 @@ form { border: 1.5px solid #ccc; border-radius: 999px; padding: 4px 4px 4px 16px; - box-shadow: 0px 4px 4px rgba(69, 98, 190, 0.15); + box-shadow: 0 0px 32px rgba(69, 98, 190, 0.25); } .search-wrapper input { -- 2.39.5 From d50bf475b6b3ab7eac713c76f817be7503cbddc9 Mon Sep 17 00:00:00 2001 From: Jakob Scheid Date: Wed, 6 May 2026 15:17:11 +0200 Subject: [PATCH 15/18] Make CSS border-radius and padding properties values dynamic --- src/static/css/main.css | 14 ++++++++++---- 1 file changed, 10 insertions(+), 4 deletions(-) diff --git a/src/static/css/main.css b/src/static/css/main.css index 5d0d086..9c09a3b 100644 --- a/src/static/css/main.css +++ b/src/static/css/main.css @@ -41,13 +41,17 @@ form { } .search-wrapper { + --submit-button-padding-y: 8px; + --submit-button-content-height: 18px; + --padding: 4px; display: flex; align-items: center; width: 80%; border: 1.5px solid #ccc; - border-radius: 999px; - padding: 4px 4px 4px 16px; box-shadow: 0 0px 32px rgba(69, 98, 190, 0.25); + border-radius: calc(var(--submit-button-content-height) * 0.5 + var(--submit-button-padding-y) + var(--padding)); + padding: var(--padding); + padding-left: calc(var(--submit-button-content-height) + var(--padding)); } .search-wrapper input { @@ -59,9 +63,11 @@ form { } .search-button { - border-radius: 999px; + font-size: 1rem; + height: calc(var(--submit-button-content-height) + 2 * var(--submit-button-padding-y)); + border-radius: calc(var(--submit-button-content-height) * 0.5 + var(--submit-button-padding-y)); border: none; - padding: 8px 20px; + padding: var(--submit-button-padding-y) 20px; background: #4562BE; color: white; cursor: pointer; -- 2.39.5 From cc38b00033681efee950100b34282545774de058 Mon Sep 17 00:00:00 2001 From: Jakob Scheid Date: Wed, 6 May 2026 15:43:31 +0200 Subject: [PATCH 16/18] Solve merge conflicts --- src/static/css/main.css | 13 +++++++++++-- 1 file changed, 11 insertions(+), 2 deletions(-) diff --git a/src/static/css/main.css b/src/static/css/main.css index 9c09a3b..8e7f4e2 100644 --- a/src/static/css/main.css +++ b/src/static/css/main.css @@ -2,12 +2,22 @@ body { margin: 0; min-height: 100vh; background: linear-gradient(135deg, #ffffff 0%, #E6F3FC 100%); + font-size: 16px; } html { height: 100%; } +.content-background { + background: + radial-gradient(ellipse at 40% 60%, rgba(255,255,255,0.55) 0%, transparent 75%), + linear-gradient(160deg, #c8d8f0, #7aa0d8, #5077C7, #dce8f8); + height: 300px; + display: flex; + flex-direction: column; +} + .global-header { text-align: center; display: flex; @@ -19,7 +29,6 @@ html { .global-header h1 { display: inline-block; margin: 0; - padding: 0; line-height: 1; background: linear-gradient(to right, #689BDB, #5F8DDC, #5077C7, #4562BE, #374FA5, #22298F); -webkit-background-clip: text; @@ -28,7 +37,7 @@ html { font-size: 6rem; } -.slogan { +.slogan{ margin: 0; font-size: small; } -- 2.39.5 From 35915e8c7fe5fa3ff42620455b68d245cb127074 Mon Sep 17 00:00:00 2001 From: Jakob Scheid Date: Wed, 6 May 2026 15:50:35 +0200 Subject: [PATCH 17/18] Remove example links --- src/index.html | 3 --- 1 file changed, 3 deletions(-) diff --git a/src/index.html b/src/index.html index cf640eb..bb38dec 100644 --- a/src/index.html +++ b/src/index.html @@ -27,9 +27,6 @@ limitations under the License. -- 2.39.5 From d928f2d25a6080590b2a2aa26d11b41abbc5dfac Mon Sep 17 00:00:00 2001 From: Jakob Scheid Date: Wed, 6 May 2026 15:51:21 +0200 Subject: [PATCH 18/18] Remove unnecessary CSS rule --- src/static/css/main.css | 4 ---- 1 file changed, 4 deletions(-) diff --git a/src/static/css/main.css b/src/static/css/main.css index da2191d..38262a5 100644 --- a/src/static/css/main.css +++ b/src/static/css/main.css @@ -5,10 +5,6 @@ body { font-size: 16px; } -html { - height: 100%; -} - .content-background { background: radial-gradient(ellipse at 40% 60%, rgba(255,255,255,0.55) 0%, transparent 75%), -- 2.39.5