From a75f6bcde662f9c7047b8204d0347ace06f9e2cb Mon Sep 17 00:00:00 2001 From: Fockskraft Date: Mon, 4 May 2026 17:56:58 +0200 Subject: [PATCH 01/14] Set Margin form Header p to Header h1 to 0 --- src/static/css/main.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/src/static/css/main.css b/src/static/css/main.css index bd156f4..19c4a87 100644 --- a/src/static/css/main.css +++ b/src/static/css/main.css @@ -10,6 +10,10 @@ header h1 { margin-bottom: 0; } +header p { + margin-top: 0; +} + form { display: flex; justify-content: center; From 691647ae63ef26aa77b7c24e95a59898de0fdb1f Mon Sep 17 00:00:00 2001 From: Fockskraft Date: Mon, 4 May 2026 17:59:02 +0200 Subject: [PATCH 02/14] Change Seekra to seekra --- src/index.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/index.html b/src/index.html index fad5537..4eb3ee6 100644 --- a/src/index.html +++ b/src/index.html @@ -27,13 +27,13 @@ limitations under the License.
-

Seekra

+

seekra

Built to search.

From 25e497ac5787d551af660e074bdf902ca114343e Mon Sep 17 00:00:00 2001 From: Fockskraft Date: Mon, 4 May 2026 18:00:27 +0200 Subject: [PATCH 03/14] Change Seekra to seekra in Footer --- src/index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/index.html b/src/index.html index 4eb3ee6..5aa3579 100644 --- a/src/index.html +++ b/src/index.html @@ -44,7 +44,7 @@ limitations under the License.
-

© 2026 Seekra.

+

© 2026 seekra.

From 04b5b29cd536c1310621d1505cc9ee509ec68950 Mon Sep 17 00:00:00 2001 From: Fockskraft Date: Mon, 4 May 2026 18:03:34 +0200 Subject: [PATCH 04/14] Add Color Gradient to h1 --- src/static/css/main.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/src/static/css/main.css b/src/static/css/main.css index 19c4a87..af43e42 100644 --- a/src/static/css/main.css +++ b/src/static/css/main.css @@ -7,7 +7,12 @@ header { } header h1 { + display: inline-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; } header p { From 4070a7d5babf2855af1ff477b55699d56f66263d Mon Sep 17 00:00:00 2001 From: Fockskraft Date: Mon, 4 May 2026 18:06:54 +0200 Subject: [PATCH 05/14] Make header p smaller --- 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 af43e42..36ae315 100644 --- a/src/static/css/main.css +++ b/src/static/css/main.css @@ -17,6 +17,7 @@ header h1 { header p { margin-top: 0; + font-size: small; } form { From 8f5426d468de05620dbfc8aac60697c80ac23e74 Mon Sep 17 00:00:00 2001 From: Fockskraft Date: Mon, 4 May 2026 18:12:22 +0200 Subject: [PATCH 06/14] Make Searchbar 'rounder' --- src/static/css/main.css | 9 +++++++-- 1 file changed, 7 insertions(+), 2 deletions(-) diff --git a/src/static/css/main.css b/src/static/css/main.css index 36ae315..f626def 100644 --- a/src/static/css/main.css +++ b/src/static/css/main.css @@ -22,17 +22,22 @@ header p { form { display: flex; - justify-content: center; + flex-direction: column; + align-items: center; margin-top: 20px; width: 100%; + gap: 10px; } form button{ - margin-left: 10px; + margin-left: 0; } form input{ width: 80%; + border-radius: 999px; + border: 1.5px solid #ccc; + padding: 10px 15px; } footer{ From 58d52f59dad9175665078d696011f0e2f29dc19a Mon Sep 17 00:00:00 2001 From: Fockskraft Date: Mon, 4 May 2026 18:17:29 +0200 Subject: [PATCH 07/14] Make Searchbutton rounder --- src/static/css/main.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/src/static/css/main.css b/src/static/css/main.css index f626def..1b33ac0 100644 --- a/src/static/css/main.css +++ b/src/static/css/main.css @@ -1,5 +1,6 @@ body { margin: 0; + background-color: #ffffff; } header { @@ -31,6 +32,9 @@ form { form button{ margin-left: 0; + border-radius: 999px; + border: 1.5px solid #ccc; + padding: 10px 15px; } form input{ From b9cbdc7392a4ab2ff4d38d198a4a2aace133c06f Mon Sep 17 00:00:00 2001 From: Fockskraft Date: Mon, 4 May 2026 18:24:01 +0200 Subject: [PATCH 08/14] Search Button in Searchbar --- src/index.html | 9 ++++++--- src/static/css/main.css | 43 ++++++++++++++++++++++++++++------------- 2 files changed, 36 insertions(+), 16 deletions(-) diff --git a/src/index.html b/src/index.html index 5aa3579..37b871f 100644 --- a/src/index.html +++ b/src/index.html @@ -39,10 +39,13 @@ limitations under the License.

-
- - + +
+ + +
+

© 2026 seekra.

diff --git a/src/static/css/main.css b/src/static/css/main.css index 1b33ac0..a0d57df 100644 --- a/src/static/css/main.css +++ b/src/static/css/main.css @@ -23,27 +23,44 @@ header p { form { display: flex; - flex-direction: column; - align-items: center; + justify-content: center; margin-top: 20px; width: 100%; - gap: 10px; } -form button{ - margin-left: 0; - border-radius: 999px; - border: 1.5px solid #ccc; - padding: 10px 15px; -} - -form input{ +.search-wrapper { + display: flex; + align-items: center; width: 80%; - border-radius: 999px; border: 1.5px solid #ccc; - padding: 10px 15px; + border-radius: 999px; + padding: 4px 4px 4px 16px; } +.search-wrapper input { + border: none; + outline: none; + width: 100%; + font-size: 1rem; + background: transparent; +} + +.search-wrapper button { + border-radius: 999px; + border: none; + padding: 8px 20px; + background: #4562BE; + color: white; + cursor: pointer; + white-space: nowrap; +} + +.search-wrapper button:hover { + background: #374FA5; +} + + + footer{ text-align: center; margin-top: 20px; From 5b8d6d3e2e1ddd5bd374dcc7321a8bc8d05f57d0 Mon Sep 17 00:00:00 2001 From: Fockskraft Date: Mon, 4 May 2026 18:34:37 +0200 Subject: [PATCH 09/14] Add hero for Gradient in Background --- src/index.html | 27 ++++++++++++++------------- src/static/css/main.css | 8 ++++++-- 2 files changed, 20 insertions(+), 15 deletions(-) diff --git a/src/index.html b/src/index.html index 37b871f..ceb97f5 100644 --- a/src/index.html +++ b/src/index.html @@ -32,20 +32,21 @@ limitations under the License. -
-

seekra

-

- Built to search. -

-
+
+
+

seekra

+

+ Built to search. +

+
-
-
- - -
-
- +
+
+ + +
+
+

© 2026 seekra.

diff --git a/src/static/css/main.css b/src/static/css/main.css index a0d57df..77ce7d5 100644 --- a/src/static/css/main.css +++ b/src/static/css/main.css @@ -2,6 +2,12 @@ body { margin: 0; background-color: #ffffff; } +.hero { + background: + radial-gradient(ellipse at 40% 60%, rgba(255,255,255,0.55) 0%, transparent 75%), + linear-gradient(160deg, #c8d8f0, #7aa0d8, #5077C7, #dce8f8); + padding-bottom: 40px; +} header { text-align: center; @@ -59,8 +65,6 @@ form { background: #374FA5; } - - footer{ text-align: center; margin-top: 20px; From 95948f11ecfd7b26b76d3c46e2318d769e18fd34 Mon Sep 17 00:00:00 2001 From: Fockskraft Date: Mon, 4 May 2026 18:35:39 +0200 Subject: [PATCH 10/14] Remove Border --- src/static/css/nav/navbar/navbar.css | 1 - 1 file changed, 1 deletion(-) diff --git a/src/static/css/nav/navbar/navbar.css b/src/static/css/nav/navbar/navbar.css index 2595634..01cfda1 100644 --- a/src/static/css/nav/navbar/navbar.css +++ b/src/static/css/nav/navbar/navbar.css @@ -2,7 +2,6 @@ display: flex; justify-content: center; padding: 10px 0; - border-bottom: 1px solid #000000; } .global-nav ul { From 2fa206f86603eebd199a3a85f9e797ae9c941cff Mon Sep 17 00:00:00 2001 From: Fockskraft Date: Mon, 4 May 2026 18:43:54 +0200 Subject: [PATCH 11/14] Make Gradient bigger and Center Searchbar vertically --- src/static/css/main.css | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/src/static/css/main.css b/src/static/css/main.css index 77ce7d5..b4b14de 100644 --- a/src/static/css/main.css +++ b/src/static/css/main.css @@ -6,7 +6,9 @@ body { background: radial-gradient(ellipse at 40% 60%, rgba(255,255,255,0.55) 0%, transparent 75%), linear-gradient(160deg, #c8d8f0, #7aa0d8, #5077C7, #dce8f8); - padding-bottom: 40px; + height: 300px; + display: flex; + flex-direction: column; } header { @@ -30,7 +32,7 @@ header p { form { display: flex; justify-content: center; - margin-top: 20px; + margin-top: 60px; width: 100%; } From c6559e478d552f3bf216f0802f961ac0c046ebe8 Mon Sep 17 00:00:00 2001 From: Jakob Scheid Date: Mon, 4 May 2026 19:44:15 +0200 Subject: [PATCH 12/14] Make CSS border-radius and padding properties values dynamic --- src/static/css/main.css | 15 +++++++++++---- 1 file changed, 11 insertions(+), 4 deletions(-) diff --git a/src/static/css/main.css b/src/static/css/main.css index b4b14de..ddc3751 100644 --- a/src/static/css/main.css +++ b/src/static/css/main.css @@ -1,6 +1,7 @@ body { margin: 0; background-color: #ffffff; + font-size: 16px; } .hero { background: @@ -37,12 +38,16 @@ 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; + border-radius: calc(var(--submit-button-content-height) + var(--padding)); + padding: var(--padding); + padding-left: calc(var(--submit-button-content-height) + var(--padding)); } .search-wrapper input { @@ -54,9 +59,11 @@ form { } .search-wrapper 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; From 123bd22d0797dada13802a2560280e1ea6f453e8 Mon Sep 17 00:00:00 2001 From: Fockskraft Date: Mon, 4 May 2026 21:10:23 +0200 Subject: [PATCH 13/14] Revise Requirements --- src/index.html | 14 +++++++------- src/static/css/main.css | 27 ++++++++++----------------- 2 files changed, 17 insertions(+), 24 deletions(-) diff --git a/src/index.html b/src/index.html index ceb97f5..2aa0fd6 100644 --- a/src/index.html +++ b/src/index.html @@ -27,15 +27,15 @@ limitations under the License. -
-
-

seekra

-

+

+
+

Seekra

+

Built to search.

@@ -43,12 +43,12 @@ limitations under the License.
- +
-

© 2026 seekra.

+

© 2026 Seekra.

diff --git a/src/static/css/main.css b/src/static/css/main.css index ddc3751..e1ee1c0 100644 --- a/src/static/css/main.css +++ b/src/static/css/main.css @@ -1,9 +1,8 @@ body { margin: 0; background-color: #ffffff; - font-size: 16px; } -.hero { +.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); @@ -12,11 +11,11 @@ body { flex-direction: column; } -header { +.global-header { text-align: center; } -header h1 { +.global-header h1 { display: inline-block; margin-bottom: 0; background: linear-gradient(to right, #689BDB, #5F8DDC, #5077C7, #4562BE, #374FA5, #22298F); @@ -25,7 +24,7 @@ header h1 { background-clip: text; } -header p { +.slogan{ margin-top: 0; font-size: small; } @@ -38,16 +37,12 @@ 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: calc(var(--submit-button-content-height) + var(--padding)); - padding: var(--padding); - padding-left: calc(var(--submit-button-content-height) + var(--padding)); + border-radius: 999px; + padding: 4px 4px 4px 16px; } .search-wrapper input { @@ -58,19 +53,17 @@ form { background: transparent; } -.search-wrapper button { - 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)); +.search-button { + border-radius: 999px; border: none; - padding: var(--submit-button-padding-y) 20px; + padding: 8px 20px; background: #4562BE; color: white; cursor: pointer; white-space: nowrap; } -.search-wrapper button:hover { +.search-button:hover { background: #374FA5; } From 01631afb73008f14905cc55ffcdfe002edc1a84b Mon Sep 17 00:00:00 2001 From: Jakob Scheid Date: Wed, 6 May 2026 12:59:08 +0200 Subject: [PATCH 14/14] Make CSS border-radius and padding properties values dynamic --- src/static/css/main.css | 15 +++++++++++---- 1 file changed, 11 insertions(+), 4 deletions(-) diff --git a/src/static/css/main.css b/src/static/css/main.css index e1ee1c0..c2c5f47 100644 --- a/src/static/css/main.css +++ b/src/static/css/main.css @@ -1,6 +1,7 @@ body { margin: 0; background-color: #ffffff; + font-size: 16px; } .content-background { background: @@ -37,12 +38,16 @@ 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; + 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 { @@ -54,9 +59,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;