diff --git a/static-src/files/img/keyoxide.svg b/static-src/files/img/keyoxide.svg
new file mode 100644
index 0000000..2214662
--- /dev/null
+++ b/static-src/files/img/keyoxide.svg
@@ -0,0 +1,7 @@
+
diff --git a/static-src/files/img/keyoxide_outline.svg b/static-src/files/img/keyoxide_outline.svg
new file mode 100644
index 0000000..10720a1
--- /dev/null
+++ b/static-src/files/img/keyoxide_outline.svg
@@ -0,0 +1,3 @@
+
diff --git a/static-src/styles/forms.scss b/static-src/styles/forms.scss
index f916270..7169ad9 100644
--- a/static-src/styles/forms.scss
+++ b/static-src/styles/forms.scss
@@ -122,12 +122,19 @@ button.inline {
#search {
display: flex;
+ flex-direction: column;
align-items: center;
justify-content: center;
min-height: 50vh;
+ gap: 48px;
background: transparent;
border: 0;
+ & > svg {
+ width: 96px;
+ fill: var(--primary-color);
+ }
+
form {
display: flex;
flex-direction: row;
diff --git a/static-src/styles/layout.scss b/static-src/styles/layout.scss
index 95e3715..5577d99 100644
--- a/static-src/styles/layout.scss
+++ b/static-src/styles/layout.scss
@@ -63,7 +63,6 @@ header {
font-size: 1.8rem;
text-decoration: none;
font-weight: bold;
- color: var(--primary-color);
@media screen and (max-width: 480px) {
gap: 8px;
@@ -81,7 +80,7 @@ header {
}
}
- a.text {
+ a {
margin: 0;
color: var(--text-color);
diff --git a/views/index.pug b/views/index.pug
index dba4e16..5474154 100644
--- a/views/index.pug
+++ b/views/index.pug
@@ -2,6 +2,9 @@ extends templates/base.pug
block content
section#search.form-wrapper
+
form(action="post")
input#query(type="search" name="query" required placeholder="Search for a profile")
input(type="submit" value="Search")
diff --git a/views/partials/header.pug b/views/partials/header.pug
index 542c7c8..ea14f4b 100644
--- a/views/partials/header.pug
+++ b/views/partials/header.pug
@@ -1,9 +1,7 @@
header
.container
nav
- a.logo(href='/' aria-label='Home')
- img(src='/static/img/logo_circle.png' alt='Keyoxide' aria-hidden='true')
- | Keyoxide
+ a.logo(href='/' aria-label='Home') Keyoxide
.links
a.text(href='https://docs.keyoxide.org/getting-started') Getting started
a.text(href='https://docs.keyoxide.org') Docs