centered subtitle + lighter navbars (#128)

Nuclear-Squid · Mar 13, 2024 · 158a73f · 158a73f
1 parent 6af4bd8
commit 158a73f
Show file tree

Hide file tree

Showing 5 changed files with 33 additions and 11 deletions.
diff --git a/www/assets/css/theme.css b/www/assets/css/theme.css
@@ -211,10 +211,32 @@ footer {
   text-align: right;
 }
 
+header nav,
+footer nav {
+  display: flex;
+  justify-content: end;
+}
+
+header nav a:not(:first-child):before,
+footer nav a:not(:first-child):before {
+  display: inline-block;
+  content: "|";
+  width: 1em;
+  text-align: center;
+  color: var(--fg-banner-border);
+}
+
 header h1 {
   text-align: center;
   font-size: 2em;
-  margin: 1.2em auto;
+  line-height: 1em;
+  margin: 1.8em auto 1.2em;
+}
+
+main > p:first-child {
+  text-align: center;
+  text-wrap: balance;
+  margin: -1em auto 2em;
 }
 
 footer {

diff --git a/www/content/erglace.md b/www/content/erglace.md
@@ -8,7 +8,7 @@ jsScripts = ["/js/keebs.js"]
 footer = "réfrigéré par [x-keyboard](https://onedeadkey.github.io/x-keyboard)"
 +++
 
-**🚧 en construction**
+**🚧 en construction 🚧**
 
 
 {{<x-keyboard name="Erglace"

diff --git a/www/content/lexique.md b/www/content/lexique.md
@@ -2,6 +2,8 @@
 title = "Lexique"
 +++
 
+**🚧 en construction 🚧**
+
 <style>
   dt + dd:has(+ dd), dd + dd { display: list-item; list-style-type: "-  "; }
   dd p { margin: 0.7em 0; }
@@ -10,8 +12,6 @@ title = "Lexique"
   .footnotes li p { margin: 0.2em 0; }
 </style>
 
-**🚧 en construction**
-
 
 Ergonomie & Optimisation
 --------------------------------------------------------------------------------

diff --git a/www/layouts/partials/footer.html b/www/layouts/partials/footer.html
@@ -1,5 +1,5 @@
 <small style="float: left">{{ .Params.footer | markdownify }}</small>
 <nav>
-  <a href="https://github.com/Nuclear-Squid/ErgoL">GitHub</a> |
+  <a href="https://github.com/Nuclear-Squid/ErgoL">GitHub</a>
   <a href="https://discord.gg/5xR5K3nAFX">Discord</a>
 </nav>
diff --git a/www/layouts/partials/header.html b/www/layouts/partials/header.html
@@ -5,12 +5,12 @@
 
 <nav>
   <a href="/">Ergo‑L</a>
-  | <a href="/bepo">Bépo ?</a>
-  <!-- | <a href="/erglace">Erglace !</a> -->
-  | <a href="/lafayette">Lafayette *</a>
-  | <a href="/stats/#/ergol//en+fr">Stats</a>
-  | <a href="/lexique">Lexique</a>
-  | <a href="/dactylo">Apprendre</a>
+  <a href="/bepo">Bépo ?</a>
+  <!-- <a href="/erglace">Erglace !</a> -->
+  <a href="/lafayette">Lafayette *</a>
+  <a href="/stats/#/ergol//en+fr">Stats</a>
+  <a href="/lexique">Lexique</a>
+  <a href="/dactylo">Apprendre</a>
 </nav>
 
 {{ partial "menu.html" (dict "menuID" "main" "page" .) }}