Mirrors/keyoxide-web
1
0
Fork 1
mirror of https://codeberg.org/keyoxide/keyoxide-web.git synced 2024-12-22 23:09:29 -07:00
Code Issues Projects Releases Packages Wiki Activity

Change header+footer links and styles

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

42
static/styles.css
View file

@ -63,35 +63,29 @@ body {
/* LAYOUT */ /* LAYOUT */
header { header {
display: flex;
justify-content: center;
align-items: center;
margin: 0 1.6rem 1.6rem; 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; width: 64px;
height: 64px; height: 64px;
margin: 0 0.8rem;
font-size: 1.6rem; font-size: 1.6rem;
text-transform: uppercase; text-transform: uppercase;
text-decoration: none; text-decoration: none;
color: var(--purple-700); color: var(--purple-700);
} }
header a.logo img { header nav a.logo img {
width: 100%; width: 100%;
} }
header .container {
display: flex;
}
header nav {
flex: 1;
display: flex;
align-items: center;
}
nav a.text { nav a.text {
font-size: 0.9em; /* font-size: 0.9em; */
margin: 0; margin: 0;
padding: 0.5em 1em; padding: 0.5em 1em;
text-transform: uppercase; text-transform: uppercase;
@ -128,7 +122,7 @@ section.profile p, .demo p {
font-size: 1.2rem; font-size: 1.2rem;
} }
.demo { .demo {
margin: 6.4rem auto; margin: 4.8rem auto;
} }
.card { .card {
@ -224,18 +218,6 @@ section.profile p, .demo p {
grid-column: 2 / -1; 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 { .warning {
padding: calc(0.8rem - 2px) 0.8rem; padding: calc(0.8rem - 2px) 0.8rem;

12
views/partials/footer.pug
View file

@ -5,20 +5,16 @@ footer
h1 Keyoxide h1 Keyoxide
a(href="/") Homepage a(href="/") Homepage
br 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 a(href="/privacy") Privacy policy
div div
h1 Keyoxide project h1 Keyoxide project
a(href="https://keyoxide.org") Keyoxide.org a(href="https://keyoxide.org") Keyoxide.org
br 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 a(href="https://fosstodon.org/@keyoxide") Keyoxide on Fediverse
br br
a(href="https://keytoidentity.foundation") Key to Identity Foundation a(href="https://keytoidentity.foundation") Key to Identity Foundation

18
views/partials/header.pug
View file

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