Renaming #home to .button, consistency

2 files changed, 15 insertions, 15 deletions

diff --git a/resources/css.org b/resources/css.org
index 6924cf6..7a60745 100644
--- a/resources/css.org
+++ b/resources/css.org
@@ -50,7 +50,7 @@ These styles apply across the entire website, to every element.
 
 #+BEGIN_SRC css
   body {
-      background: linear-gradient(0deg, white 20%, gray 70%);
+      background: linear-gradient(0deg, white 20%, slategray 70%);
       background-attachment: fixed;
       margin: 0;
   }
@@ -86,11 +86,11 @@ We assign colors to the page element backgrounds.
   .timestamp { background: var(--topnav); }
   .title { background: var(--topnav); }
   #topnav { background: var(--topnav); }
-  #home { background: var(--topnav-menu); }
+  .button { background: var(--topnav-menu); }
   #topnav #hamburger { background: var(--topnav-menu); }
   #topnav #hamburger:hover { background: white; }
   #topnav #hamburger:hover .line { background: var(--topnav); }
-  #topnav a:hover { background: white; }
+  #topnav .button:hover { background: white; }
   #shadow { background: black; }
 #+END_SRC
 
@@ -103,10 +103,10 @@ We assign colors to the page element backgrounds.
   .timestamp { color: white; }
   .title { color: white; }
   .subtitle { color: lightgray; }
-  #home { color: white; }
+  .button { color: white; }
   #topnav #hamburger { color: white; }
   #topnav #hamburger:hover { color: var(--topnav-menu); }
-  #topnav a:hover { color: var(--topnav-menu); }
+  #topnav .button:hover { color: var(--topnav-menu); }
   #topnav ul a { color: lightgray; }
 #+END_SRC
 
@@ -427,7 +427,7 @@ current page's table of contents.
       margin: 0.5em;
       padding: 0.5em 0;
   }
-  #buttons a {
+  .button {
       text-decoration: none;
       border-radius: 0 8px 8px 0;
       padding: 0.5em;
@@ -557,11 +557,11 @@ label.
       position: absolute;
       flex-direction: column;
       background: var(--topnav);
-      height: calc(100vh - 4em);
+      height: calc(100vh - 3.5em);
       top: 3.5em;
       padding: 0 0.5em;
       justify-content: normal;
-      overflow-x: scroll;
+      overflow: auto;
   }
   #topnav ul a { display: block; }
 
diff --git a/resources/topnav.html b/resources/topnav.html
index ec08661..fbe60be 100644
--- a/resources/topnav.html
+++ b/resources/topnav.html
@@ -1,7 +1,7 @@
 <nav id="topnav">
   <div id="buttons">
-    <a href="index.html" id="home">Home</a>
-    <a href="#table-of-contents" id="home">Contents</a>
+    <a href="http://mlnp.fr/index.html" class="button">Home</a>
+    <a href="#table-of-contents" class="button">Contents</a>
     <!-- <a href="#table-of-contents" id="home">ToC</a> -->
     <!-- <a href="#table-of-contents" id="home">ToC</a> -->
   </div>
@@ -13,12 +13,12 @@
   </label>
   <label for="menu-toggle" id="shadow"></label>
   <ul class="org-ul">
-    <li><a href="index.html">Home</a></li>
-    <li><a href="about.html">About</a></li>
+    <li><a href="http://mlnp.fr/index.html">Home</a></li>
+    <li><a href="http://mlnp.fr/about.html">About</a></li>
     <li><a href="http://blog.mlnp.fr/index.html">Blog</a></li>
     <li><a href="http://wiki.mlnp.fr/index.html">Wiki</a></li>
-    <li><a href="cv.html">Curriculum Vitae</a></li>
-    <li><a href="publish-mlnp.html">Publish</a></li>
-    <li><a href="about.html#contact">Contact</a></li>
+    <li><a href="http://mlnp.fr/cv.html">Curriculum Vitae</a></li>
+    <li><a href="http://mlnp.fr/publish-mlnp.html">Publish</a></li>
+    <li><a href="http://mlnp.fr/about.html#contact">Contact</a></li>
   </ul>
 </nav>