From 797ce896ad077888ac507e075d8b8ffae0012e0c Mon Sep 17 00:00:00 2001 From: zoe Date: Fri, 27 May 2022 17:11:36 +0200 Subject: [PATCH] fallbacks for noscript --- assets/scss/colors.scss | 1 - assets/scss/layout.scss | 6 +++++- assets/scss/main.scss | 3 ++- assets/scss/noscript.scss | 4 ++++ assets/scss/style.scss | 7 +++++++ layouts/_default/nav.html | 22 ++++++++++++++++++++++ layouts/partials/footer.html | 15 +++++++++++++-- layouts/shortcodes/randomword.html | 2 +- static/js/main.js | 2 ++ static/js/noscript.js | 10 ++++++++++ 10 files changed, 66 insertions(+), 6 deletions(-) create mode 100644 assets/scss/noscript.scss create mode 100644 layouts/_default/nav.html create mode 100644 static/js/noscript.js diff --git a/assets/scss/colors.scss b/assets/scss/colors.scss index 2076fc2..eebd932 100644 --- a/assets/scss/colors.scss +++ b/assets/scss/colors.scss @@ -53,7 +53,6 @@ a { background-color: $dark-fg; } } - a.footer-nav-item.active, a.footer-nav-item:hover { &.light { diff --git a/assets/scss/layout.scss b/assets/scss/layout.scss index 03e55ce..3c24408 100644 --- a/assets/scss/layout.scss +++ b/assets/scss/layout.scss @@ -32,6 +32,7 @@ footer { #content ul, #content ol, #content table, +#content nav, .embed, code, .postdescription, @@ -50,6 +51,10 @@ hr, height: 100%; } +#replacement-burger{ + display: flex; +} + #content .embed{ display: block; overflow: hidden; @@ -107,7 +112,6 @@ p code{ } #footer-right * { - display: flex; margin-top: auto; margin-bottom: auto; } diff --git a/assets/scss/main.scss b/assets/scss/main.scss index f6b6554..155c700 100644 --- a/assets/scss/main.scss +++ b/assets/scss/main.scss @@ -1,5 +1,6 @@ +@import "./noscript"; @import "./colors"; @import "./layout"; @import "./font"; @import "./style"; -@import "./responsive" +@import "./responsive"; diff --git a/assets/scss/noscript.scss b/assets/scss/noscript.scss new file mode 100644 index 0000000..306e73d --- /dev/null +++ b/assets/scss/noscript.scss @@ -0,0 +1,4 @@ +.flexjs, +.iflexjs { + display: none; +} diff --git a/assets/scss/style.scss b/assets/scss/style.scss index b806b37..2d2d9b0 100644 --- a/assets/scss/style.scss +++ b/assets/scss/style.scss @@ -68,6 +68,12 @@ button{ cursor: pointer; } + +#replacement-burger{ + width: 24pt; + height: 24pt; +} + .togglelabel { border: solid; } @@ -112,6 +118,7 @@ h6 { } .postdescription, +#content nav, #content p, #content ul, #content ol, diff --git a/layouts/_default/nav.html b/layouts/_default/nav.html new file mode 100644 index 0000000..85372f2 --- /dev/null +++ b/layouts/_default/nav.html @@ -0,0 +1,22 @@ +{{ define "main" }} +
+
+

+ {{ .Title }} +

+
+
+
+ {{ .Content }} +

+

+

+
+
+
+{{ end }} diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html index 21de32e..7003361 100644 --- a/layouts/partials/footer.html +++ b/layouts/partials/footer.html @@ -4,15 +4,26 @@ +
+
+
+ +
+ + diff --git a/layouts/shortcodes/randomword.html b/layouts/shortcodes/randomword.html index 5fdf4fd..7c3105c 100644 --- a/layouts/shortcodes/randomword.html +++ b/layouts/shortcodes/randomword.html @@ -1 +1 @@ - + diff --git a/static/js/main.js b/static/js/main.js index fbd249e..440c3ac 100644 --- a/static/js/main.js +++ b/static/js/main.js @@ -1,9 +1,11 @@ import { updateMode } from "./lightmode.js"; import { activateHamburger } from "./hamburger.js"; import { randomizeWords } from "./randomword.js"; +import { unhide_elements } from "./noscript.js"; document.addEventListener("DOMContentLoaded", () => { updateMode(); activateHamburger(); randomizeWords(); + unhide_elements(); }); diff --git a/static/js/noscript.js b/static/js/noscript.js new file mode 100644 index 0000000..bfbce2b --- /dev/null +++ b/static/js/noscript.js @@ -0,0 +1,10 @@ +const flexes = document.getElementsByClassName("flexjs"); +const iflexes = document.getElementsByClassName("iflexjs"); +export function unhide_elements() { + for (let element of flexes) { + element.style.display = "flex"; + } + for (let element of iflexes) { + element.style.display = "inline-flex"; + } +}