Stylistic updates, removing dark menu

.kdev4/Omegamma.kdev4

@@ -0,0 +1,14 @@
+[Buildset]
+BuildItems=@Variant(\x00\x00\x00\t\x00\x00\x00\x00\x01\x00\x00\x00\x0b\x00\x00\x00\x00\x01\x00\x00\x00\x10\x00O\x00m\x00e\x00g\x00a\x00m\x00m\x00a)
+
+[Project]
+VersionControlSupport=kdevgit
+
+[SourceFormatter]
+text/x-c++hdr=kdevcustomscript||GNU_indent_GNU
+text/x-c++src=kdevcustomscript||GNU_indent_GNU
+text/x-chdr=kdevcustomscript||GNU_indent_GNU
+text/x-csharp=kdevcustomscript||GNU_indent_GNU
+text/x-csrc=kdevcustomscript||GNU_indent_GNU
+text/x-java=kdevcustomscript||GNU_indent_GNU
+text/x-objcsrc=kdevcustomscript||GNU_indent_GNU

i18n/en.json

@@ -12,7 +12,7 @@
         "other": "Technical sheet"
     },
     "downloadApp": {
-        "other": "{{ .Name }} is available on the following platforms: {{ .Platforms }}."
+        "other": "{{ .Name }} is available on {{ .Platforms }}."
     },
     "status": {
         "other": "Status: "
@@ -23,12 +23,6 @@
     "language": {
         "other": "Language"
     },
-    "en": {
-        "other": "English"
-    },
-    "fr": {
-        "other": "French"
-    },
     "supportedPlatforms": {
         "other": "Supported platforms: "
     },
@@ -49,6 +43,18 @@
     },
     "keyboardOriented": {
         "other": "Keyboard oriented"
+    },
+    "license": {
+        "other": "License: "
+    },
+    "en": {
+        "other": "English"
+    },
+    "fr": {
+        "other": "French"
+    },
+    "all": {
+        "other": "Without text"
     }
 }
  

i18n/fr.json

@@ -12,7 +12,7 @@
         "other": "Fiche technique"
     },
     "downloadApp": {
-        "other": "{{ .Name }} est disponible sur plusieurs platformes : {{ .Platforms }}."
+        "other": "{{ .Name }} est disponible sur {{ .Platforms }}."
     },
     "status": {
         "other": "Status : "
@@ -23,12 +23,6 @@
     "language": {
         "other": "Langue"
     },
-    "en": {
-        "other": "English"
-    },
-    "fr": {
-        "other": "French"
-    },
     "supportedPlatforms": {
         "other": "Platformes supportées : "
     },
@@ -49,6 +43,18 @@
     },
     "keyboardOriented": {
         "other": "Orienté clavier"
+    },
+    "license": {
+        "other": "License : "
+    },
+    "en": {
+        "other": "Anglais"
+    },
+    "fr": {
+        "other": "Français"
+    },
+    "all": {
+        "other": "Sans texte"
     }
 }
  

layouts/_default/app.html

@@ -85,6 +85,10 @@
                         {{ i18n "keyboardOriented" }}
                     </p>
                     {{ end }}
+                    <p class="inline column col2">
+                        <img src="/icons/license.svg" class="icon-as-text" alt=""/>
+                        {{ i18n "license" }}&nbsp;{{ $appdata.license | markdownify }}
+                    </p>
                 </div>
                 <div class="grid flex-center">&nbsp;
                     {{ range .Params.Technical.Links }}
@@ -116,7 +120,7 @@
                             {{ range $links }}
                             <div class="column col{{ len $links | safeHTMLAttr }} col1-fill">
                                 <h3>{{ .Title }}</h3>
-                                <a href="{{ replace .URL "<version>" $appdata.version }}">{{ i18n "download"}} {{ replace .Name "<version>" $appdata.version }}</a>
+                                <a href="{{ replace .URL "<version>" $appdata.version }}">{{ i18n "download" }} {{ replace .Name "<version>" $appdata.version }}</a>
                             </div>
                             {{ end }}
                         </div>

layouts/partials/header.html

@@ -1,5 +1,5 @@
 {{ $white := .Params.HeaderTextWhite }}
-<nav class="{{ if $white }}dark{{ end }} {{ if $white }}text-white{{ end }}">
+<nav class="{{ if $white }}text-white{{ end }}">
     <div class="center nav-flex">
         {{ $currentPage := . }}
         <div class="nav-mobile ">
@@ -13,7 +13,7 @@
             </button>
         </div>
         
-        <div class="navbar-menu {{ if $white }}dark{{ end }}">
+        <div class="navbar-menu">
             <ul class="navbar-list">
             {{ range .Site.Menus.main.ByWeight }}
                 {{ if .HasChildren }}
@@ -52,7 +52,7 @@
                             <span>{{ i18n "language" }}</span>
                         </li>
                     </a>
-                    <ul class="sub-menu center dark">
+                    <ul class="sub-menu center">
                         {{ range .Translations }}
                         <a href="{{ .Permalink }}" role="button">
                             <li class="background">

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 {
+    /* positioning for mobile */
-        background: var(--nav-background-dark);
-    }
-    
     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 {
+    nav.menu-shown.text-white .icon-monochrome {
-        /*padding-top: 4em;*/
+        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", () => {