Change header+footer links and styles

static/styles.css

@@ -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;

views/partials/footer.pug

@@ -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

views/partials/header.pug

@@ -1,12 +1,8 @@
 header
+  .container
     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='/') Home
-    a.text(href='/about') About
+      a.text(href='https://docs.keyoxide.org') Docs
-    a.text(href='/guides') Guides
+      a.text(href='https://blog.keyoxide.org') Blog
-    a.text(href='/faq' aria-label='Frequently asked questions') FAQ
-    .spacer