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