generated from Seekra/repository-template
Compare commits
46
Commits
initial
...
755c297486
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
755c297486
|
||
|
|
c7ea4d23af | ||
|
|
ceb4f74739 | ||
|
|
991eac065b | ||
|
|
123bd22d07 | ||
|
|
c6559e478d
|
||
|
|
2fa206f866 | ||
|
|
95948f11ec | ||
|
|
5b8d6d3e2e | ||
|
|
b9cbdc7392 | ||
|
|
58d52f59da | ||
|
|
8f5426d468 | ||
|
|
4070a7d5ba | ||
|
|
04b5b29cd5 | ||
|
|
25e497ac57 | ||
|
|
691647ae63 | ||
|
|
a75f6bcde6 | ||
|
|
450fb33c0f | ||
|
|
7467a80bb6
|
||
|
|
5333cc9a97 | ||
|
|
920e71d1a2
|
||
|
|
db404a389b
|
||
|
|
0f20b52aa9
|
||
|
|
ab37ca4137
|
||
|
|
5d3278fdb1 | ||
|
|
02ee937ac9 | ||
|
|
c93215e241 | ||
|
|
83be71821f | ||
|
|
b564a5146e | ||
|
|
f2b46c96de | ||
|
|
14d219ce8a
|
||
|
|
49948899b1 | ||
|
|
23b2f78093 | ||
|
|
d27d66c6e4 | ||
|
|
6e6e9cb1bc
|
||
|
|
a79976036a
|
||
|
|
36d584f238 | ||
|
|
80ca6dcb5d | ||
|
|
467b85b524 | ||
|
|
0eb74a78d3 | ||
|
|
3b3614bd62
|
||
|
|
1fd1fbba57
|
||
|
|
cebf33fb47 | ||
|
|
3fad06f9b5
|
||
|
|
47634f017e | ||
|
|
d4772dd35b
|
@@ -1,3 +1,3 @@
|
||||
# repository-template
|
||||
# frontend
|
||||
|
||||
The template for repositories
|
||||
The frontend of the search engine Seekra.
|
||||
@@ -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>© 2026 Seekra.</p>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
@@ -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;
|
||||
}
|
||||
@@ -0,0 +1,23 @@
|
||||
.global-nav {
|
||||
display: flex;
|
||||
justify-content: end;
|
||||
padding: 10px 0;
|
||||
margin-right: 40px;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
Reference in New Issue
Block a user