Stylistic updates, removing dark menu
This commit is contained in:
parent
4a881df172
commit
9efa26c25e
GPG key ID:
EF45F9C6AFE20160
11 changed files with 132 additions and 40 deletions
14
.kdev4/Omegamma.kdev4
Normal file
14
.kdev4/Omegamma.kdev4
Normal 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
|
||||
20
i18n/en.json
20
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"
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
20
i18n/fr.json
20
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"
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -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" }} {{ $appdata.license | markdownify }}
|
||||
</p>
|
||||
</div>
|
||||
<div class="grid flex-center">
|
||||
{{ 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>
|
||||
|
|
|
|||
|
|
@ -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">
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -162,7 +149,16 @@ nav .navbar-list {
|
|||
display: ruby;
|
||||
}
|
||||
|
||||
#content {
|
||||
/*padding-top: 4em;*/
|
||||
/* 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;
|
||||
}
|
||||
|
||||
nav.menu-shown.text-white .icon-monochrome {
|
||||
filter: unset;
|
||||
}
|
||||
|
||||
nav.menu-shown.text-white .navbar-list li.background {
|
||||
background-color: var(--nav-background);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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
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
1
static/icons/license.svg
Normal 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 |
|
|
@ -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", () => {
|
||||
|
|
|
|||
Loading…
Reference in a new issue