Seekra/frontend
3
3
Fork 0
generated from Seekra/repository-template
Code Issues 10 Pull Requests Actions Packages Projects 1 Releases 1 Wiki Activity

Compare commits

base: Seekra/frontend:initial
Branches Tags
Seekra/frontend:main Seekra/frontend:feature/setting-value-function Seekra/frontend:chore/privacy-policy-and-imprint
Seekra/frontend:initial
...
compare: Seekra/frontend:123bd22d0797dada13802a2560280e1ea6f453e8
Branches Tags
Seekra/frontend:main Seekra/frontend:feature/setting-value-function Seekra/frontend:chore/privacy-policy-and-imprint
Seekra/frontend:initial
42 Commits
initial ... 123bd22d07
Author SHA1 Message Date
Fockskraft 123bd22d07 Revise Requirements 2026-05-04 21:10:23 +02:00
jakob.scheid c6559e478d Make CSS border-radius and padding properties values dynamic 2026-05-04 19:44:15 +02:00
Fockskraft 2fa206f866 Make Gradient bigger and Center Searchbar vertically 2026-05-04 18:43:54 +02:00
Fockskraft 95948f11ec Remove Border 2026-05-04 18:35:39 +02:00
Fockskraft 5b8d6d3e2e Add hero for Gradient in Background 2026-05-04 18:34:37 +02:00
Fockskraft b9cbdc7392 Search Button in Searchbar 2026-05-04 18:24:01 +02:00
Fockskraft 58d52f59da Make Searchbutton rounder 2026-05-04 18:17:29 +02:00
Fockskraft 8f5426d468 Make Searchbar 'rounder' 2026-05-04 18:12:22 +02:00
Fockskraft 4070a7d5ba Make header p smaller 2026-05-04 18:06:54 +02:00
Fockskraft 04b5b29cd5 Add Color Gradient to h1 2026-05-04 18:03:34 +02:00
Fockskraft 25e497ac57 Change Seekra to seekra in Footer 2026-05-04 18:00:27 +02:00
Fockskraft 691647ae63 Change Seekra to seekra 2026-05-04 17:59:02 +02:00
Fockskraft a75f6bcde6 Set Margin form Header p to Header h1 to 0 2026-05-04 17:56:58 +02:00
jakob.scheid 450fb33c0f Merge pull request 'Improve static resources directory structure' (#15) from refactor/css-directory into main 
Reviewed-on: #15
Reviewed-by: Johannes Vos
 2026-05-03 15:45:53 +02:00
jakob.scheid 7467a80bb6 Improve static resources directory structure 2026-05-02 23:25:40 +02:00
jakob.scheid 5333cc9a97 Merge pull request 'Add Navbar' (#14) from feature/add-navbar into main 
Reviewed-on: #14
 2026-05-02 23:16:02 +02:00
jakob.scheid 920e71d1a2 Remove example navbar items 2026-05-02 23:14:59 +02:00
jakob.scheid db404a389b Use classes instead of element selectors at the navbar 2026-05-02 23:13:02 +02:00
jakob.scheid 0f20b52aa9 Update directory structure for stylesheets 2026-05-02 23:11:20 +02:00
jakob.scheid ab37ca4137 Update directory structure for stylesheets 2026-05-02 23:08:57 +02:00
jakob.scheid 5d3278fdb1 Merge branch 'main' into feature/add-navbar 2026-05-02 23:05:26 +02:00
Fockskraft 02ee937ac9 Remove nav style from main.css 2026-05-02 19:54:51 +02:00
Fockskraft c93215e241 Update navbar styles 2026-05-02 19:51:34 +02:00
Fockskraft 83be71821f Add link to navbar.css 2026-05-02 19:48:55 +02:00
Fockskraft b564a5146e Create a seperate stylesheet for navabar 2026-05-02 19:45:31 +02:00
jakob.scheid f2b46c96de Merge pull request 'Format CSS' (#13) from style/format-more-readable into main 
Reviewed-on: #13
 2026-05-02 19:37:11 +02:00
jakob.scheid 14d219ce8a Format CSS 2026-05-02 19:18:40 +02:00
jakob.scheid 49948899b1 Merge pull request 'Add base styles' (#12) from feature/base-style into main 
Reviewed-on: #12
Reviewed-by: Jakob Gregory
 2026-05-02 18:21:11 +02:00
Fockskraft 23b2f78093 Add Navbar with style 2026-05-02 17:50:56 +02:00
jakob.scheid d27d66c6e4 Merge pull request 'Bug fix: Use <p> instead of <div> for the slogan' (#10) from bugfix/use-more-semantic-html-element-for-slogan into main 
Reviewed-on: #10
Reviewed-by: Jakob Gregory
 2026-05-02 17:43:14 +02:00
jakob.scheid 6e6e9cb1bc Bug fix: Use <p> instead of <div> for the slogan 2026-05-02 17:40:52 +02:00
jakob.scheid a79976036a Change styles directory 2026-05-02 17:30:56 +02:00
Fockskraft 36d584f238 Add Style - Align Items in Center - Make Searchbar widther 2026-05-02 17:19:20 +02:00
jakob.scheid 80ca6dcb5d Merge pull request 'Add searchbar' (#7) from feature/add-searchbar into main 
Reviewed-on: #7
Reviewed-by: Jakob Scheid
 2026-05-02 17:04:53 +02:00
Fockskraft 467b85b524 Add searchbar 2026-05-02 17:01:20 +02:00
jakob.scheid 0eb74a78d3 Merge pull request 'Add header and footer' (#4) from feature/ui-base into main 
Reviewed-on: #4
Reviewed-by: Jakob Gregory
Reviewed-by: Johannes Vos
 2026-05-02 16:54:03 +02:00
jakob.scheid 3b3614bd62 Add footer 2026-05-02 15:38:47 +02:00
jakob.scheid 1fd1fbba57 Add header 2026-05-02 15:38:33 +02:00
jakob.scheid cebf33fb47 Merge pull request 'Write description and name into README.md' (#2) from docs/update-readme into main 
Reviewed-on: #2
Reviewed-by: Jakob Gregory
 2026-05-02 14:29:37 +02:00
jakob.scheid 3fad06f9b5 Write description and name into README.md 2026-05-02 14:25:21 +02:00
jakob.scheid 47634f017e Merge pull request 'Add boilerplate' (#1) from feature/ui-boilerplate into main 
Reviewed-on: #1
Reviewed-by: Jakob Gregory
 2026-05-02 14:09:32 +02:00
jakob.scheid d4772dd35b Add boilerplate 2026-05-02 13:56:47 +02:00
4 changed files with 151 additions and 2 deletions
Expand all files Collapse all files
README.md
+2 -2
View File
@@ -1,3 +1,3 @@
# repository-template
# frontend
The template for repositories
The frontend of the search engine Seekra.
src/index.html
+54
View File
@@ -0,0 +1,54 @@
<!DOCTYPE html>
<!--
Copyright 2026 Seekra
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
-->
<html lang="en-US">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="The Seekra search engine">
<title>Seekra</title>
<link rel="stylesheet" href="static/css/main.css" />
<link rel="stylesheet" href="static/css/nav/navbar/navbar.css" />
</head>
<body>
<nav class="global-nav">
<ul>
<li class="nav-item">
<a href="#">Seekra</a>
</li>
</ul>
</nav>
<div class="content-background">
<header class="global-header">
<h1>Seekra</h1>
<p class="slogan">
Built to search.
</p>
</header>
<form id="search-form">
<div class="search-wrapper">
<input type="search" name="search" placeholder="Search..." required />
<button type="submit" class="search-button">Search</button>
</div>
</form>
</div>
<footer>
<p>&copy; 2026 Seekra.</p>
</footer>
</body>
</html>
src/static/css/main.css
+73
View File
@@ -0,0 +1,73 @@
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: 300px;
display: flex;
flex-direction: column;
}
.global-header {
text-align: center;
}
.global-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;
}
.slogan{
margin-top: 0;
font-size: small;
}
form {
display: flex;
justify-content: center;
margin-top: 60px;
width: 100%;
}
.search-wrapper {
display: flex;
align-items: center;
width: 80%;
border: 1.5px solid #ccc;
border-radius: 999px;
padding: 4px 4px 4px 16px;
}
.search-wrapper input {
border: none;
outline: none;
width: 100%;
font-size: 1rem;
background: transparent;
}
.search-button {
border-radius: 999px;
border: none;
padding: 8px 20px;
background: #4562BE;
color: white;
cursor: pointer;
white-space: nowrap;
}
.search-button:hover {
background: #374FA5;
}
footer{
text-align: center;
margin-top: 20px;
}
src/static/css/nav/navbar/navbar.css
+22
View File
@@ -0,0 +1,22 @@
.global-nav {
display: flex;
justify-content: center;
padding: 10px 0;
}
.global-nav ul {
display: flex;
list-style: none;
margin: 0;
padding: 0;
gap: 30px;
}
.nav-item a {
text-decoration: none;
color: black;
}
.nav-item a:hover {
text-decoration: underline;
}