zoe/hugo-batsite
1
0
Fork 0
mirror of https://git.kittycat.homes/zoe/hugo-batsite.git synced 2024-08-15 03:18:24 +00:00
Code Issues Projects Releases Wiki Activity

fallbacks for noscript

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

23
public/categories/index.html
View file

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

23
public/games/index.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">
<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>

23
public/games/plantgame/index.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">
<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>

23
public/games/trainyard-trouble/index.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">
<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>

23
public/index.html
View file

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

2
public/index.xml
View file

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

2
public/js/main.js
View file

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

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

25
public/links/buddies/index.html
View file

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

23
public/links/contact/index.html
View file

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

23
public/links/index.html
View file

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

23
public/links/nice_things/index.html
View file

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

23
public/music/index.html
View file

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

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>

14
public/scss/main.css
View file

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

5
public/sitemap.xml
View file

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

27
public/software/index.html
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>
</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>
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>
<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"><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>

23
public/software/wisdom/index.html
View file

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

23
public/tags/index.html
View file

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