diff --git a/i18n/en.json b/i18n/en.json new file mode 100644 index 0000000..1ee47ee --- /dev/null +++ b/i18n/en.json @@ -0,0 +1,12 @@ +{ + "worksOn": { + "other": "Works on:" + }, + "learnMore": { + "other": "Learn more" + }, + "language": { + "other": "Language" + } +} + diff --git a/i18n/fr.json b/i18n/fr.json new file mode 100644 index 0000000..dbdf8a9 --- /dev/null +++ b/i18n/fr.json @@ -0,0 +1,12 @@ +{ + "worksOn": { + "other": "Marche sur: " + }, + "learnMore": { + "other": "En savoir +" + }, + "language": { + "other": "Langue" + } +} + diff --git a/icon.svg b/icon.svg new file mode 100644 index 0000000..6d43dcb --- /dev/null +++ b/icon.svg @@ -0,0 +1,84 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + diff --git a/layouts/404.html b/layouts/404.html index e69de29..6125a15 100644 --- a/layouts/404.html +++ b/layouts/404.html @@ -0,0 +1,3 @@ +{{ define "main"}} + 404. Page not found. +{{ end }} diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html index 6144cc6..0a6b5ff 100644 --- a/layouts/partials/footer.html +++ b/layouts/partials/footer.html @@ -5,7 +5,7 @@     {{ range .Site.Menus.social }} - + {{ .Pre }} {{ end }} @@ -14,7 +14,7 @@ {{ .Site.Copyright }}
- {{ .Site.Params.usingTheme }} Omegamma
+ {{ .Site.Params.usingTheme }} Omegamma
{{ .Site.Params.poweredBy }} Hugo
diff --git a/layouts/partials/head.html b/layouts/partials/head.html index 38da6fa..61b36e8 100644 --- a/layouts/partials/head.html +++ b/layouts/partials/head.html @@ -1,11 +1,19 @@ {{ .Site.Title }} - {{ .Title }} + + + {{ hugo.Generator }} + {{ if .IsTranslated }} + {{ range .Translations }} + + {{ end }} + {{ end }} diff --git a/layouts/partials/header.html b/layouts/partials/header.html index 02d6589..def08bc 100644 --- a/layouts/partials/header.html +++ b/layouts/partials/header.html @@ -3,7 +3,7 @@ {{ $currentPage := . }}
- + Ad5001 @@ -16,6 +16,7 @@
diff --git a/layouts/partials/section1.html b/layouts/partials/section1.html index 9079dc1..2c2f18f 100644 --- a/layouts/partials/section1.html +++ b/layouts/partials/section1.html @@ -1,5 +1,13 @@ -
-{{ .Content | safeHTML }} -
+
+
+
+
+ {{ .Content | safeHTML }} +
+
+
+
+
+
diff --git a/static/css/blocks.css b/static/css/blocks.css new file mode 100644 index 0000000..751db14 --- /dev/null +++ b/static/css/blocks.css @@ -0,0 +1,45 @@ + +.block-preview { + /*border: black 1px solid;*/ + box-shadow: 0px 0px 2px 0px #000000; + width: min(25em, calc(100vw - 2em)); + height: 20em; + background-size: cover; + background-repeat: no-repeat; +} + +.block-preview:hover { + box-shadow: 0px 0px 4px 0px #000000; +} + +.block-preview .label { + transition: max-height 0.2s ease-in; + max-height: 20%; + overflow: hidden; + bottom: 0; + background-color: #FFFFFFDD; + padding: 0.5em; + bottom: 0; +} + +.block-preview:hover .label { + max-height: 100%; +} + +.block-preview .label .show-on-hover { + display: none; + transition: opacity 0.2s; + opacity: 0; + max-height: 0; + background: none; +} + +.block-preview:hover .label .show-on-hover { + display: block; + opacity: 1; + max-height: 100%; +} + +.padding-container { + padding: 1em; +} diff --git a/static/css/common.css b/static/css/common.css index b9d3bd8..df1a111 100644 --- a/static/css/common.css +++ b/static/css/common.css @@ -4,15 +4,46 @@ body { margin: 0px; --light-font: 'Metropolis Light', 'Fira Sans Light','Ubuntu Light', 'Noto Sans Light', sans-serif; --primary-color: #50DC71; - --nav-background: #FAFAFA; + --secondary-color: #FAFAFA; + --nav-background: var(--secondary-color); --footer-background: #111111; } +/* button */ + a[role=button] { text-decoration: none; color: black; + cursor: pointer; +} + +a[role=button].primary { + background-color: var(--primary-color); +} + +a[role=button].secondary { + background-color: var(--secondary-color); +} + +a[role=button].primary, a[role=button].secondary { + padding: 0.5em; + text-transform: uppercase; + font-size: larger; + box-shadow: 0px 0px 2px 0px #000000; + transition: box-shadow 0.2s; + line-height: 3em; +} + +a[role=button].primary:active, a[role=button].secondary:active { + box-shadow: 0px 0px 8px 0px #000000; +} + +a[role=button].primary:hover, a[role=button].secondary:hover { + box-shadow: 0px 0px 4px 0px #000000; } +/* format */ + .center { margin-right: auto; margin-left: auto; @@ -32,8 +63,29 @@ a[role=button] { margin-right: 0.4em; } -#content { - padding: 1em; +.icon-larger-text { + width: 1.4em; + height: 1.4em; + margin-right: 0.4em; + margin-top: -0.2em; +} + +h1 { + font-size: xx-large; +} + +h2 { + font-size: x-large; +} + +.grid { + display: flex; + flex-wrap: wrap; + margin: 3px; +} + +.flex { + display: flex !important; } /* Columns */ diff --git a/static/css/custom.css b/static/css/custom.css new file mode 100644 index 0000000..d148bc8 --- /dev/null +++ b/static/css/custom.css @@ -0,0 +1,2 @@ + + diff --git a/static/css/header.css b/static/css/header.css index bc98aeb..daae453 100644 --- a/static/css/header.css +++ b/static/css/header.css @@ -50,6 +50,34 @@ nav .navbar-list { background-color: var(--primary-color); } +.navbar-list li.background { + background-color: var(--nav-background); +} + + +.menu-with-sub { + display: block; +} + +.menu-with-sub .sub-menu { + display: none; + position: absolute; + margin-left: -1.2em; + width: 100%; +} + +.menu-with-sub.toggled .sub-menu { + display: block; +} + +.menu-with-sub:hover .sub-menu { + display: block; +} + +.menu-with-sub .sub-menu:hover { + display: block; +} + #navbar-toggler { border: 0; background: none; @@ -60,7 +88,7 @@ nav .navbar-list { padding-right: 1em; } -@media screen and (max-width: 550px) { +@media screen and (max-width: 700px) { #navbar-toggler { display: block; } @@ -99,7 +127,7 @@ nav .navbar-list { .navbar-list { display: block !important; - width: 100%; + width: 100vw; height: 100%; padding-left: 0; } @@ -109,7 +137,16 @@ nav .navbar-list { display: flex; } + .menu-with-sub { + display: block; + } + + .menu-with-sub .sub-menu { + margin-left: 1em; + display: ruby; + } + #content { - padding-top: 3em; + padding-top: 4em; } } diff --git a/static/css/sections.css b/static/css/sections.css index 8a83421..1a0df5d 100644 --- a/static/css/sections.css +++ b/static/css/sections.css @@ -1,6 +1,17 @@ + +section.section1 { + background-size: cover; + background-repeat: no-repeat; + color: black; + padding-left: 1em; + padding-top: 1em; + padding-right: 1em; +} + .section-end-triangle { width: 0; height: 0; + margin-left: -1em; border-top-width: 3em; border-top-style: solid; border-top-color: transparent; diff --git a/static/icons/apps/accountfree.png b/static/icons/apps/accountfree.png new file mode 100644 index 0000000..5126188 Binary files /dev/null and b/static/icons/apps/accountfree.png differ diff --git a/static/icons/apps/ad5001.eu.png b/static/icons/apps/ad5001.eu.png new file mode 100644 index 0000000..23df950 Binary files /dev/null and b/static/icons/apps/ad5001.eu.png differ diff --git a/static/icons/apps/logarithmplotter.png b/static/icons/apps/logarithmplotter.png new file mode 100644 index 0000000..f406161 Binary files /dev/null and b/static/icons/apps/logarithmplotter.png differ diff --git a/static/icons/apps/omegamma.png b/static/icons/apps/omegamma.png new file mode 100644 index 0000000..dce6ab7 Binary files /dev/null and b/static/icons/apps/omegamma.png differ diff --git a/static/icons/flag/en.svg b/static/icons/flag/en.svg new file mode 100644 index 0000000..36c9889 --- /dev/null +++ b/static/icons/flag/en.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/static/icons/flag/fr.svg b/static/icons/flag/fr.svg new file mode 100644 index 0000000..a4bded5 --- /dev/null +++ b/static/icons/flag/fr.svg @@ -0,0 +1,2 @@ + + diff --git a/static/icons/lang.svg b/static/icons/lang.svg new file mode 100644 index 0000000..9f5cd3e --- /dev/null +++ b/static/icons/lang.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/static/icons/lookup.svg b/static/icons/lookup.svg new file mode 100644 index 0000000..595cf91 --- /dev/null +++ b/static/icons/lookup.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/static/icons/open-external.svg b/static/icons/open-external.svg new file mode 100644 index 0000000..892e634 --- /dev/null +++ b/static/icons/open-external.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/static/icons/platform/Linux.svg b/static/icons/platform/Linux.svg new file mode 100644 index 0000000..01e7883 --- /dev/null +++ b/static/icons/platform/Linux.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/static/icons/platform/MacOSX.svg b/static/icons/platform/MacOSX.svg new file mode 100644 index 0000000..edd3105 --- /dev/null +++ b/static/icons/platform/MacOSX.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/static/icons/platform/Web.svg b/static/icons/platform/Web.svg new file mode 100644 index 0000000..8008bf0 --- /dev/null +++ b/static/icons/platform/Web.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/static/icons/platform/Windows.svg b/static/icons/platform/Windows.svg new file mode 100644 index 0000000..2a1a342 --- /dev/null +++ b/static/icons/platform/Windows.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/static/img/mastodon.svg b/static/img/mastodon.svg deleted file mode 100644 index 2b22603..0000000 --- a/static/img/mastodon.svg +++ /dev/null @@ -1,50 +0,0 @@ - -image/svg+xml diff --git a/static/img/preview/accountfree.png b/static/img/preview/accountfree.png new file mode 100644 index 0000000..c1a6a19 Binary files /dev/null and b/static/img/preview/accountfree.png differ diff --git a/static/img/preview/logarithmplotter.png b/static/img/preview/logarithmplotter.png new file mode 100644 index 0000000..5c21046 Binary files /dev/null and b/static/img/preview/logarithmplotter.png differ diff --git a/static/img/preview/nowox.png b/static/img/preview/nowox.png new file mode 100644 index 0000000..c77b611 Binary files /dev/null and b/static/img/preview/nowox.png differ diff --git a/static/js/header.js b/static/js/header.js index 8067907..f8534de 100644 --- a/static/js/header.js +++ b/static/js/header.js @@ -7,4 +7,9 @@ window.addEventListener("load", () => { menu.classList.toggle('shown'); nav.classList.toggle('menuShown'); }) + document.querySelectorAll(".menu-with-sub").forEach(menu => { + menu.querySelector("a").addEventListener("click", () => { + menu.classList.toggle('toggled'); + }) + }) })