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 @@
+
+
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 @@
{{ range .Site.Menus.main }}
{{ if .HasChildren }}
+
{{ else }}
-
-
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 @@
-
-
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');
+ })
+ })
})