commit: adbbe5c210b5d3915a692174fd0e26ed4cccc500
parent 3319b3bc44a96c9d579d123aaaedb9bbed468bb3
Author: Haelwenn (lanodan) Monnier <contact@hacktivis.me>
Date: Sat, 7 Nov 2020 14:59:04 +0100
Nav: Change to a sidebar
Diffstat:
4 files changed, 33 insertions(+), 89 deletions(-)
diff --git a/css/index.css b/css/index.css
@@ -177,56 +177,8 @@ header {
nav {
font-size: larger;
font-weight: bold;
- margin-bottom: 1rem;
-}
-nav * {
- margin: 0;
- padding: 0;
-}
-nav a, nav .menu span {
- color: inherit;
- display: inline-block;
- padding: 0.5em;
-}
-nav .menu span::after { content: "↓︎"; }
-nav ul {
- display: inline-block;
- list-style: none;
-}
-nav ul li {
- display: inline-table;
- transition: 0.5s;
-}
-nav li:focus-within,
-nav li:hover {
- background-color: var(--dark-ansi05);
- color: var(--dark-ansi00-soft);
-}
-nav ul li:focus-within > ul,
-nav ul li:hover > ul {
- display: block;
-}
-nav ul ul {
- background: var(--dark-ansi05);
- color: var(--dark-ansi00-soft);
- display: none;
- position: absolute;
-}
-nav ul ul li,
-nav ul ul a { display: block; }
-
-nav ul ul li:focus-within,
-nav ul ul li:hover {
- background: var(--dark-ansi13);
-}
-nav ul ul li:hover:active,
-nav ul ul li:focus-within:active {
- font-weight: normal;
-}
-nav ul ul ul {
- left: 100%;
- position: absolute;
- top: 0;
+ margin: 0 0 1rem 1rem;
+ float: right;
}
/* footer */
diff --git a/templates/en/nav.shtml b/templates/en/nav.shtml
@@ -1,27 +1,24 @@
+ <header>Sorry, I do not value($$$) your privacy. :^)</header>
<nav>
- <ul class="menus">
- <li><a href="/home">Home</a></li>
- <li tabindex="0" class="menu"><span>Myself</span><ul>
- <li><a href="/about">About</a></li>
- <li><a href="/librism">Désintox’ / FOSS activism</a></li>
- <li><a href="/animelist">Anime List</a></li>
- </ul></li>
- <li tabindex="0" class="menu"><span>Misc'</span><ul>
- <li><a href="/abgilpqt+">ABGILPQT+</a></li>
- <li><a href="/bookmarks">Bookmarks</a></li>
- <li><a href="/coding%20style">coding style</a></li>
- <li><a href="/decreases%20of%20usability">Decreases of usability</a></li>
- <li><a href="/kopimi/">/kopimi/ (libre data)</a></li>
- <li><a href="/notes/">/notes/</a></li>
- <li><a href="/standards">standards (opinions)</a></li>
- </ul></li>
- <li><a href="/projects/badwolf">Badwolf</a></li>
- </ul><ul class="right">
+ <ul>
<!--#if expr="${transPageUrl}" --> <li><a rel="alternate" hreflang="fr" href="<!--#echo var="transPageUrl" -->">Français</a></li><!--#endif -->
<!--#if expr="${feedUrl}" --> <li><a rel="alternate" type="application/atom+xml" href="<!--#echo var="feedUrl" -->">Atom feed</a></li><!--#endif -->
<li><a href="gemini://hacktivis.me/">gemini-space</a></li>
- <li><a href="/git/">/git/</a></li>
<li><a href="https://lanodan.eu/home">Resume</a></li>
</ul>
+ <ul>
+ <li><a href="/home">Home</a></li>
+ <li><a href="/about">About</a></li>
+ <li><a href="/abgilpqt+">ABGILPQT+</a></li>
+ <li><a href="/animelist">Anime List</a></li>
+ <li><a href="/bookmarks">Bookmarks</a></li>
+ <li><a href="/coding%20style">coding style</a></li>
+ <li><a href="/decreases%20of%20usability">Decreases of usability</a></li>
+ <li><a href="/git/">/git/</a></li>
+ <li><a href="/kopimi/">/kopimi/</a>: libre data</li>
+ <li><a href="/librism">Désintox’ / FOSS activism</a></li>
+ <li><a href="/notes/">/notes/</a></li>
+ <li><a href="/projects/badwolf">Badwolf</a></li>
+ <li><a href="/standards">standards</a>: opinions on them</li>
+ </ul>
</nav>
- <header>Sorry, I do not value($$$) your privacy. :^)</header>
diff --git a/templates/fr/nav.shtml b/templates/fr/nav.shtml
@@ -1,25 +1,20 @@
<nav>
- <ul class="menus">
- <li><a href="/accueil">Accueil</a></li>
- <li tabindex="0" class="menu"><span>Perso’</span><ul>
- <li><a href="/%C3%A0%20propos">À propos</a></li>
- <li><a href="/librisme">Désintox’ / Engagement libriste</a></li>
- <li><a href="/animelist">Anime List(en)</a></li>
- </ul></li>
- <li tabindex="0" class="menu"><span>Divers</span><ul>
- <li><a href="/antisèche-nginx">Antisèche nginx</a></li>
- <li><a href="/bitoduc">Bitudoc (termes info’ en français)</a></li>
- <li><a href="/kopimi">/kopimi/ (données libres)</a></li>
- <li><a href="/notes">/notes/</a></li>
- </ul></li>
- </ul><ul class="right">
+ <ul>
<!--#if expr="${transPageUrl}" --> <li><a rel="alternate" hreflang="en" href="<!--#echo var="transPageUrl" -->">English</a></li><!--#endif -->
<!--#if expr="${feedUrl}" --> <li><a rel="alternate" type="application/atom+xml" href="<!--#echo var="feedUrl" -->">Flux Atom</a></li><!--#endif -->
<li><a href="gemini://hacktivis.me/">espace gemini</a></li>
- <li><a href="/git/">/git/</a></li>
<li><a href="https://lanodan.eu/accueil">CV</a></li>
</ul>
+ <ul>
+ <li><a href="/accueil">Accueil</a></li>
+ <li><a href="/%C3%A0%20propos">À propos</a></li>
+ <li><a href="/animelist">Anime List(en)</a></li>
+ <li><a href="/antisèche-nginx">Antisèche nginx</a></li>
+ <li><a href="/bitoduc">Bitudoc</a>: termes info’ en français</li>
+ <li><a href="/git/">/git/</a></li>
+ <li><a href="/kopimi/">/kopimi/</a>: données libres)</li>
+ <li><a href="/librisme">Désintox’ / Engagement libriste</a></li>
+ <li><a href="/notes/">/notes/</a></li>
+ <li><a href="/projects/badwolf">Badwolf</a></li>
+ </ul>
</nav>
- <header>
- <h1><a href="https://onestla.tech/">✊ On<strong>Est</strong>La.Tech/</a><br>Retrait de la réforme des retraites !</code></h1>
- </header>
diff --git a/templates/head.shtml b/templates/head.shtml
@@ -1,5 +1,5 @@
<meta charset="utf-8"/>
- <link rel="stylesheet" type="text/css" href="/css/index.css?serial=2020071301"/>
+ <link rel="stylesheet" type="text/css" href="/css/index.css?serial=2020220701"/>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="vcs-git" href="https://gitlab.com/lanodan/blog.git" title="gitlab" />
<link rel="icon" type="text/css" href="/images/favicon.png"/>
