fallbacks for noscript

This commit is contained in:
zoe 2022-05-27 17:11:53 +02:00
parent 8a1aee319d
commit 5a2f9bbd33
63 changed files with 69976 additions and 88 deletions

View File

@ -26,7 +26,7 @@ theres [pastel.codes](https://pastel.codes/) and [pentagram.site](https://pentag
## elysia ## 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! this type of website also just makes me happy!
## barrow ## barrow

7
content/nav/_index.md Normal file
View File

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

View File

@ -7,4 +7,4 @@ menu:
name: "" 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">}}

1
node_modules/.bin/prettier generated vendored Symbolic link
View File

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

22
node_modules/.package-lock.json generated vendored Normal file
View File

@ -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"
}
}
}
}

5663
node_modules/prettier/LICENSE generated vendored Normal file

File diff suppressed because it is too large Load Diff

111
node_modules/prettier/README.md generated vendored Normal file
View File

@ -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).

62
node_modules/prettier/bin-prettier.js generated vendored Executable file
View File

@ -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));

12335
node_modules/prettier/cli.js generated vendored Normal file

File diff suppressed because it is too large Load Diff

1380
node_modules/prettier/doc.js generated vendored Normal file

File diff suppressed because one or more lines are too long

2
node_modules/prettier/esm/parser-angular.mjs generated vendored Normal file

File diff suppressed because one or more lines are too long

27
node_modules/prettier/esm/parser-babel.mjs generated vendored Normal file

File diff suppressed because one or more lines are too long

26
node_modules/prettier/esm/parser-espree.mjs generated vendored Normal file

File diff suppressed because one or more lines are too long

26
node_modules/prettier/esm/parser-flow.mjs generated vendored Normal file

File diff suppressed because one or more lines are too long

27
node_modules/prettier/esm/parser-glimmer.mjs generated vendored Normal file

File diff suppressed because one or more lines are too long

15
node_modules/prettier/esm/parser-graphql.mjs generated vendored Normal file

File diff suppressed because one or more lines are too long

36
node_modules/prettier/esm/parser-html.mjs generated vendored Normal file

File diff suppressed because one or more lines are too long

76
node_modules/prettier/esm/parser-markdown.mjs generated vendored Normal file

File diff suppressed because one or more lines are too long

19
node_modules/prettier/esm/parser-meriyah.mjs generated vendored Normal file

File diff suppressed because one or more lines are too long

76
node_modules/prettier/esm/parser-postcss.mjs generated vendored Normal file

File diff suppressed because one or more lines are too long

280
node_modules/prettier/esm/parser-typescript.mjs generated vendored Normal file

File diff suppressed because one or more lines are too long

150
node_modules/prettier/esm/parser-yaml.mjs generated vendored Normal file

File diff suppressed because one or more lines are too long

115
node_modules/prettier/esm/standalone.mjs generated vendored Normal file

File diff suppressed because one or more lines are too long

39226
node_modules/prettier/index.js generated vendored Normal file

File diff suppressed because one or more lines are too long

24
node_modules/prettier/package.json generated vendored Normal file
View File

@ -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)\""
}
}

2
node_modules/prettier/parser-angular.js generated vendored Normal file

File diff suppressed because one or more lines are too long

27
node_modules/prettier/parser-babel.js generated vendored Normal file

File diff suppressed because one or more lines are too long

26
node_modules/prettier/parser-espree.js generated vendored Normal file

File diff suppressed because one or more lines are too long

26
node_modules/prettier/parser-flow.js generated vendored Normal file

File diff suppressed because one or more lines are too long

27
node_modules/prettier/parser-glimmer.js generated vendored Normal file

File diff suppressed because one or more lines are too long

15
node_modules/prettier/parser-graphql.js generated vendored Normal file

File diff suppressed because one or more lines are too long

36
node_modules/prettier/parser-html.js generated vendored Normal file

File diff suppressed because one or more lines are too long

76
node_modules/prettier/parser-markdown.js generated vendored Normal file

File diff suppressed because one or more lines are too long

19
node_modules/prettier/parser-meriyah.js generated vendored Normal file

File diff suppressed because one or more lines are too long

76
node_modules/prettier/parser-postcss.js generated vendored Normal file

File diff suppressed because one or more lines are too long

280
node_modules/prettier/parser-typescript.js generated vendored Normal file

File diff suppressed because one or more lines are too long

150
node_modules/prettier/parser-yaml.js generated vendored Normal file

File diff suppressed because one or more lines are too long

115
node_modules/prettier/standalone.js generated vendored Normal file

File diff suppressed because one or more lines are too long

8978
node_modules/prettier/third-party.js generated vendored Normal file

File diff suppressed because it is too large Load Diff

35
package-lock.json generated Normal file
View File

@ -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
}
}
}

5
package.json Normal file
View File

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

View File

@ -32,23 +32,34 @@
<nav id="footer-nav" aria-label="navigation"> <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> </nav>
</span> </span>
<span id="footer-right"> <span id="footer-right">
<div class="flexjs">
<input type="checkbox" id="darkmode-toggle" aria-label="darkmode toggle" class="toggleinput"> <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> <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> <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> <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"> <div class="hamburger colorswitch hidden" id="hamburger-bg">
<nav id="hamburger-nav" aria-label="navigation"> <nav id="hamburger-nav" aria-label="navigation">
@ -64,8 +75,8 @@
<a class="hamburger-nav-item colorswitch" href="/software/" title="software"> software</a><br> <a class="hamburger-nav-item colorswitch" href="/software/" title="software"> software</a><br>
</nav> </nav>
</div>
</span> </span>
</noscript>
</footer> </footer>
</body> </body>
</html> </html>

View File

@ -46,23 +46,34 @@ hope you have fun playing them! but if you don&rsquo;t that sounds like a person
<nav id="footer-nav" aria-label="navigation"> <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> </nav>
</span> </span>
<span id="footer-right"> <span id="footer-right">
<div class="flexjs">
<input type="checkbox" id="darkmode-toggle" aria-label="darkmode toggle" class="toggleinput"> <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> <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> <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> <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"> <div class="hamburger colorswitch hidden" id="hamburger-bg">
<nav id="hamburger-nav" aria-label="navigation"> <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> <a class="hamburger-nav-item colorswitch" href="/software/" title="software"> software</a><br>
</nav> </nav>
</div>
</span> </span>
</noscript>
</footer> </footer>
</body> </body>
</html> </html>

View File

@ -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"> <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> </nav>
</span> </span>
<span id="footer-right"> <span id="footer-right">
<div class="flexjs">
<input type="checkbox" id="darkmode-toggle" aria-label="darkmode toggle" class="toggleinput"> <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> <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> <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> <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"> <div class="hamburger colorswitch hidden" id="hamburger-bg">
<nav id="hamburger-nav" aria-label="navigation"> <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> <a class="hamburger-nav-item colorswitch" href="/software/" title="software"> software</a><br>
</nav> </nav>
</div>
</span> </span>
</noscript>
</footer> </footer>
</body> </body>
</html> </html>

View File

@ -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"> <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> </nav>
</span> </span>
<span id="footer-right"> <span id="footer-right">
<div class="flexjs">
<input type="checkbox" id="darkmode-toggle" aria-label="darkmode toggle" class="toggleinput"> <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> <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> <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> <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"> <div class="hamburger colorswitch hidden" id="hamburger-bg">
<nav id="hamburger-nav" aria-label="navigation"> <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> <a class="hamburger-nav-item colorswitch" href="/software/" title="software"> software</a><br>
</nav> </nav>
</div>
</span> </span>
</noscript>
</footer> </footer>
</body> </body>
</html> </html>

View File

@ -55,23 +55,34 @@ i&rsquo;m also trans and gay and queer :)</p>
<nav id="footer-nav" aria-label="navigation"> <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> </nav>
</span> </span>
<span id="footer-right"> <span id="footer-right">
<div class="flexjs">
<input type="checkbox" id="darkmode-toggle" aria-label="darkmode toggle" class="toggleinput"> <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> <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> <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> <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"> <div class="hamburger colorswitch hidden" id="hamburger-bg">
<nav id="hamburger-nav" aria-label="navigation"> <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> <a class="hamburger-nav-item colorswitch" href="/software/" title="software"> software</a><br>
</nav> </nav>
</div>
</span> </span>
</noscript>
</footer> </footer>
</body> </body>
</html> </html>

View File

@ -6,7 +6,7 @@
<description>Recent content in home on bat</description> <description>Recent content in home on bat</description>
<generator>Hugo -- gohugo.io</generator> <generator>Hugo -- gohugo.io</generator>
<language>eng</language> <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> <item>
<title>trainyard trouble</title> <title>trainyard trouble</title>
<link>https://zoe.kittycat.homes/games/trainyard-trouble/</link> <link>https://zoe.kittycat.homes/games/trainyard-trouble/</link>

View File

@ -1,9 +1,11 @@
import { updateMode } from "./lightmode.js"; import { updateMode } from "./lightmode.js";
import { activateHamburger } from "./hamburger.js"; import { activateHamburger } from "./hamburger.js";
import { randomizeWords } from "./randomword.js"; import { randomizeWords } from "./randomword.js";
import { unhide_elements } from "./noscript.js";
document.addEventListener("DOMContentLoaded", () => { document.addEventListener("DOMContentLoaded", () => {
updateMode(); updateMode();
activateHamburger(); activateHamburger();
randomizeWords(); randomizeWords();
unhide_elements();
}); });

10
public/js/noscript.js Normal file
View File

@ -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";
}
}

View File

@ -46,7 +46,7 @@ theres <a href="https://pastel.codes/">pastel.codes</a> and <a href="https://pen
&nbsp;elysia &nbsp;elysia
</a> </a>
</h2> </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> 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> this type of website also just makes me happy!</p>
<h2 id="barrow" class="colorswitch"> <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"> <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> </nav>
</span> </span>
<span id="footer-right"> <span id="footer-right">
<div class="flexjs">
<input type="checkbox" id="darkmode-toggle" aria-label="darkmode toggle" class="toggleinput"> <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> <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> <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> <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"> <div class="hamburger colorswitch hidden" id="hamburger-bg">
<nav id="hamburger-nav" aria-label="navigation"> <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> <a class="hamburger-nav-item colorswitch" href="/software/" title="software"> software</a><br>
</nav> </nav>
</div>
</span> </span>
</noscript>
</footer> </footer>
</body> </body>
</html> </html>

View File

@ -41,23 +41,34 @@
<nav id="footer-nav" aria-label="navigation"> <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> </nav>
</span> </span>
<span id="footer-right"> <span id="footer-right">
<div class="flexjs">
<input type="checkbox" id="darkmode-toggle" aria-label="darkmode toggle" class="toggleinput"> <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> <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> <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> <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"> <div class="hamburger colorswitch hidden" id="hamburger-bg">
<nav id="hamburger-nav" aria-label="navigation"> <nav id="hamburger-nav" aria-label="navigation">
@ -73,8 +84,8 @@
<a class="hamburger-nav-item colorswitch" href="/software/" title="software"> software</a><br> <a class="hamburger-nav-item colorswitch" href="/software/" title="software"> software</a><br>
</nav> </nav>
</div>
</span> </span>
</noscript>
</footer> </footer>
</body> </body>
</html> </html>

View File

@ -50,23 +50,34 @@
<nav id="footer-nav" aria-label="navigation"> <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> </nav>
</span> </span>
<span id="footer-right"> <span id="footer-right">
<div class="flexjs">
<input type="checkbox" id="darkmode-toggle" aria-label="darkmode toggle" class="toggleinput"> <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> <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> <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> <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"> <div class="hamburger colorswitch hidden" id="hamburger-bg">
<nav id="hamburger-nav" aria-label="navigation"> <nav id="hamburger-nav" aria-label="navigation">
@ -82,8 +93,8 @@
<a class="hamburger-nav-item colorswitch" href="/software/" title="software"> software</a><br> <a class="hamburger-nav-item colorswitch" href="/software/" title="software"> software</a><br>
</nav> </nav>
</div>
</span> </span>
</noscript>
</footer> </footer>
</body> </body>
</html> </html>

View File

@ -57,23 +57,34 @@ the raw energy of this is just amazing
<nav id="footer-nav" aria-label="navigation"> <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> </nav>
</span> </span>
<span id="footer-right"> <span id="footer-right">
<div class="flexjs">
<input type="checkbox" id="darkmode-toggle" aria-label="darkmode toggle" class="toggleinput"> <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> <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> <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> <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"> <div class="hamburger colorswitch hidden" id="hamburger-bg">
<nav id="hamburger-nav" aria-label="navigation"> <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> <a class="hamburger-nav-item colorswitch" href="/software/" title="software"> software</a><br>
</nav> </nav>
</div>
</span> </span>
</noscript>
</footer> </footer>
</body> </body>
</html> </html>

View File

@ -33,23 +33,34 @@
<nav id="footer-nav" aria-label="navigation"> <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> </nav>
</span> </span>
<span id="footer-right"> <span id="footer-right">
<div class="flexjs">
<input type="checkbox" id="darkmode-toggle" aria-label="darkmode toggle" class="toggleinput"> <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> <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> <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> <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"> <div class="hamburger colorswitch hidden" id="hamburger-bg">
<nav id="hamburger-nav" aria-label="navigation"> <nav id="hamburger-nav" aria-label="navigation">
@ -65,8 +76,8 @@
<a class="hamburger-nav-item colorswitch" href="/software/" title="software"> software</a><br> <a class="hamburger-nav-item colorswitch" href="/software/" title="software"> software</a><br>
</nav> </nav>
</div>
</span> </span>
</noscript>
</footer> </footer>
</body> </body>
</html> </html>

96
public/nav/index.html Normal file
View File

@ -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>

11
public/nav/index.xml Normal file
View File

@ -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>

View File

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

View File

@ -3,7 +3,10 @@
xmlns:xhtml="http://www.w3.org/1999/xhtml"> xmlns:xhtml="http://www.w3.org/1999/xhtml">
<url> <url>
<loc>https://zoe.kittycat.homes/</loc> <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> </url><url>
<loc>https://zoe.kittycat.homes/games/trainyard-trouble/</loc> <loc>https://zoe.kittycat.homes/games/trainyard-trouble/</loc>
<lastmod>2022-04-29T14:50:29+02:00</lastmod> <lastmod>2022-04-29T14:50:29+02:00</lastmod>

View File

@ -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> <h1 id="title"><a target="_blank" rel="noreferrer noopener" href="./index.xml" class="colorswitch with-rss" id="rss-title">software </a></h1>
</header> </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> </p>
</article> </article>
@ -41,23 +41,34 @@
<nav id="footer-nav" aria-label="navigation"> <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> </nav>
</span> </span>
<span id="footer-right"> <span id="footer-right">
<div class="flexjs">
<input type="checkbox" id="darkmode-toggle" aria-label="darkmode toggle" class="toggleinput"> <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> <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> <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> <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"> <div class="hamburger colorswitch hidden" id="hamburger-bg">
<nav id="hamburger-nav" aria-label="navigation"> <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> <a class="hamburger-nav-item active colorswitch" href="/software/" title="software"> software</a><br>
</nav> </nav>
</div>
</span> </span>
</noscript>
</footer> </footer>
</body> </body>
</html> </html>

View File

@ -46,23 +46,34 @@ rocket is great though :)</p>
<nav id="footer-nav" aria-label="navigation"> <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> </nav>
</span> </span>
<span id="footer-right"> <span id="footer-right">
<div class="flexjs">
<input type="checkbox" id="darkmode-toggle" aria-label="darkmode toggle" class="toggleinput"> <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> <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> <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> <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"> <div class="hamburger colorswitch hidden" id="hamburger-bg">
<nav id="hamburger-nav" aria-label="navigation"> <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> <a class="hamburger-nav-item active colorswitch" href="/software/" title="software"> software</a><br>
</nav> </nav>
</div>
</span> </span>
</noscript>
</footer> </footer>
</body> </body>
</html> </html>

View File

@ -32,23 +32,34 @@
<nav id="footer-nav" aria-label="navigation"> <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> </nav>
</span> </span>
<span id="footer-right"> <span id="footer-right">
<div class="flexjs">
<input type="checkbox" id="darkmode-toggle" aria-label="darkmode toggle" class="toggleinput"> <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> <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> <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> <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"> <div class="hamburger colorswitch hidden" id="hamburger-bg">
<nav id="hamburger-nav" aria-label="navigation"> <nav id="hamburger-nav" aria-label="navigation">
@ -64,8 +75,8 @@
<a class="hamburger-nav-item colorswitch" href="/software/" title="software"> software</a><br> <a class="hamburger-nav-item colorswitch" href="/software/" title="software"> software</a><br>
</nav> </nav>
</div>
</span> </span>
</noscript>
</footer> </footer>
</body> </body>
</html> </html>

View File

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

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