fallbacks for noscript

content/links/cool_people.md

@@ -26,7 +26,7 @@ theres [pastel.codes](https://pastel.codes/) and [pentagram.site](https://pentag
 
 ## elysia
 
-{{< randomword "fae, she, xey, sie, it, they, sin" >}} is cool and queer and also cats! what's not to love! [go look!](http://alphamethyl.barr0w.net/~elysia/)
+{{< randomword "fae, she, xey, sie, it, they, sin" "there would be a pronoun here if javascript was on">}} is cool and queer and also cats! what's not to love! [go look!](http://alphamethyl.barr0w.net/~elysia/)
 this type of website also just makes me happy!
 
 ## barrow

content/nav/_index.md

@@ -0,0 +1,7 @@
+---
+title: "navigation"
+date: 2022-05-27T13:40:38+02:00
+type: "nav"
+layout: "nav"
+draft: false
+---

content/software/_index.md

@@ -7,4 +7,4 @@ menu:
         name: ""
 ---
 
-wow this software is so {{<randomword "insert buzzword, innovative, groundbreaking, awe inspiring, cyber, enterprise ready, revolutionary">}} it is {{<randomword "insert buzzword, disrupting the industry, moving fast and breaking things, revolutionizing the industry, at least web 9000.0">}}
+wow this software is so {{<randomword "insert buzzword, innovative, groundbreaking, awe inspiring, cyber, enterprise ready, revolutionary" "javascript disabled">}} it is {{<randomword "insert buzzword, disrupting the industry, moving fast and breaking things, revolutionizing the industry, at least web 9000.0" "javascript disabled">}}

node_modules/.bin/prettier

@@ -0,0 +1 @@
+../prettier/bin-prettier.js

node_modules/.package-lock.json

@@ -0,0 +1,22 @@
+{
+  "name": "hugo-batsite",
+  "lockfileVersion": 2,
+  "requires": true,
+  "packages": {
+    "node_modules/prettier": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.6.2.tgz",
+      "integrity": "sha512-PkUpF+qoXTqhOeWL9fu7As8LXsIUZ1WYaJiY/a7McAQzxjk82OF0tibkFXVCDImZtWxbvojFjerkiLb0/q8mew==",
+      "dev": true,
+      "bin": {
+        "prettier": "bin-prettier.js"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      },
+      "funding": {
+        "url": "https://github.com/prettier/prettier?sponsor=1"
+      }
+    }
+  }
+}

node_modules/prettier/README.md

@@ -0,0 +1,111 @@
+![Prettier Banner](https://unpkg.com/prettier-logo@1.0.3/images/prettier-banner-light.svg)
+
+<h2 align="center">Opinionated Code Formatter</h2>
+
+<p align="center">
+  <em>
+    JavaScript
+    · TypeScript
+    · Flow
+    · JSX
+    · JSON
+  </em>
+  <br />
+  <em>
+    CSS
+    · SCSS
+    · Less
+  </em>
+  <br />
+  <em>
+    HTML
+    · Vue
+    · Angular
+  </em>
+  <br />
+  <em>
+    GraphQL
+    · Markdown
+    · YAML
+  </em>
+  <br />
+  <em>
+    <a href="https://prettier.io/docs/en/plugins.html">
+      Your favorite language?
+    </a>
+  </em>
+</p>
+
+<p align="center">
+  <a href="https://github.com/prettier/prettier/actions?query=workflow%3AProd+branch%3Amain">
+    <img alt="Github Actions Build Status" src="https://img.shields.io/github/workflow/status/prettier/prettier/Prod?label=Prod&style=flat-square"></a>
+  <a href="https://github.com/prettier/prettier/actions?query=workflow%3ADev+branch%3Amain">
+    <img alt="Github Actions Build Status" src="https://img.shields.io/github/workflow/status/prettier/prettier/Dev?label=Dev&style=flat-square"></a>
+  <a href="https://github.com/prettier/prettier/actions?query=workflow%3ALint+branch%3Amain">
+    <img alt="Github Actions Build Status" src="https://img.shields.io/github/workflow/status/prettier/prettier/Lint?label=Lint&style=flat-square"></a>
+  <a href="https://codecov.io/gh/prettier/prettier">
+    <img alt="Codecov Coverage Status" src="https://img.shields.io/codecov/c/github/prettier/prettier.svg?style=flat-square"></a>
+  <a href="https://twitter.com/acdlite/status/974390255393505280">
+    <img alt="Blazing Fast" src="https://img.shields.io/badge/speed-blazing%20%F0%9F%94%A5-brightgreen.svg?style=flat-square"></a>
+  <br/>
+  <a href="https://www.npmjs.com/package/prettier">
+    <img alt="npm version" src="https://img.shields.io/npm/v/prettier.svg?style=flat-square"></a>
+  <a href="https://www.npmjs.com/package/prettier">
+    <img alt="weekly downloads from npm" src="https://img.shields.io/npm/dw/prettier.svg?style=flat-square"></a>
+  <a href="#badge">
+    <img alt="code style: prettier" src="https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square"></a>
+  <a href="https://gitter.im/jlongster/prettier">
+    <img alt="Chat on Gitter" src="https://img.shields.io/gitter/room/jlongster/prettier.svg?style=flat-square"></a>
+  <a href="https://twitter.com/PrettierCode">
+    <img alt="Follow Prettier on Twitter" src="https://img.shields.io/twitter/follow/prettiercode.svg?label=follow+prettier&style=flat-square"></a>
+</p>
+
+## Intro
+
+Prettier is an opinionated code formatter. It enforces a consistent style by parsing your code and re-printing it with its own rules that take the maximum line length into account, wrapping code when necessary.
+
+### Input
+
+<!-- prettier-ignore -->
+```js
+foo(reallyLongArg(), omgSoManyParameters(), IShouldRefactorThis(), isThereSeriouslyAnotherOne());
+```
+
+### Output
+
+```js
+foo(
+  reallyLongArg(),
+  omgSoManyParameters(),
+  IShouldRefactorThis(),
+  isThereSeriouslyAnotherOne()
+);
+```
+
+Prettier can be run [in your editor](https://prettier.io/docs/en/editors.html) on-save, in a [pre-commit hook](https://prettier.io/docs/en/precommit.html), or in [CI environments](https://prettier.io/docs/en/cli.html#list-different) to ensure your codebase has a consistent style without devs ever having to post a nit-picky comment on a code review ever again!
+
+---
+
+**[Documentation](https://prettier.io/docs/en/)**
+
+<!-- prettier-ignore -->
+[Install](https://prettier.io/docs/en/install.html) ·
+[Options](https://prettier.io/docs/en/options.html) ·
+[CLI](https://prettier.io/docs/en/cli.html) ·
+[API](https://prettier.io/docs/en/api.html)
+
+**[Playground](https://prettier.io/playground/)**
+
+---
+
+## Badge
+
+Show the world you're using _Prettier_ → [![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)
+
+```md
+[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)
+```
+
+## Contributing
+
+See [CONTRIBUTING.md](CONTRIBUTING.md).

node_modules/prettier/bin-prettier.js

@@ -0,0 +1,62 @@
+#!/usr/bin/env node
+"use strict";
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __commonJS = function(cb, mod) {
+  return function __require() {
+    return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+  };
+};
+
+// node_modules/semver-compare/index.js
+var require_semver_compare = __commonJS({
+  "node_modules/semver-compare/index.js": function(exports2, module2) {
+    module2.exports = function cmp(a, b) {
+      var pa = a.split(".");
+      var pb = b.split(".");
+      for (var i = 0; i < 3; i++) {
+        var na = Number(pa[i]);
+        var nb = Number(pb[i]);
+        if (na > nb)
+          return 1;
+        if (nb > na)
+          return -1;
+        if (!isNaN(na) && isNaN(nb))
+          return 1;
+        if (isNaN(na) && !isNaN(nb))
+          return -1;
+      }
+      return 0;
+    };
+  }
+});
+
+// node_modules/please-upgrade-node/index.js
+var require_please_upgrade_node = __commonJS({
+  "node_modules/please-upgrade-node/index.js": function(exports2, module2) {
+    var semverCompare = require_semver_compare();
+    module2.exports = function pleaseUpgradeNode2(pkg, opts) {
+      var opts = opts || {};
+      var requiredVersion = pkg.engines.node.replace(">=", "");
+      var currentVersion = process.version.replace("v", "");
+      if (semverCompare(currentVersion, requiredVersion) === -1) {
+        if (opts.message) {
+          console.error(opts.message(requiredVersion));
+        } else {
+          console.error(pkg.name + " requires at least version " + requiredVersion + " of Node, please upgrade");
+        }
+        if (opts.hasOwnProperty("exitCode")) {
+          process.exit(opts.exitCode);
+        } else {
+          process.exit(1);
+        }
+      }
+    };
+  }
+});
+
+// bin/prettier.js
+var pleaseUpgradeNode = require_please_upgrade_node();
+var packageJson = require("./package.json");
+pleaseUpgradeNode(packageJson);
+var cli = require("./cli.js");
+module.exports = cli.run(process.argv.slice(2));

node_modules/prettier/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "prettier",
+  "version": "2.6.2",
+  "description": "Prettier is an opinionated code formatter",
+  "bin": "./bin-prettier.js",
+  "repository": "prettier/prettier",
+  "funding": "https://github.com/prettier/prettier?sponsor=1",
+  "homepage": "https://prettier.io",
+  "author": "James Long",
+  "license": "MIT",
+  "main": "./index.js",
+  "browser": "./standalone.js",
+  "unpkg": "./standalone.js",
+  "engines": {
+    "node": ">=10.13.0"
+  },
+  "files": [
+    "*.js",
+    "esm/*.mjs"
+  ],
+  "scripts": {
+    "prepublishOnly": "node -e \"assert.equal(require('.').version, require('..').version)\""
+  }
+}

package-lock.json

@@ -0,0 +1,35 @@
+{
+  "name": "hugo-batsite",
+  "lockfileVersion": 2,
+  "requires": true,
+  "packages": {
+    "": {
+      "devDependencies": {
+        "prettier": "2.6.2"
+      }
+    },
+    "node_modules/prettier": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.6.2.tgz",
+      "integrity": "sha512-PkUpF+qoXTqhOeWL9fu7As8LXsIUZ1WYaJiY/a7McAQzxjk82OF0tibkFXVCDImZtWxbvojFjerkiLb0/q8mew==",
+      "dev": true,
+      "bin": {
+        "prettier": "bin-prettier.js"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      },
+      "funding": {
+        "url": "https://github.com/prettier/prettier?sponsor=1"
+      }
+    }
+  },
+  "dependencies": {
+    "prettier": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.6.2.tgz",
+      "integrity": "sha512-PkUpF+qoXTqhOeWL9fu7As8LXsIUZ1WYaJiY/a7McAQzxjk82OF0tibkFXVCDImZtWxbvojFjerkiLb0/q8mew==",
+      "dev": true
+    }
+  }
+}

package.json

@@ -0,0 +1,5 @@
+{
+  "devDependencies": {
+    "prettier": "2.6.2"
+  }
+}

public/categories/index.html

@@ -32,23 +32,34 @@
 <nav id="footer-nav" aria-label="navigation">
     
     
-    <a class="footer-nav-item colorswitch" href="/" title="home"></a>
+    <a class="footer-nav-item colorswitch" href="/" title="home"> </a>
     
-    <a class="footer-nav-item colorswitch" href="/links/" title="links"></a>
+    <a class="footer-nav-item colorswitch" href="/links/" title="links"> </a>
     
-    <a class="footer-nav-item colorswitch" href="/music/" title="music"></a>
+    <a class="footer-nav-item colorswitch" href="/music/" title="music"> </a>
     
-    <a class="footer-nav-item colorswitch" href="/games/" title="games"></a>
+    <a class="footer-nav-item colorswitch" href="/games/" title="games"> </a>
     
-    <a class="footer-nav-item colorswitch" href="/software/" title="software"></a>
+    <a class="footer-nav-item colorswitch" href="/software/" title="software"> </a>
     
 </nav>
 </span>
 <span id="footer-right">
+        <div class="flexjs">
         <input type="checkbox" id="darkmode-toggle" aria-label="darkmode toggle" class="toggleinput">
         <label class="togglelabel colorswitch" for="darkmode-toggle" aria-label="darkmode toggle" role="checkbox" id="darkmode-toggle-label"></label>
+        </div>
+        <div class="flexjs">
         <button type="button" id="darkmode-button-small" class="colorswitch hamburger"></button>
+        <nav aria-label="hamburger menu">
         <button type="button" id="hamburger-button" class="colorswitch hamburger" title="hamburger navigation menu button"></button>
+        </nav>
+        </div>
+        <noscript>
+            <nav>
+            <a class="colorswitch footer-nav-item" id="replacement-burger" href="/nav"></a>
+            </nav>
+        </noscript>
         <div class="hamburger colorswitch hidden" id="hamburger-bg">
 <nav id="hamburger-nav" aria-label="navigation">
     
@@ -64,8 +75,8 @@
     <a class="hamburger-nav-item colorswitch" href="/software/" title="software"> software</a><br>
     
 </nav>
-        </div>
 </span>
+</noscript>
 </footer>
 </body>
 </html>

public/games/index.html

@@ -46,23 +46,34 @@ hope you have fun playing them! but if you don’t that sounds like a person
 <nav id="footer-nav" aria-label="navigation">
     
     
-    <a class="footer-nav-item colorswitch" href="/" title="home"></a>
+    <a class="footer-nav-item colorswitch" href="/" title="home"> </a>
     
-    <a class="footer-nav-item colorswitch" href="/links/" title="links"></a>
+    <a class="footer-nav-item colorswitch" href="/links/" title="links"> </a>
     
-    <a class="footer-nav-item colorswitch" href="/music/" title="music"></a>
+    <a class="footer-nav-item colorswitch" href="/music/" title="music"> </a>
     
-    <a class="footer-nav-item active colorswitch" href="/games/" title="games"></a>
+    <a class="footer-nav-item active colorswitch" href="/games/" title="games"> </a>
     
-    <a class="footer-nav-item colorswitch" href="/software/" title="software"></a>
+    <a class="footer-nav-item colorswitch" href="/software/" title="software"> </a>
     
 </nav>
 </span>
 <span id="footer-right">
+        <div class="flexjs">
         <input type="checkbox" id="darkmode-toggle" aria-label="darkmode toggle" class="toggleinput">
         <label class="togglelabel colorswitch" for="darkmode-toggle" aria-label="darkmode toggle" role="checkbox" id="darkmode-toggle-label"></label>
+        </div>
+        <div class="flexjs">
         <button type="button" id="darkmode-button-small" class="colorswitch hamburger"></button>
+        <nav aria-label="hamburger menu">
         <button type="button" id="hamburger-button" class="colorswitch hamburger" title="hamburger navigation menu button"></button>
+        </nav>
+        </div>
+        <noscript>
+            <nav>
+            <a class="colorswitch footer-nav-item" id="replacement-burger" href="/nav"></a>
+            </nav>
+        </noscript>
         <div class="hamburger colorswitch hidden" id="hamburger-bg">
 <nav id="hamburger-nav" aria-label="navigation">
     
@@ -78,8 +89,8 @@ hope you have fun playing them! but if you don&rsquo;t that sounds like a person
     <a class="hamburger-nav-item colorswitch" href="/software/" title="software"> software</a><br>
     
 </nav>
-        </div>
 </span>
+</noscript>
 </footer>
 </body>
 </html>

public/games/plantgame/index.html

@@ -43,23 +43,34 @@ i made this game together with <a href="/links/buddies/#tess">tess</a> for the <
 <nav id="footer-nav" aria-label="navigation">
     
     
-    <a class="footer-nav-item colorswitch" href="/" title="home"></a>
+    <a class="footer-nav-item colorswitch" href="/" title="home"> </a>
     
-    <a class="footer-nav-item colorswitch" href="/links/" title="links"></a>
+    <a class="footer-nav-item colorswitch" href="/links/" title="links"> </a>
     
-    <a class="footer-nav-item colorswitch" href="/music/" title="music"></a>
+    <a class="footer-nav-item colorswitch" href="/music/" title="music"> </a>
     
-    <a class="footer-nav-item active colorswitch" href="/games/" title="games"></a>
+    <a class="footer-nav-item active colorswitch" href="/games/" title="games"> </a>
     
-    <a class="footer-nav-item colorswitch" href="/software/" title="software"></a>
+    <a class="footer-nav-item colorswitch" href="/software/" title="software"> </a>
     
 </nav>
 </span>
 <span id="footer-right">
+        <div class="flexjs">
         <input type="checkbox" id="darkmode-toggle" aria-label="darkmode toggle" class="toggleinput">
         <label class="togglelabel colorswitch" for="darkmode-toggle" aria-label="darkmode toggle" role="checkbox" id="darkmode-toggle-label"></label>
+        </div>
+        <div class="flexjs">
         <button type="button" id="darkmode-button-small" class="colorswitch hamburger"></button>
+        <nav aria-label="hamburger menu">
         <button type="button" id="hamburger-button" class="colorswitch hamburger" title="hamburger navigation menu button"></button>
+        </nav>
+        </div>
+        <noscript>
+            <nav>
+            <a class="colorswitch footer-nav-item" id="replacement-burger" href="/nav"></a>
+            </nav>
+        </noscript>
         <div class="hamburger colorswitch hidden" id="hamburger-bg">
 <nav id="hamburger-nav" aria-label="navigation">
     
@@ -75,8 +86,8 @@ i made this game together with <a href="/links/buddies/#tess">tess</a> for the <
     <a class="hamburger-nav-item colorswitch" href="/software/" title="software"> software</a><br>
     
 </nav>
-        </div>
 </span>
+</noscript>
 </footer>
 </body>
 </html>

public/games/trainyard-trouble/index.html

@@ -46,23 +46,34 @@ the plan was to try out godot 4, which was in alpha 4 at that point, and most of
 <nav id="footer-nav" aria-label="navigation">
     
     
-    <a class="footer-nav-item colorswitch" href="/" title="home"></a>
+    <a class="footer-nav-item colorswitch" href="/" title="home"> </a>
     
-    <a class="footer-nav-item colorswitch" href="/links/" title="links"></a>
+    <a class="footer-nav-item colorswitch" href="/links/" title="links"> </a>
     
-    <a class="footer-nav-item colorswitch" href="/music/" title="music"></a>
+    <a class="footer-nav-item colorswitch" href="/music/" title="music"> </a>
     
-    <a class="footer-nav-item active colorswitch" href="/games/" title="games"></a>
+    <a class="footer-nav-item active colorswitch" href="/games/" title="games"> </a>
     
-    <a class="footer-nav-item colorswitch" href="/software/" title="software"></a>
+    <a class="footer-nav-item colorswitch" href="/software/" title="software"> </a>
     
 </nav>
 </span>
 <span id="footer-right">
+        <div class="flexjs">
         <input type="checkbox" id="darkmode-toggle" aria-label="darkmode toggle" class="toggleinput">
         <label class="togglelabel colorswitch" for="darkmode-toggle" aria-label="darkmode toggle" role="checkbox" id="darkmode-toggle-label"></label>
+        </div>
+        <div class="flexjs">
         <button type="button" id="darkmode-button-small" class="colorswitch hamburger"></button>
+        <nav aria-label="hamburger menu">
         <button type="button" id="hamburger-button" class="colorswitch hamburger" title="hamburger navigation menu button"></button>
+        </nav>
+        </div>
+        <noscript>
+            <nav>
+            <a class="colorswitch footer-nav-item" id="replacement-burger" href="/nav"></a>
+            </nav>
+        </noscript>
         <div class="hamburger colorswitch hidden" id="hamburger-bg">
 <nav id="hamburger-nav" aria-label="navigation">
     
@@ -78,8 +89,8 @@ the plan was to try out godot 4, which was in alpha 4 at that point, and most of
     <a class="hamburger-nav-item colorswitch" href="/software/" title="software"> software</a><br>
     
 </nav>
-        </div>
 </span>
+</noscript>
 </footer>
 </body>
 </html>

public/index.html

@@ -55,23 +55,34 @@ i&rsquo;m also trans and gay and queer :)</p>
 <nav id="footer-nav" aria-label="navigation">
     
     
-    <a class="footer-nav-item active colorswitch" href="/" title="home"></a>
+    <a class="footer-nav-item active colorswitch" href="/" title="home"> </a>
     
-    <a class="footer-nav-item colorswitch" href="/links/" title="links"></a>
+    <a class="footer-nav-item colorswitch" href="/links/" title="links"> </a>
     
-    <a class="footer-nav-item colorswitch" href="/music/" title="music"></a>
+    <a class="footer-nav-item colorswitch" href="/music/" title="music"> </a>
     
-    <a class="footer-nav-item colorswitch" href="/games/" title="games"></a>
+    <a class="footer-nav-item colorswitch" href="/games/" title="games"> </a>
     
-    <a class="footer-nav-item colorswitch" href="/software/" title="software"></a>
+    <a class="footer-nav-item colorswitch" href="/software/" title="software"> </a>
     
 </nav>
 </span>
 <span id="footer-right">
+        <div class="flexjs">
         <input type="checkbox" id="darkmode-toggle" aria-label="darkmode toggle" class="toggleinput">
         <label class="togglelabel colorswitch" for="darkmode-toggle" aria-label="darkmode toggle" role="checkbox" id="darkmode-toggle-label"></label>
+        </div>
+        <div class="flexjs">
         <button type="button" id="darkmode-button-small" class="colorswitch hamburger"></button>
+        <nav aria-label="hamburger menu">
         <button type="button" id="hamburger-button" class="colorswitch hamburger" title="hamburger navigation menu button"></button>
+        </nav>
+        </div>
+        <noscript>
+            <nav>
+            <a class="colorswitch footer-nav-item" id="replacement-burger" href="/nav"></a>
+            </nav>
+        </noscript>
         <div class="hamburger colorswitch hidden" id="hamburger-bg">
 <nav id="hamburger-nav" aria-label="navigation">
     
@@ -87,8 +98,8 @@ i&rsquo;m also trans and gay and queer :)</p>
     <a class="hamburger-nav-item colorswitch" href="/software/" title="software"> software</a><br>
     
 </nav>
-        </div>
 </span>
+</noscript>
 </footer>
 </body>
 </html>

public/index.xml

@@ -6,7 +6,7 @@
     <description>Recent content in home on bat</description>
     <generator>Hugo -- gohugo.io</generator>
     <language>eng</language>
-    <lastBuildDate>Fri, 29 Apr 2022 14:50:29 +0200</lastBuildDate><atom:link href="https://zoe.kittycat.homes/index.xml" rel="self" type="application/rss+xml" />
+    <lastBuildDate>Fri, 27 May 2022 13:40:38 +0200</lastBuildDate><atom:link href="https://zoe.kittycat.homes/index.xml" rel="self" type="application/rss+xml" />
     <item>
       <title>trainyard trouble</title>
       <link>https://zoe.kittycat.homes/games/trainyard-trouble/</link>

public/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();
 });

public/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";
+  }
+}

public/links/buddies/index.html

@@ -46,7 +46,7 @@ theres <a href="https://pastel.codes/">pastel.codes</a> and <a href="https://pen
     &nbsp;elysia
     </a>
 </h2>
-<p><button class="randomword-button colorswitch" data-wordlist="fae, she, xey, sie, it, they, sin"></button>
+<p><button class="randomword-button colorswitch" data-wordlist="fae, she, xey, sie, it, they, sin"><noscript>there would be a pronoun here if javascript was on</noscript></button>
  is cool and queer and also cats! what&rsquo;s not to love! <a href="http://alphamethyl.barr0w.net/~elysia/">go look!</a>
 this type of website also just makes me happy!</p>
 <h2 id="barrow" class="colorswitch">
@@ -73,23 +73,34 @@ this type of website also just makes me happy!</p>
 <nav id="footer-nav" aria-label="navigation">
     
     
-    <a class="footer-nav-item colorswitch" href="/" title="home"></a>
+    <a class="footer-nav-item colorswitch" href="/" title="home"> </a>
     
-    <a class="footer-nav-item active colorswitch" href="/links/" title="links"></a>
+    <a class="footer-nav-item active colorswitch" href="/links/" title="links"> </a>
     
-    <a class="footer-nav-item colorswitch" href="/music/" title="music"></a>
+    <a class="footer-nav-item colorswitch" href="/music/" title="music"> </a>
     
-    <a class="footer-nav-item colorswitch" href="/games/" title="games"></a>
+    <a class="footer-nav-item colorswitch" href="/games/" title="games"> </a>
     
-    <a class="footer-nav-item colorswitch" href="/software/" title="software"></a>
+    <a class="footer-nav-item colorswitch" href="/software/" title="software"> </a>
     
 </nav>
 </span>
 <span id="footer-right">
+        <div class="flexjs">
         <input type="checkbox" id="darkmode-toggle" aria-label="darkmode toggle" class="toggleinput">
         <label class="togglelabel colorswitch" for="darkmode-toggle" aria-label="darkmode toggle" role="checkbox" id="darkmode-toggle-label"></label>
+        </div>
+        <div class="flexjs">
         <button type="button" id="darkmode-button-small" class="colorswitch hamburger"></button>
+        <nav aria-label="hamburger menu">
         <button type="button" id="hamburger-button" class="colorswitch hamburger" title="hamburger navigation menu button"></button>
+        </nav>
+        </div>
+        <noscript>
+            <nav>
+            <a class="colorswitch footer-nav-item" id="replacement-burger" href="/nav"></a>
+            </nav>
+        </noscript>
         <div class="hamburger colorswitch hidden" id="hamburger-bg">
 <nav id="hamburger-nav" aria-label="navigation">
     
@@ -105,8 +116,8 @@ this type of website also just makes me happy!</p>
     <a class="hamburger-nav-item colorswitch" href="/software/" title="software"> software</a><br>
     
 </nav>
-        </div>
 </span>
+</noscript>
 </footer>
 </body>
 </html>

public/links/contact/index.html

@@ -41,23 +41,34 @@
 <nav id="footer-nav" aria-label="navigation">
     
     
-    <a class="footer-nav-item colorswitch" href="/" title="home"></a>
+    <a class="footer-nav-item colorswitch" href="/" title="home"> </a>
     
-    <a class="footer-nav-item active colorswitch" href="/links/" title="links"></a>
+    <a class="footer-nav-item active colorswitch" href="/links/" title="links"> </a>
     
-    <a class="footer-nav-item colorswitch" href="/music/" title="music"></a>
+    <a class="footer-nav-item colorswitch" href="/music/" title="music"> </a>
     
-    <a class="footer-nav-item colorswitch" href="/games/" title="games"></a>
+    <a class="footer-nav-item colorswitch" href="/games/" title="games"> </a>
     
-    <a class="footer-nav-item colorswitch" href="/software/" title="software"></a>
+    <a class="footer-nav-item colorswitch" href="/software/" title="software"> </a>
     
 </nav>
 </span>
 <span id="footer-right">
+        <div class="flexjs">
         <input type="checkbox" id="darkmode-toggle" aria-label="darkmode toggle" class="toggleinput">
         <label class="togglelabel colorswitch" for="darkmode-toggle" aria-label="darkmode toggle" role="checkbox" id="darkmode-toggle-label"></label>
+        </div>
+        <div class="flexjs">
         <button type="button" id="darkmode-button-small" class="colorswitch hamburger"></button>
+        <nav aria-label="hamburger menu">
         <button type="button" id="hamburger-button" class="colorswitch hamburger" title="hamburger navigation menu button"></button>
+        </nav>
+        </div>
+        <noscript>
+            <nav>
+            <a class="colorswitch footer-nav-item" id="replacement-burger" href="/nav"></a>
+            </nav>
+        </noscript>
         <div class="hamburger colorswitch hidden" id="hamburger-bg">
 <nav id="hamburger-nav" aria-label="navigation">
     
@@ -73,8 +84,8 @@
     <a class="hamburger-nav-item colorswitch" href="/software/" title="software"> software</a><br>
     
 </nav>
-        </div>
 </span>
+</noscript>
 </footer>
 </body>
 </html>

public/links/index.html

@@ -50,23 +50,34 @@
 <nav id="footer-nav" aria-label="navigation">
     
     
-    <a class="footer-nav-item colorswitch" href="/" title="home"></a>
+    <a class="footer-nav-item colorswitch" href="/" title="home"> </a>
     
-    <a class="footer-nav-item active colorswitch" href="/links/" title="links"></a>
+    <a class="footer-nav-item active colorswitch" href="/links/" title="links"> </a>
     
-    <a class="footer-nav-item colorswitch" href="/music/" title="music"></a>
+    <a class="footer-nav-item colorswitch" href="/music/" title="music"> </a>
     
-    <a class="footer-nav-item colorswitch" href="/games/" title="games"></a>
+    <a class="footer-nav-item colorswitch" href="/games/" title="games"> </a>
     
-    <a class="footer-nav-item colorswitch" href="/software/" title="software"></a>
+    <a class="footer-nav-item colorswitch" href="/software/" title="software"> </a>
     
 </nav>
 </span>
 <span id="footer-right">
+        <div class="flexjs">
         <input type="checkbox" id="darkmode-toggle" aria-label="darkmode toggle" class="toggleinput">
         <label class="togglelabel colorswitch" for="darkmode-toggle" aria-label="darkmode toggle" role="checkbox" id="darkmode-toggle-label"></label>
+        </div>
+        <div class="flexjs">
         <button type="button" id="darkmode-button-small" class="colorswitch hamburger"></button>
+        <nav aria-label="hamburger menu">
         <button type="button" id="hamburger-button" class="colorswitch hamburger" title="hamburger navigation menu button"></button>
+        </nav>
+        </div>
+        <noscript>
+            <nav>
+            <a class="colorswitch footer-nav-item" id="replacement-burger" href="/nav"></a>
+            </nav>
+        </noscript>
         <div class="hamburger colorswitch hidden" id="hamburger-bg">
 <nav id="hamburger-nav" aria-label="navigation">
     
@@ -82,8 +93,8 @@
     <a class="hamburger-nav-item colorswitch" href="/software/" title="software"> software</a><br>
     
 </nav>
-        </div>
 </span>
+</noscript>
 </footer>
 </body>
 </html>

public/links/nice_things/index.html

@@ -57,23 +57,34 @@ the raw energy of this is just amazing
 <nav id="footer-nav" aria-label="navigation">
     
     
-    <a class="footer-nav-item colorswitch" href="/" title="home"></a>
+    <a class="footer-nav-item colorswitch" href="/" title="home"> </a>
     
-    <a class="footer-nav-item active colorswitch" href="/links/" title="links"></a>
+    <a class="footer-nav-item active colorswitch" href="/links/" title="links"> </a>
     
-    <a class="footer-nav-item colorswitch" href="/music/" title="music"></a>
+    <a class="footer-nav-item colorswitch" href="/music/" title="music"> </a>
     
-    <a class="footer-nav-item colorswitch" href="/games/" title="games"></a>
+    <a class="footer-nav-item colorswitch" href="/games/" title="games"> </a>
     
-    <a class="footer-nav-item colorswitch" href="/software/" title="software"></a>
+    <a class="footer-nav-item colorswitch" href="/software/" title="software"> </a>
     
 </nav>
 </span>
 <span id="footer-right">
+        <div class="flexjs">
         <input type="checkbox" id="darkmode-toggle" aria-label="darkmode toggle" class="toggleinput">
         <label class="togglelabel colorswitch" for="darkmode-toggle" aria-label="darkmode toggle" role="checkbox" id="darkmode-toggle-label"></label>
+        </div>
+        <div class="flexjs">
         <button type="button" id="darkmode-button-small" class="colorswitch hamburger"></button>
+        <nav aria-label="hamburger menu">
         <button type="button" id="hamburger-button" class="colorswitch hamburger" title="hamburger navigation menu button"></button>
+        </nav>
+        </div>
+        <noscript>
+            <nav>
+            <a class="colorswitch footer-nav-item" id="replacement-burger" href="/nav"></a>
+            </nav>
+        </noscript>
         <div class="hamburger colorswitch hidden" id="hamburger-bg">
 <nav id="hamburger-nav" aria-label="navigation">
     
@@ -89,8 +100,8 @@ the raw energy of this is just amazing
     <a class="hamburger-nav-item colorswitch" href="/software/" title="software"> software</a><br>
     
 </nav>
-        </div>
 </span>
+</noscript>
 </footer>
 </body>
 </html>

public/music/index.html

@@ -33,23 +33,34 @@
 <nav id="footer-nav" aria-label="navigation">
     
     
-    <a class="footer-nav-item colorswitch" href="/" title="home"></a>
+    <a class="footer-nav-item colorswitch" href="/" title="home"> </a>
     
-    <a class="footer-nav-item colorswitch" href="/links/" title="links"></a>
+    <a class="footer-nav-item colorswitch" href="/links/" title="links"> </a>
     
-    <a class="footer-nav-item active colorswitch" href="/music/" title="music"></a>
+    <a class="footer-nav-item active colorswitch" href="/music/" title="music"> </a>
     
-    <a class="footer-nav-item colorswitch" href="/games/" title="games"></a>
+    <a class="footer-nav-item colorswitch" href="/games/" title="games"> </a>
     
-    <a class="footer-nav-item colorswitch" href="/software/" title="software"></a>
+    <a class="footer-nav-item colorswitch" href="/software/" title="software"> </a>
     
 </nav>
 </span>
 <span id="footer-right">
+        <div class="flexjs">
         <input type="checkbox" id="darkmode-toggle" aria-label="darkmode toggle" class="toggleinput">
         <label class="togglelabel colorswitch" for="darkmode-toggle" aria-label="darkmode toggle" role="checkbox" id="darkmode-toggle-label"></label>
+        </div>
+        <div class="flexjs">
         <button type="button" id="darkmode-button-small" class="colorswitch hamburger"></button>
+        <nav aria-label="hamburger menu">
         <button type="button" id="hamburger-button" class="colorswitch hamburger" title="hamburger navigation menu button"></button>
+        </nav>
+        </div>
+        <noscript>
+            <nav>
+            <a class="colorswitch footer-nav-item" id="replacement-burger" href="/nav"></a>
+            </nav>
+        </noscript>
         <div class="hamburger colorswitch hidden" id="hamburger-bg">
 <nav id="hamburger-nav" aria-label="navigation">
     
@@ -65,8 +76,8 @@
     <a class="hamburger-nav-item colorswitch" href="/software/" title="software"> software</a><br>
     
 </nav>
-        </div>
 </span>
+</noscript>
 </footer>
 </body>
 </html>

public/nav/index.html

@@ -0,0 +1,96 @@
+<!DOCTYPE html>
+<html lang="en"><head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="description" content="">
+    <title>navigation@bat</title>
+    <script type="module" src="/js/main.js"></script>
+    
+    
+    <link rel="stylesheet" href="/scss/main.css">
+    <link rel="alternate" type="application/rss+xml" href="https://zoe.kittycat.homes/nav/index.xml" title="bat" />
+<link rel="icon" type="image/x-icon" href="/svg/favicon.svg">
+</head>
+<body class="colorswitch"><div id="content">
+<section id="main">
+<header>
+  <h1 id="title" class="colorswitch">
+    <a href="../" class="colorswitch uplink">navigation</a>
+  </h1>
+</header>
+  <div>
+        <article id="content" class="colorswitch">
+           
+           <p>
+           <nav>
+    
+    
+    <a class="hamburger-nav-item colorswitch" href="/" title="home"> home</a>
+    
+    <a class="hamburger-nav-item colorswitch" href="/links/" title="links"> links</a>
+    
+    <a class="hamburger-nav-item colorswitch" href="/music/" title="music"> music</a>
+    
+    <a class="hamburger-nav-item colorswitch" href="/games/" title="games"> games</a>
+    
+    <a class="hamburger-nav-item colorswitch" href="/software/" title="software"> software</a>
+    
+           </nav>
+           </p>
+        </article>
+  </div>
+</section>
+</div><footer class="colorswitch">
+    <span id="footer-left"><a href="/" id="pageindicator" class="colorswitch" title="navigation"> bat</a></span>
+<span id="footer-center">
+<nav id="footer-nav" aria-label="navigation">
+    
+    
+    <a class="footer-nav-item colorswitch" href="/" title="home"> </a>
+    
+    <a class="footer-nav-item colorswitch" href="/links/" title="links"> </a>
+    
+    <a class="footer-nav-item colorswitch" href="/music/" title="music"> </a>
+    
+    <a class="footer-nav-item colorswitch" href="/games/" title="games"> </a>
+    
+    <a class="footer-nav-item colorswitch" href="/software/" title="software"> </a>
+    
+</nav>
+</span>
+<span id="footer-right">
+        <div class="flexjs">
+        <input type="checkbox" id="darkmode-toggle" aria-label="darkmode toggle" class="toggleinput">
+        <label class="togglelabel colorswitch" for="darkmode-toggle" aria-label="darkmode toggle" role="checkbox" id="darkmode-toggle-label"></label>
+        </div>
+        <div class="flexjs">
+        <button type="button" id="darkmode-button-small" class="colorswitch hamburger"></button>
+        <nav aria-label="hamburger menu">
+        <button type="button" id="hamburger-button" class="colorswitch hamburger" title="hamburger navigation menu button"></button>
+        </nav>
+        </div>
+        <noscript>
+            <nav>
+            <a class="colorswitch footer-nav-item" id="replacement-burger" href="/nav"></a>
+            </nav>
+        </noscript>
+        <div class="hamburger colorswitch hidden" id="hamburger-bg">
+<nav id="hamburger-nav" aria-label="navigation">
+    
+    
+    <a class="hamburger-nav-item colorswitch" href="/" title="home"> home</a><br>
+    
+    <a class="hamburger-nav-item colorswitch" href="/links/" title="links"> links</a><br>
+    
+    <a class="hamburger-nav-item colorswitch" href="/music/" title="music"> music</a><br>
+    
+    <a class="hamburger-nav-item colorswitch" href="/games/" title="games"> games</a><br>
+    
+    <a class="hamburger-nav-item colorswitch" href="/software/" title="software"> software</a><br>
+    
+</nav>
+</span>
+</noscript>
+</footer>
+</body>
+</html>

public/nav/index.xml

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes"?>
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+  <channel>
+    <title>navigation on bat</title>
+    <link>https://zoe.kittycat.homes/nav/</link>
+    <description>Recent content in navigation on bat</description>
+    <generator>Hugo -- gohugo.io</generator>
+    <language>eng</language>
+    <lastBuildDate>Fri, 27 May 2022 13:40:38 +0200</lastBuildDate><atom:link href="https://zoe.kittycat.homes/nav/index.xml" rel="self" type="application/rss+xml" />
+  </channel>
+</rss>

public/scss/main.css

@@ -1,4 +1,8 @@
 @charset "UTF-8";
+.flexjs,
+.iflexjs {
+  display: none; }
+
 body {
   background-color: #413c74;
   color: #ff8ad0; }
@@ -265,6 +269,7 @@ footer {
 #content ul,
 #content ol,
 #content table,
+#content nav,
 .embed,
 code,
 .postdescription,
@@ -279,6 +284,9 @@ hr,
   max-width: 52%;
   height: 100%; }
 
+#replacement-burger {
+  display: flex; }
+
 #content .embed {
   display: block;
   overflow: hidden;
@@ -328,7 +336,6 @@ p code {
   margin: 0; }
 
 #footer-right * {
-  display: flex;
   margin-top: auto;
   margin-bottom: auto; }
 
@@ -507,6 +514,10 @@ button {
   border-style: solid;
   cursor: pointer; }
 
+#replacement-burger {
+  width: 24pt;
+  height: 24pt; }
+
 .togglelabel {
   border: solid; }
 
@@ -555,6 +566,7 @@ h6 {
       content: ""; }
 
 .postdescription,
+#content nav,
 #content p,
 #content ul,
 #content ol,

public/sitemap.xml

@@ -3,7 +3,10 @@
   xmlns:xhtml="http://www.w3.org/1999/xhtml">
   <url>
     <loc>https://zoe.kittycat.homes/</loc>
-    <lastmod>2022-04-29T14:50:29+02:00</lastmod>
+    <lastmod>2022-05-27T13:40:38+02:00</lastmod>
+  </url><url>
+    <loc>https://zoe.kittycat.homes/nav/</loc>
+    <lastmod>2022-05-27T13:40:38+02:00</lastmod>
   </url><url>
     <loc>https://zoe.kittycat.homes/games/trainyard-trouble/</loc>
     <lastmod>2022-04-29T14:50:29+02:00</lastmod>

public/software/index.html

@@ -18,8 +18,8 @@
             <h1 id="title"><a target="_blank" rel="noreferrer noopener" href="./index.xml" class="colorswitch with-rss" id="rss-title">software </a></h1>
         </header>
         
-        <p>wow this software is so <button class="randomword-button colorswitch" data-wordlist="insert buzzword, innovative, groundbreaking, awe inspiring, cyber, enterprise ready, revolutionary"></button>
+        <p>wow this software is so <button class="randomword-button colorswitch" data-wordlist="insert buzzword, innovative, groundbreaking, awe inspiring, cyber, enterprise ready, revolutionary"><noscript>javascript disabled</noscript></button>
- it is <button class="randomword-button colorswitch" data-wordlist="insert buzzword, disrupting the industry, moving fast and breaking things, revolutionizing the industry, at least web 9000.0"></button>
+ it is <button class="randomword-button colorswitch" data-wordlist="insert buzzword, disrupting the industry, moving fast and breaking things, revolutionizing the industry, at least web 9000.0"><noscript>javascript disabled</noscript></button>
 </p>
 
     </article>
@@ -41,23 +41,34 @@
 <nav id="footer-nav" aria-label="navigation">
     
     
-    <a class="footer-nav-item colorswitch" href="/" title="home"></a>
+    <a class="footer-nav-item colorswitch" href="/" title="home"> </a>
     
-    <a class="footer-nav-item colorswitch" href="/links/" title="links"></a>
+    <a class="footer-nav-item colorswitch" href="/links/" title="links"> </a>
     
-    <a class="footer-nav-item colorswitch" href="/music/" title="music"></a>
+    <a class="footer-nav-item colorswitch" href="/music/" title="music"> </a>
     
-    <a class="footer-nav-item colorswitch" href="/games/" title="games"></a>
+    <a class="footer-nav-item colorswitch" href="/games/" title="games"> </a>
     
-    <a class="footer-nav-item active colorswitch" href="/software/" title="software"></a>
+    <a class="footer-nav-item active colorswitch" href="/software/" title="software"> </a>
     
 </nav>
 </span>
 <span id="footer-right">
+        <div class="flexjs">
         <input type="checkbox" id="darkmode-toggle" aria-label="darkmode toggle" class="toggleinput">
         <label class="togglelabel colorswitch" for="darkmode-toggle" aria-label="darkmode toggle" role="checkbox" id="darkmode-toggle-label"></label>
+        </div>
+        <div class="flexjs">
         <button type="button" id="darkmode-button-small" class="colorswitch hamburger"></button>
+        <nav aria-label="hamburger menu">
         <button type="button" id="hamburger-button" class="colorswitch hamburger" title="hamburger navigation menu button"></button>
+        </nav>
+        </div>
+        <noscript>
+            <nav>
+            <a class="colorswitch footer-nav-item" id="replacement-burger" href="/nav"></a>
+            </nav>
+        </noscript>
         <div class="hamburger colorswitch hidden" id="hamburger-bg">
 <nav id="hamburger-nav" aria-label="navigation">
     
@@ -73,8 +84,8 @@
     <a class="hamburger-nav-item active colorswitch" href="/software/" title="software"> software</a><br>
     
 </nav>
-        </div>
 </span>
+</noscript>
 </footer>
 </body>
 </html>

public/software/wisdom/index.html

@@ -46,23 +46,34 @@ rocket is great though :)</p>
 <nav id="footer-nav" aria-label="navigation">
     
     
-    <a class="footer-nav-item colorswitch" href="/" title="home"></a>
+    <a class="footer-nav-item colorswitch" href="/" title="home"> </a>
     
-    <a class="footer-nav-item colorswitch" href="/links/" title="links"></a>
+    <a class="footer-nav-item colorswitch" href="/links/" title="links"> </a>
     
-    <a class="footer-nav-item colorswitch" href="/music/" title="music"></a>
+    <a class="footer-nav-item colorswitch" href="/music/" title="music"> </a>
     
-    <a class="footer-nav-item colorswitch" href="/games/" title="games"></a>
+    <a class="footer-nav-item colorswitch" href="/games/" title="games"> </a>
     
-    <a class="footer-nav-item active colorswitch" href="/software/" title="software"></a>
+    <a class="footer-nav-item active colorswitch" href="/software/" title="software"> </a>
     
 </nav>
 </span>
 <span id="footer-right">
+        <div class="flexjs">
         <input type="checkbox" id="darkmode-toggle" aria-label="darkmode toggle" class="toggleinput">
         <label class="togglelabel colorswitch" for="darkmode-toggle" aria-label="darkmode toggle" role="checkbox" id="darkmode-toggle-label"></label>
+        </div>
+        <div class="flexjs">
         <button type="button" id="darkmode-button-small" class="colorswitch hamburger"></button>
+        <nav aria-label="hamburger menu">
         <button type="button" id="hamburger-button" class="colorswitch hamburger" title="hamburger navigation menu button"></button>
+        </nav>
+        </div>
+        <noscript>
+            <nav>
+            <a class="colorswitch footer-nav-item" id="replacement-burger" href="/nav"></a>
+            </nav>
+        </noscript>
         <div class="hamburger colorswitch hidden" id="hamburger-bg">
 <nav id="hamburger-nav" aria-label="navigation">
     
@@ -78,8 +89,8 @@ rocket is great though :)</p>
     <a class="hamburger-nav-item active colorswitch" href="/software/" title="software"> software</a><br>
     
 </nav>
-        </div>
 </span>
+</noscript>
 </footer>
 </body>
 </html>

public/tags/index.html

@@ -32,23 +32,34 @@
 <nav id="footer-nav" aria-label="navigation">
     
     
-    <a class="footer-nav-item colorswitch" href="/" title="home"></a>
+    <a class="footer-nav-item colorswitch" href="/" title="home"> </a>
     
-    <a class="footer-nav-item colorswitch" href="/links/" title="links"></a>
+    <a class="footer-nav-item colorswitch" href="/links/" title="links"> </a>
     
-    <a class="footer-nav-item colorswitch" href="/music/" title="music"></a>
+    <a class="footer-nav-item colorswitch" href="/music/" title="music"> </a>
     
-    <a class="footer-nav-item colorswitch" href="/games/" title="games"></a>
+    <a class="footer-nav-item colorswitch" href="/games/" title="games"> </a>
     
-    <a class="footer-nav-item colorswitch" href="/software/" title="software"></a>
+    <a class="footer-nav-item colorswitch" href="/software/" title="software"> </a>
     
 </nav>
 </span>
 <span id="footer-right">
+        <div class="flexjs">
         <input type="checkbox" id="darkmode-toggle" aria-label="darkmode toggle" class="toggleinput">
         <label class="togglelabel colorswitch" for="darkmode-toggle" aria-label="darkmode toggle" role="checkbox" id="darkmode-toggle-label"></label>
+        </div>
+        <div class="flexjs">
         <button type="button" id="darkmode-button-small" class="colorswitch hamburger"></button>
+        <nav aria-label="hamburger menu">
         <button type="button" id="hamburger-button" class="colorswitch hamburger" title="hamburger navigation menu button"></button>
+        </nav>
+        </div>
+        <noscript>
+            <nav>
+            <a class="colorswitch footer-nav-item" id="replacement-burger" href="/nav"></a>
+            </nav>
+        </noscript>
         <div class="hamburger colorswitch hidden" id="hamburger-bg">
 <nav id="hamburger-nav" aria-label="navigation">
     
@@ -64,8 +75,8 @@
     <a class="hamburger-nav-item colorswitch" href="/software/" title="software"> software</a><br>
     
 </nav>
-        </div>
 </span>
+</noscript>
 </footer>
 </body>
 </html>

resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content

@@ -1,4 +1,8 @@
 @charset "UTF-8";
+.flexjs,
+.iflexjs {
+  display: none; }
+
 body {
   background-color: #413c74;
   color: #ff8ad0; }
@@ -265,6 +269,7 @@ footer {
 #content ul,
 #content ol,
 #content table,
+#content nav,
 .embed,
 code,
 .postdescription,
@@ -279,6 +284,9 @@ hr,
   max-width: 52%;
   height: 100%; }
 
+#replacement-burger {
+  display: flex; }
+
 #content .embed {
   display: block;
   overflow: hidden;
@@ -328,7 +336,6 @@ p code {
   margin: 0; }
 
 #footer-right * {
-  display: flex;
   margin-top: auto;
   margin-bottom: auto; }
 
@@ -507,6 +514,10 @@ button {
   border-style: solid;
   cursor: pointer; }
 
+#replacement-burger {
+  width: 24pt;
+  height: 24pt; }
+
 .togglelabel {
   border: solid; }
 
@@ -555,6 +566,7 @@ h6 {
       content: ""; }
 
 .postdescription,
+#content nav,
 #content p,
 #content ul,
 #content ol,

themes/battheme

@@ -1 +1 @@
-Subproject commit 5cc0c2e4490adaf78cd66fa23226e337d99aeb00
+Subproject commit 797ce896ad077888ac507e075d8b8ffae0012e0c