Stylistic updates, removing dark menu

static/css/common.css

@@ -210,7 +210,7 @@ p {
         width: 100%;
     }
     
-    .column .text-right, .column.text-right, .column .text-left, .column.text-left {
+    .column :not(p).text-right, .column.text-right :not(p), .column :not(p).text-left, .column.text-left :not(p) {
         text-align: center;
     }
     

static/css/header.css

@@ -2,9 +2,8 @@
 nav {
     font-size: 1.3em;
     height: 3em;
-    /*background: var(--nav-background);*/
     position: absolute;
-    width: 100vw;
+    width: 100%;
     font-family: var(--light-font);
 }
 
@@ -55,11 +54,6 @@ nav .navbar-list {
     background-color: var(--nav-background);
 }
 
-.dark .navbar-list li.background {
-    background-color: var(--nav-background-dark);
-}
-
-
 .menu-with-sub {
     display: block;
 }
@@ -102,16 +96,13 @@ nav .navbar-list {
         /*background: var(--nav-background);*/
     }
     
-    nav.menuShown {
+    nav.menu-shown {
         position: fixed;
         z-index: 1;
         background: var(--nav-background);
     }
     
-    nav.menuShown.dark {
-        background: var(--nav-background-dark);
-    }
-    
+    /* positioning for mobile */
     nav .nav-flex {
         display: block;
         max-width: 100%;
@@ -127,23 +118,19 @@ nav .navbar-list {
     }
     
     .navbar-menu {
-        height: calc(100vh - 3em);
+        height: 100vh;
         width: 100% !important;
         display: none !important;
         background: var(--nav-background);
     }
     
-    .navbar-menu.dark {
-        background: var(--nav-background-dark);
-    }
-    
     .navbar-menu.shown {
         display: block !important;
     }
     
     .navbar-list {
         display: block !important;
-        width: 100vw;
+        width: 100%;
         height: 100%;
         padding-left: 0;
     }
@@ -161,8 +148,17 @@ nav .navbar-list {
         margin-left: 1em;
         display: ruby;
     }
+
+    /* removing white text from menu with light background */
+    nav.menu-shown.text-white a[role=button], nav.menu-shown .text-white a[role=button], nav.menu-shown a[role=button].text-white {
+        color: black;
+    }
     
-    #content {
-        /*padding-top: 4em;*/
+    nav.menu-shown.text-white .icon-monochrome {
+        filter: unset;
+    }
+
+    nav.menu-shown.text-white .navbar-list li.background {
+        background-color: var(--nav-background);
     }
 }

static/css/sections.css

@@ -31,5 +31,10 @@ section.section-header > div.columns-container {
 @media screen and (max-width: 700px) {
     section.section-header {
         height: auto;
+        min-height: calc(100vh + 3em);
+    }
+    
+    section.section-header > div.columns-container {
+        min-height: calc(100vh - 3em);
     }
 }

static/icons/license.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M11.362 2c4.156 0 2.638 6 2.638 6s6-1.65 6 2.457v11.543h-16v-20h7.362zm.827-2h-10.189v24h20v-14.386c0-2.391-6.648-9.614-9.811-9.614zm4.811 13h-10v-1h10v1zm0 2h-10v1h10v-1zm0 3h-10v1h10v-1z"/></svg>

static/js/header.js

@@ -5,7 +5,7 @@ window.addEventListener("load", () => {
     // Toggle display of the menu for mobile;
     document.querySelector("#navbar-toggler").addEventListener("click", () => {
         menu.classList.toggle('shown');
-        nav.classList.toggle('menuShown');
+        nav.classList.toggle('menu-shown');
     })
     document.querySelectorAll(".menu-with-sub").forEach(menu => {
         menu.querySelector("a").addEventListener("click", () => {