highlight current page in menu

2025-11-11 14:57:34 +01:00 · 2025-11-11 14:57:34 +01:00 · 0bda210618
commit 0bda210618
parent 8e3b3ed0c0
3 changed files with 10 additions and 2 deletions
--- a/base.css
+++ b/base.css
@ -52,3 +52,11 @@ nav a, footer a, aside a {
    font-size: 3em;
 }

+nav a.current {
+    text-decoration: underline #00000042;
+}
+
+nav a:hover {
+    text-decoration: underline #000000;
+}
+
--- a/index.html
+++ b/index.html
@ -12,7 +12,7 @@

 <body>
    <nav>
-        <a href="index.html">home</a>
+        <a href="index.html" class="current">home</a>
        <a href="poster.html">poster</a>
    </nav>
    <main>
--- a/poster.html
+++ b/poster.html
@ -13,7 +13,7 @@
 <body>
    <nav>
        <a href="index.html">home</a>
-        <a href="poster.html">poster</a>
+        <a href="poster.html" class="current">poster</a>
    </nav>
    <aside>
        <a href="javascript:if(window.print)window.print()" class="print">🖨️ imprimer</a>