Change header+footer links and styles

This commit is contained in:
Yarmo Mackenbach 2021-11-05 16:28:38 +01:00
parent 479b00fc8e
commit a38cad5355
No known key found for this signature in database
GPG key ID: 37367F4AF4087AD1
3 changed files with 23 additions and 49 deletions

View file

@ -63,35 +63,29 @@ body {
/* LAYOUT */
header {
display: flex;
justify-content: center;
align-items: center;
margin: 0 1.6rem 1.6rem;
padding: 0.8rem;
border-radius: 16px;
}
header a.logo {
header nav {
flex: 1;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 8px;
}
header nav a.logo {
width: 64px;
height: 64px;
margin: 0 0.8rem;
font-size: 1.6rem;
text-transform: uppercase;
text-decoration: none;
color: var(--purple-700);
}
header a.logo img {
header nav a.logo img {
width: 100%;
}
header .container {
display: flex;
}
header nav {
flex: 1;
display: flex;
align-items: center;
}
nav a.text {
font-size: 0.9em;
/* font-size: 0.9em; */
margin: 0;
padding: 0.5em 1em;
text-transform: uppercase;
@ -128,7 +122,7 @@ section.profile p, .demo p {
font-size: 1.2rem;
}
.demo {
margin: 6.4rem auto;
margin: 4.8rem auto;
}
.card {
@ -224,18 +218,6 @@ section.profile p, .demo p {
grid-column: 2 / -1;
}
}
@media screen and (max-width: 640px) {
header {
flex-direction: column;
}
header .spacer {
display: none;
}
header a.logo {
margin-bottom: 1.6rem;
order: -1;
}
}
.warning {
padding: calc(0.8rem - 2px) 0.8rem;

View file

@ -5,20 +5,16 @@ footer
h1 Keyoxide
a(href="/") Homepage
br
a(href="/about") About Keyoxide
br
a(href="/getting-started") Getting started
br
a(href="/guides") Guides
br
a(href="/faq") FAQ
br
a(href="/privacy") Privacy policy
div
h1 Keyoxide project
a(href="https://keyoxide.org") Keyoxide.org
br
a(href="https://blog.keyoxide.org") Keyoxide blog
br
a(href="https://docs.keyoxide.org") Keyoxide docs
br
a(href="https://fosstodon.org/@keyoxide") Keyoxide on Fediverse
br
a(href="https://keytoidentity.foundation") Key to Identity Foundation

View file

@ -1,12 +1,8 @@
header
nav
.spacer
a.text(href='/') Home
a.text(href='/getting-started') Getting started
a.logo(href='/' aria-label='Home')
img(src='/static/img/logo_circle.png' alt='Keyoxide' aria-hidden='true')
nav
a.text(href='/about') About
a.text(href='/guides') Guides
a.text(href='/faq' aria-label='Frequently asked questions') FAQ
.spacer
.container
nav
a.logo(href='/' aria-label='Home')
img(src='/static/img/logo_circle.png' alt='Keyoxide' aria-hidden='true')
a.text(href='/') Home
a.text(href='https://docs.keyoxide.org') Docs
a.text(href='https://blog.keyoxide.org') Blog