Stylistic updates, removing dark menu

This commit is contained in:
Ad5001 2021-06-23 03:18:18 +02:00
parent 4a881df172
commit 9efa26c25e
Signed by: Ad5001
GPG Key ID: EF45F9C6AFE20160
11 changed files with 132 additions and 40 deletions

14
.kdev4/Omegamma.kdev4 Normal file
View File

@ -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

View File

@ -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"
}
}

View File

@ -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"
}
}

View File

@ -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>

View File

@ -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">

View File

@ -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;
}

View File

@ -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);
}
}

View File

@ -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);
}
}

60
static/icons/flag/all.svg Normal file

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 6.9 KiB

1
static/icons/license.svg Normal file
View File

@ -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>

After

Width:  |  Height:  |  Size: 289 B

View File

@ -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", () => {