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

Compare commits

base: zoe:f5ff2a166465ee9f355b893c3643c7fe53744394
Branches Tags
zoe:main
..
compare: zoe:577c33c20245dd9e130622ca34506ed0e904b427
Branches Tags
zoe:main

No commits in common. "f5ff2a166465ee9f355b893c3643c7fe53744394" and "577c33c20245dd9e130622ca34506ed0e904b427" have entirely different histories.
f5ff2a1664 ... 577c33c202

18 changed files with 345 additions and 450 deletions
Download patch file Download diff file Expand all files Collapse all files

24
public/about/index.html
View file

@ -2,7 +2,7 @@
<html lang="en"><head> <html lang="en"><head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>about@batsite</title> <title>about</title>
<link rel="stylesheet" href="/scss/main.css"> <link rel="stylesheet" href="/scss/main.css">
@ -69,27 +69,27 @@ i&rsquo;m also trans and gay and queer :)</p>
<span id="footer-right"> <span id="footer-right">
<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>
<button type="button" id="darkmode-button-small" class="colorswitch hamburger"></button> <button type="button" id="hamburger-button" class="colorswitch hamburger"></button>
<button type="button" id="hamburger-button" class="colorswitch hamburger" title="hamburger navigation menu button"></button> <div class="hamburger colorswitch" id="hamburger-bg">
<div class="hamburger colorswitch hidden" id="hamburger-bg"> <nav id="footer-nav" aria-label="navigation">
<nav id="hamburger-nav" aria-label="navigation">
<a class="hamburger-nav-item colorswitch" href="/" title="home"> home</a><br> <a class="footer-nav-item colorswitch" href="/" title="home"></a>
<a class="hamburger-nav-item active colorswitch" href="/about/" title="about"> about</a><br> <a class="footer-nav-item active colorswitch" href="/about/" title="about"></a>
<a class="hamburger-nav-item colorswitch" href="/links/" title="links"> links</a><br> <a class="footer-nav-item colorswitch" href="/links/" title="links"></a>
<a class="hamburger-nav-item colorswitch" href="/music/" title="music"> music</a><br> <a class="footer-nav-item colorswitch" href="/music/" title="music"></a>
<a class="hamburger-nav-item colorswitch" href="/games/" title="games"> games</a><br> <a class="footer-nav-item colorswitch" href="/games/" title="games"></a>
<a class="hamburger-nav-item colorswitch" href="/software/" title="software"> software</a><br> <a class="footer-nav-item colorswitch" href="/software/" title="software"></a>
<a class="hamburger-nav-item colorswitch" href="/posts/" title="posts">龎 posts</a><br> <a class="footer-nav-item colorswitch" href="/posts/" title="posts">龎</a>
</nav> </nav>
</div> </div>
</span> </span>
</footer> </footer>

31
public/categories/index.html
View file

@ -2,18 +2,17 @@
<html lang="en"><head> <html lang="en"><head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>Categories@batsite</title> <title>Categories</title>
<link rel="stylesheet" href="/scss/main.css"> <link rel="stylesheet" href="/scss/main.css">
<link rel="alternate" type="application/rss+xml" href="https://zoe.kittycat.homes/categories/index.xml" title="batsite" />
<link rel="icon" type="image/x-icon" href="/svg/favicon.svg"> <link rel="icon" type="image/x-icon" href="/svg/favicon.svg">
</head> </head>
<body class="colorswitch"><div id="content"> <body class="colorswitch"><div id="content">
<main> <main>
<article class="colorswitch"> <article>
<header> <header class="colorswitch">
<h1 id="title"><a href="./index.xml" class="colorswitch with-rss" id="rss-title">Categories </a></h1> <h1 id="title">Categories</h1>
</header> </header>
@ -49,27 +48,27 @@
<span id="footer-right"> <span id="footer-right">
<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>
<button type="button" id="darkmode-button-small" class="colorswitch hamburger"></button> <button type="button" id="hamburger-button" class="colorswitch hamburger"></button>
<button type="button" id="hamburger-button" class="colorswitch hamburger" title="hamburger navigation menu button"></button> <div class="hamburger colorswitch" id="hamburger-bg">
<div class="hamburger colorswitch hidden" id="hamburger-bg"> <nav id="footer-nav" aria-label="navigation">
<nav id="hamburger-nav" aria-label="navigation">
<a class="hamburger-nav-item colorswitch" href="/" title="home"> home</a><br> <a class="footer-nav-item colorswitch" href="/" title="home"></a>
<a class="hamburger-nav-item colorswitch" href="/about/" title="about"> about</a><br> <a class="footer-nav-item colorswitch" href="/about/" title="about"></a>
<a class="hamburger-nav-item colorswitch" href="/links/" title="links"> links</a><br> <a class="footer-nav-item colorswitch" href="/links/" title="links"></a>
<a class="hamburger-nav-item colorswitch" href="/music/" title="music"> music</a><br> <a class="footer-nav-item colorswitch" href="/music/" title="music"></a>
<a class="hamburger-nav-item colorswitch" href="/games/" title="games"> games</a><br> <a class="footer-nav-item colorswitch" href="/games/" title="games"></a>
<a class="hamburger-nav-item colorswitch" href="/software/" title="software"> software</a><br> <a class="footer-nav-item colorswitch" href="/software/" title="software"></a>
<a class="hamburger-nav-item colorswitch" href="/posts/" title="posts">龎 posts</a><br> <a class="footer-nav-item colorswitch" href="/posts/" title="posts">龎</a>
</nav> </nav>
</div> </div>
</span> </span>
</footer> </footer>

31
public/games/index.html
View file

@ -2,18 +2,17 @@
<html lang="en"><head> <html lang="en"><head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>games@batsite</title> <title>games</title>
<link rel="stylesheet" href="/scss/main.css"> <link rel="stylesheet" href="/scss/main.css">
<link rel="alternate" type="application/rss+xml" href="https://zoe.kittycat.homes/games/index.xml" title="batsite" />
<link rel="icon" type="image/x-icon" href="/svg/favicon.svg"> <link rel="icon" type="image/x-icon" href="/svg/favicon.svg">
</head> </head>
<body class="colorswitch"><div id="content"> <body class="colorswitch"><div id="content">
<main> <main>
<article class="colorswitch"> <article>
<header> <header class="colorswitch">
<h1 id="title"><a href="./index.xml" class="colorswitch with-rss" id="rss-title">games </a></h1> <h1 id="title">games</h1>
</header> </header>
@ -49,27 +48,27 @@
<span id="footer-right"> <span id="footer-right">
<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>
<button type="button" id="darkmode-button-small" class="colorswitch hamburger"></button> <button type="button" id="hamburger-button" class="colorswitch hamburger"></button>
<button type="button" id="hamburger-button" class="colorswitch hamburger" title="hamburger navigation menu button"></button> <div class="hamburger colorswitch" id="hamburger-bg">
<div class="hamburger colorswitch hidden" id="hamburger-bg"> <nav id="footer-nav" aria-label="navigation">
<nav id="hamburger-nav" aria-label="navigation">
<a class="hamburger-nav-item colorswitch" href="/" title="home"> home</a><br> <a class="footer-nav-item colorswitch" href="/" title="home"></a>
<a class="hamburger-nav-item colorswitch" href="/about/" title="about"> about</a><br> <a class="footer-nav-item colorswitch" href="/about/" title="about"></a>
<a class="hamburger-nav-item colorswitch" href="/links/" title="links"> links</a><br> <a class="footer-nav-item colorswitch" href="/links/" title="links"></a>
<a class="hamburger-nav-item colorswitch" href="/music/" title="music"> music</a><br> <a class="footer-nav-item colorswitch" href="/music/" title="music"></a>
<a class="hamburger-nav-item active colorswitch" href="/games/" title="games"> games</a><br> <a class="footer-nav-item active colorswitch" href="/games/" title="games"></a>
<a class="hamburger-nav-item colorswitch" href="/software/" title="software"> software</a><br> <a class="footer-nav-item colorswitch" href="/software/" title="software"></a>
<a class="hamburger-nav-item colorswitch" href="/posts/" title="posts">龎 posts</a><br> <a class="footer-nav-item colorswitch" href="/posts/" title="posts">龎</a>
</nav> </nav>
</div> </div>
</span> </span>
</footer> </footer>

27
public/index.html
View file

@ -3,16 +3,15 @@
<meta name="generator" content="Hugo 0.96.0" /> <meta name="generator" content="Hugo 0.96.0" />
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>home@batsite</title> <title>home</title>
<link rel="stylesheet" href="/scss/main.css"> <link rel="stylesheet" href="/scss/main.css">
<link rel="alternate" type="application/rss+xml" href="https://zoe.kittycat.homes/index.xml" title="batsite" />
<link rel="icon" type="image/x-icon" href="/svg/favicon.svg"> <link rel="icon" type="image/x-icon" href="/svg/favicon.svg">
</head> </head>
<body class="colorswitch"><div id="content"> <body class="colorswitch"><div id="content">
<header> <header>
<h1 id="title"><a href="./index.xml" class="colorswitch with-rss" id="rss-title">home </a></h1> <h1 id="title" class="colorswitch">batsite</h1>
</header> </header>
<article id="content" class="colorswitch"> <article id="content" class="colorswitch">
<p> <p>
@ -64,27 +63,27 @@ if you ever wish to <em>experience</em> of of those, i hope you enjoy!</p>
<span id="footer-right"> <span id="footer-right">
<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>
<button type="button" id="darkmode-button-small" class="colorswitch hamburger"></button> <button type="button" id="hamburger-button" class="colorswitch hamburger"></button>
<button type="button" id="hamburger-button" class="colorswitch hamburger" title="hamburger navigation menu button"></button> <div class="hamburger colorswitch" id="hamburger-bg">
<div class="hamburger colorswitch hidden" id="hamburger-bg"> <nav id="footer-nav" aria-label="navigation">
<nav id="hamburger-nav" aria-label="navigation">
<a class="hamburger-nav-item active colorswitch" href="/" title="home"> home</a><br> <a class="footer-nav-item active colorswitch" href="/" title="home"></a>
<a class="hamburger-nav-item colorswitch" href="/about/" title="about"> about</a><br> <a class="footer-nav-item colorswitch" href="/about/" title="about"></a>
<a class="hamburger-nav-item colorswitch" href="/links/" title="links"> links</a><br> <a class="footer-nav-item colorswitch" href="/links/" title="links"></a>
<a class="hamburger-nav-item colorswitch" href="/music/" title="music"> music</a><br> <a class="footer-nav-item colorswitch" href="/music/" title="music"></a>
<a class="hamburger-nav-item colorswitch" href="/games/" title="games"> games</a><br> <a class="footer-nav-item colorswitch" href="/games/" title="games"></a>
<a class="hamburger-nav-item colorswitch" href="/software/" title="software"> software</a><br> <a class="footer-nav-item colorswitch" href="/software/" title="software"></a>
<a class="hamburger-nav-item colorswitch" href="/posts/" title="posts">龎 posts</a><br> <a class="footer-nav-item colorswitch" href="/posts/" title="posts">龎</a>
</nav> </nav>
</div> </div>
</span> </span>
</footer> </footer>

26
public/js/hamburger.js
View file

@ -1,25 +1 @@
const button = document.getElementById("hamburger-button"); function activateHamburger() {}
const bg = document.getElementById("hamburger-bg");
let hidden = true;
export function activateHamburger() {
button.addEventListener("click", function () {
hidden = !hidden;
console.log(hidden);
if (hidden === true) {
hide();
} else {
unhide();
}
});
}
function unhide() {
bg.classList.remove("hidden");
button.innerHTML = "窱";
}
function hide() {
bg.classList.add("hidden");
button.innerHTML = "";
}

7
public/js/lightmode.js
View file

@ -1,16 +1,13 @@
const checkbox = document.getElementById("darkmode-toggle"); const checkbox = document.getElementById("darkmode-toggle");
const colorswitchers = document.getElementsByClassName("colorswitch"); const colorswitchers = document.getElementsByClassName("colorswitch");
const button = document.getElementById("darkmode-button-small");
function switchToLight() { function switchToLight() {
button.innerHTML = "滛";
for (let item of colorswitchers) { for (let item of colorswitchers) {
item.classList.add("light"); item.classList.add("light");
} }
} }
function switchToDark() { function switchToDark() {
button.innerHTML = "";
for (let item of colorswitchers) { for (let item of colorswitchers) {
console.log(item); console.log(item);
item.classList.remove("light"); item.classList.remove("light");
@ -24,10 +21,6 @@ export function updateMode() {
switchToDark(); switchToDark();
} }
checkbox.checked = localStorage.getItem("dark"); checkbox.checked = localStorage.getItem("dark");
button.addEventListener("click", function () {
checkbox.click();
});
checkbox.addEventListener("change", function () { checkbox.addEventListener("change", function () {
localStorage.setItem("light", this.checked); localStorage.setItem("light", this.checked);
if (this.checked) { if (this.checked) {

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

@ -2,7 +2,7 @@
<html lang="en"><head> <html lang="en"><head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>buddies@batsite</title> <title>buddies</title>
<link rel="stylesheet" href="/scss/main.css"> <link rel="stylesheet" href="/scss/main.css">
@ -89,27 +89,27 @@ this type of website also just makes me happy!</p>
<span id="footer-right"> <span id="footer-right">
<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>
<button type="button" id="darkmode-button-small" class="colorswitch hamburger"></button> <button type="button" id="hamburger-button" class="colorswitch hamburger"></button>
<button type="button" id="hamburger-button" class="colorswitch hamburger" title="hamburger navigation menu button"></button> <div class="hamburger colorswitch" id="hamburger-bg">
<div class="hamburger colorswitch hidden" id="hamburger-bg"> <nav id="footer-nav" aria-label="navigation">
<nav id="hamburger-nav" aria-label="navigation">
<a class="hamburger-nav-item colorswitch" href="/" title="home"> home</a><br> <a class="footer-nav-item colorswitch" href="/" title="home"></a>
<a class="hamburger-nav-item colorswitch" href="/about/" title="about"> about</a><br> <a class="footer-nav-item colorswitch" href="/about/" title="about"></a>
<a class="hamburger-nav-item active colorswitch" href="/links/" title="links"> links</a><br> <a class="footer-nav-item active colorswitch" href="/links/" title="links"></a>
<a class="hamburger-nav-item colorswitch" href="/music/" title="music"> music</a><br> <a class="footer-nav-item colorswitch" href="/music/" title="music"></a>
<a class="hamburger-nav-item colorswitch" href="/games/" title="games"> games</a><br> <a class="footer-nav-item colorswitch" href="/games/" title="games"></a>
<a class="hamburger-nav-item colorswitch" href="/software/" title="software"> software</a><br> <a class="footer-nav-item colorswitch" href="/software/" title="software"></a>
<a class="hamburger-nav-item colorswitch" href="/posts/" title="posts">龎 posts</a><br> <a class="footer-nav-item colorswitch" href="/posts/" title="posts">龎</a>
</nav> </nav>
</div> </div>
</span> </span>
</footer> </footer>

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

@ -2,7 +2,7 @@
<html lang="en"><head> <html lang="en"><head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>find me@batsite</title> <title>find me</title>
<link rel="stylesheet" href="/scss/main.css"> <link rel="stylesheet" href="/scss/main.css">
@ -58,27 +58,27 @@
<span id="footer-right"> <span id="footer-right">
<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>
<button type="button" id="darkmode-button-small" class="colorswitch hamburger"></button> <button type="button" id="hamburger-button" class="colorswitch hamburger"></button>
<button type="button" id="hamburger-button" class="colorswitch hamburger" title="hamburger navigation menu button"></button> <div class="hamburger colorswitch" id="hamburger-bg">
<div class="hamburger colorswitch hidden" id="hamburger-bg"> <nav id="footer-nav" aria-label="navigation">
<nav id="hamburger-nav" aria-label="navigation">
<a class="hamburger-nav-item colorswitch" href="/" title="home"> home</a><br> <a class="footer-nav-item colorswitch" href="/" title="home"></a>
<a class="hamburger-nav-item colorswitch" href="/about/" title="about"> about</a><br> <a class="footer-nav-item colorswitch" href="/about/" title="about"></a>
<a class="hamburger-nav-item active colorswitch" href="/links/" title="links"> links</a><br> <a class="footer-nav-item active colorswitch" href="/links/" title="links"></a>
<a class="hamburger-nav-item colorswitch" href="/music/" title="music"> music</a><br> <a class="footer-nav-item colorswitch" href="/music/" title="music"></a>
<a class="hamburger-nav-item colorswitch" href="/games/" title="games"> games</a><br> <a class="footer-nav-item colorswitch" href="/games/" title="games"></a>
<a class="hamburger-nav-item colorswitch" href="/software/" title="software"> software</a><br> <a class="footer-nav-item colorswitch" href="/software/" title="software"></a>
<a class="hamburger-nav-item colorswitch" href="/posts/" title="posts">龎 posts</a><br> <a class="footer-nav-item colorswitch" href="/posts/" title="posts">龎</a>
</nav> </nav>
</div> </div>
</span> </span>
</footer> </footer>

31
public/links/index.html
View file

@ -2,18 +2,17 @@
<html lang="en"><head> <html lang="en"><head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>links@batsite</title> <title>links</title>
<link rel="stylesheet" href="/scss/main.css"> <link rel="stylesheet" href="/scss/main.css">
<link rel="alternate" type="application/rss+xml" href="https://zoe.kittycat.homes/links/index.xml" title="batsite" />
<link rel="icon" type="image/x-icon" href="/svg/favicon.svg"> <link rel="icon" type="image/x-icon" href="/svg/favicon.svg">
</head> </head>
<body class="colorswitch"><div id="content"> <body class="colorswitch"><div id="content">
<main> <main>
<article class="colorswitch"> <article>
<header> <header class="colorswitch">
<h1 id="title"><a href="./index.xml" class="colorswitch with-rss" id="rss-title">links </a></h1> <h1 id="title">links</h1>
</header> </header>
@ -67,27 +66,27 @@
<span id="footer-right"> <span id="footer-right">
<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>
<button type="button" id="darkmode-button-small" class="colorswitch hamburger"></button> <button type="button" id="hamburger-button" class="colorswitch hamburger"></button>
<button type="button" id="hamburger-button" class="colorswitch hamburger" title="hamburger navigation menu button"></button> <div class="hamburger colorswitch" id="hamburger-bg">
<div class="hamburger colorswitch hidden" id="hamburger-bg"> <nav id="footer-nav" aria-label="navigation">
<nav id="hamburger-nav" aria-label="navigation">
<a class="hamburger-nav-item colorswitch" href="/" title="home"> home</a><br> <a class="footer-nav-item colorswitch" href="/" title="home"></a>
<a class="hamburger-nav-item colorswitch" href="/about/" title="about"> about</a><br> <a class="footer-nav-item colorswitch" href="/about/" title="about"></a>
<a class="hamburger-nav-item active colorswitch" href="/links/" title="links"> links</a><br> <a class="footer-nav-item active colorswitch" href="/links/" title="links"></a>
<a class="hamburger-nav-item colorswitch" href="/music/" title="music"> music</a><br> <a class="footer-nav-item colorswitch" href="/music/" title="music"></a>
<a class="hamburger-nav-item colorswitch" href="/games/" title="games"> games</a><br> <a class="footer-nav-item colorswitch" href="/games/" title="games"></a>
<a class="hamburger-nav-item colorswitch" href="/software/" title="software"> software</a><br> <a class="footer-nav-item colorswitch" href="/software/" title="software"></a>
<a class="hamburger-nav-item colorswitch" href="/posts/" title="posts">龎 posts</a><br> <a class="footer-nav-item colorswitch" href="/posts/" title="posts">龎</a>
</nav> </nav>
</div> </div>
</span> </span>
</footer> </footer>

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

@ -2,7 +2,7 @@
<html lang="en"><head> <html lang="en"><head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>things that make me happy@batsite</title> <title>things that make me happy</title>
<link rel="stylesheet" href="/scss/main.css"> <link rel="stylesheet" href="/scss/main.css">
@ -69,27 +69,27 @@
<span id="footer-right"> <span id="footer-right">
<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>
<button type="button" id="darkmode-button-small" class="colorswitch hamburger"></button> <button type="button" id="hamburger-button" class="colorswitch hamburger"></button>
<button type="button" id="hamburger-button" class="colorswitch hamburger" title="hamburger navigation menu button"></button> <div class="hamburger colorswitch" id="hamburger-bg">
<div class="hamburger colorswitch hidden" id="hamburger-bg"> <nav id="footer-nav" aria-label="navigation">
<nav id="hamburger-nav" aria-label="navigation">
<a class="hamburger-nav-item colorswitch" href="/" title="home"> home</a><br> <a class="footer-nav-item colorswitch" href="/" title="home"></a>
<a class="hamburger-nav-item colorswitch" href="/about/" title="about"> about</a><br> <a class="footer-nav-item colorswitch" href="/about/" title="about"></a>
<a class="hamburger-nav-item active colorswitch" href="/links/" title="links"> links</a><br> <a class="footer-nav-item active colorswitch" href="/links/" title="links"></a>
<a class="hamburger-nav-item colorswitch" href="/music/" title="music"> music</a><br> <a class="footer-nav-item colorswitch" href="/music/" title="music"></a>
<a class="hamburger-nav-item colorswitch" href="/games/" title="games"> games</a><br> <a class="footer-nav-item colorswitch" href="/games/" title="games"></a>
<a class="hamburger-nav-item colorswitch" href="/software/" title="software"> software</a><br> <a class="footer-nav-item colorswitch" href="/software/" title="software"></a>
<a class="hamburger-nav-item colorswitch" href="/posts/" title="posts">龎 posts</a><br> <a class="footer-nav-item colorswitch" href="/posts/" title="posts">龎</a>
</nav> </nav>
</div> </div>
</span> </span>
</footer> </footer>

31
public/music/index.html
View file

@ -2,18 +2,17 @@
<html lang="en"><head> <html lang="en"><head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>music@batsite</title> <title>music</title>
<link rel="stylesheet" href="/scss/main.css"> <link rel="stylesheet" href="/scss/main.css">
<link rel="alternate" type="application/rss+xml" href="https://zoe.kittycat.homes/music/index.xml" title="batsite" />
<link rel="icon" type="image/x-icon" href="/svg/favicon.svg"> <link rel="icon" type="image/x-icon" href="/svg/favicon.svg">
</head> </head>
<body class="colorswitch"><div id="content"> <body class="colorswitch"><div id="content">
<main> <main>
<article class="colorswitch"> <article>
<header> <header class="colorswitch">
<h1 id="title"><a href="./index.xml" class="colorswitch with-rss" id="rss-title">music </a></h1> <h1 id="title">music</h1>
</header> </header>
<h2 id="where-to-listen" class="colorswitch"> <h2 id="where-to-listen" class="colorswitch">
@ -55,27 +54,27 @@
<span id="footer-right"> <span id="footer-right">
<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>
<button type="button" id="darkmode-button-small" class="colorswitch hamburger"></button> <button type="button" id="hamburger-button" class="colorswitch hamburger"></button>
<button type="button" id="hamburger-button" class="colorswitch hamburger" title="hamburger navigation menu button"></button> <div class="hamburger colorswitch" id="hamburger-bg">
<div class="hamburger colorswitch hidden" id="hamburger-bg"> <nav id="footer-nav" aria-label="navigation">
<nav id="hamburger-nav" aria-label="navigation">
<a class="hamburger-nav-item colorswitch" href="/" title="home"> home</a><br> <a class="footer-nav-item colorswitch" href="/" title="home"></a>
<a class="hamburger-nav-item colorswitch" href="/about/" title="about"> about</a><br> <a class="footer-nav-item colorswitch" href="/about/" title="about"></a>
<a class="hamburger-nav-item colorswitch" href="/links/" title="links"> links</a><br> <a class="footer-nav-item colorswitch" href="/links/" title="links"></a>
<a class="hamburger-nav-item active colorswitch" href="/music/" title="music"> music</a><br> <a class="footer-nav-item active colorswitch" href="/music/" title="music"></a>
<a class="hamburger-nav-item colorswitch" href="/games/" title="games"> games</a><br> <a class="footer-nav-item colorswitch" href="/games/" title="games"></a>
<a class="hamburger-nav-item colorswitch" href="/software/" title="software"> software</a><br> <a class="footer-nav-item colorswitch" href="/software/" title="software"></a>
<a class="hamburger-nav-item colorswitch" href="/posts/" title="posts">龎 posts</a><br> <a class="footer-nav-item colorswitch" href="/posts/" title="posts">龎</a>
</nav> </nav>
</div> </div>
</span> </span>
</footer> </footer>

31
public/posts/index.html
View file

@ -2,18 +2,17 @@
<html lang="en"><head> <html lang="en"><head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>posts@batsite</title> <title>posts</title>
<link rel="stylesheet" href="/scss/main.css"> <link rel="stylesheet" href="/scss/main.css">
<link rel="alternate" type="application/rss+xml" href="https://zoe.kittycat.homes/posts/index.xml" title="batsite" />
<link rel="icon" type="image/x-icon" href="/svg/favicon.svg"> <link rel="icon" type="image/x-icon" href="/svg/favicon.svg">
</head> </head>
<body class="colorswitch"><div id="content"> <body class="colorswitch"><div id="content">
<main> <main>
<article class="colorswitch"> <article>
<header> <header class="colorswitch">
<h1 id="title"><a href="./index.xml" class="colorswitch with-rss" id="rss-title">posts </a></h1> <h1 id="title">posts</h1>
</header> </header>
@ -49,27 +48,27 @@
<span id="footer-right"> <span id="footer-right">
<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>
<button type="button" id="darkmode-button-small" class="colorswitch hamburger"></button> <button type="button" id="hamburger-button" class="colorswitch hamburger"></button>
<button type="button" id="hamburger-button" class="colorswitch hamburger" title="hamburger navigation menu button"></button> <div class="hamburger colorswitch" id="hamburger-bg">
<div class="hamburger colorswitch hidden" id="hamburger-bg"> <nav id="footer-nav" aria-label="navigation">
<nav id="hamburger-nav" aria-label="navigation">
<a class="hamburger-nav-item colorswitch" href="/" title="home"> home</a><br> <a class="footer-nav-item colorswitch" href="/" title="home"></a>
<a class="hamburger-nav-item colorswitch" href="/about/" title="about"> about</a><br> <a class="footer-nav-item colorswitch" href="/about/" title="about"></a>
<a class="hamburger-nav-item colorswitch" href="/links/" title="links"> links</a><br> <a class="footer-nav-item colorswitch" href="/links/" title="links"></a>
<a class="hamburger-nav-item colorswitch" href="/music/" title="music"> music</a><br> <a class="footer-nav-item colorswitch" href="/music/" title="music"></a>
<a class="hamburger-nav-item colorswitch" href="/games/" title="games"> games</a><br> <a class="footer-nav-item colorswitch" href="/games/" title="games"></a>
<a class="hamburger-nav-item colorswitch" href="/software/" title="software"> software</a><br> <a class="footer-nav-item colorswitch" href="/software/" title="software"></a>
<a class="hamburger-nav-item active colorswitch" href="/posts/" title="posts">龎 posts</a><br> <a class="footer-nav-item active colorswitch" href="/posts/" title="posts">龎</a>
</nav> </nav>
</div> </div>
</span> </span>
</footer> </footer>

138
public/scss/main.css
View file

@ -1,14 +1,19 @@
@charset "UTF-8"; @charset "UTF-8";
* {
transition: 2s; }
body { body {
background-color: #413c74; background-color: #413c74;
color: #ff8ad0; } color: #ff8ad0;
transition: 2s; }
body.light { body.light {
background-color: #ffffff; background-color: #ffffff;
color: #413c74; } color: #413c74; }
a { a {
background-color: transparent; background-color: transparent;
color: #ffdc6d; } color: #ffdc6d;
transition: 2s; }
a.light { a.light {
background-color: transparent; background-color: transparent;
color: #9b5bb4; } color: #9b5bb4; }
@ -17,7 +22,8 @@ a.footer-nav-item.active,
a.footer-nav-item:hover { a.footer-nav-item:hover {
color: #ff8ad0; color: #ff8ad0;
background-color: #413c74; background-color: #413c74;
border-color: #413c74; } border-color: #413c74;
transition: 0.2s; }
a.footer-nav-item.active.light, a.footer-nav-item.active.light,
a.footer-nav-item:hover.light { a.footer-nav-item:hover.light {
color: #413c74; color: #413c74;
@ -26,21 +32,24 @@ a.footer-nav-item:hover {
footer { footer {
background-color: #ff8ad0; background-color: #ff8ad0;
color: #413c74; } color: #413c74;
transition: 2s; }
footer.light { footer.light {
background-color: #413c74; background-color: #413c74;
color: #ffffff; } color: #ffffff; }
footer a { footer a {
color: #413c74; color: #413c74;
background-color: #ff8ad0; } background-color: #ff8ad0;
transition: 2s; }
footer a.light { footer a.light {
color: #ffffff; color: #ffffff;
background-color: #413c74; } background-color: #413c74; }
.togglelabel { .togglelabel {
background-color: #ff8ad0; background-color: #ff8ad0;
border-color: #413c74; } border-color: #413c74;
transition: 2s; }
.togglelabel.light { .togglelabel.light {
background-color: #413c74; background-color: #413c74;
border-color: #ffffff; } border-color: #ffffff; }
@ -48,31 +57,37 @@ footer a {
.togglelabel.light::after { .togglelabel.light::after {
background-color: #ffffff; background-color: #ffffff;
border-color: #ffffff; border-color: #ffffff;
color: #413c74; } color: #413c74;
transition: 2s; }
.togglelabel::after { .togglelabel::after {
background-color: #413c74; background-color: #413c74;
border-color: #413c74; border-color: #413c74;
color: #ff8ad0; } color: #ff8ad0;
transition: 2s; }
body.light #title { body.light #title {
color: #ffffff; color: #ffffff;
background-color: #413c74; } background-color: #413c74;
transition: 2s; }
body #title { body #title {
color: #413c74; color: #413c74;
background-color: #ff8ad0; } background-color: #ff8ad0;
transition: 2s; }
article { article {
background-color: #413c74; background-color: #413c74;
border-color: #ff8ad0; } border-color: #ff8ad0;
transition: 2s; }
article.light { article.light {
background-color: #ffffff; background-color: #ffffff;
border-color: #413c74; } border-color: #413c74; }
h2 { h2 {
background-color: #ffdc6d; background-color: #ffdc6d;
color: #413c74; } color: #413c74;
transition: 2s; }
h2.light { h2.light {
color: #ffffff; } color: #ffffff; }
@ -83,7 +98,8 @@ h2 a {
h3 { h3 {
background-color: #61d478; background-color: #61d478;
color: #413c74; } color: #413c74;
transition: 2s; }
h3 a { h3 a {
color: #413c74; } color: #413c74; }
@ -92,7 +108,8 @@ h3 a {
h3.light { h3.light {
background-color: #5183b9; background-color: #5183b9;
color: #ffffff; } color: #ffffff;
transition: 2s; }
h3.lighta { h3.lighta {
color: #ffffff; } color: #ffffff; }
@ -100,25 +117,30 @@ h5,
h6, h6,
h4 { h4 {
background-color: #ffffff; background-color: #ffffff;
color: #413c74; } color: #413c74;
transition: 2s; }
h5 a, h5 a,
h6 a, h6 a,
h4 a { h4 a {
color: #413c74; } color: #413c74;
background-color: transparent; }
h4.light, h4.light,
h5.light, h5.light,
h6.light { h6.light {
background-color: #413c74; background-color: #413c74;
color: #ffffff; } color: #ffffff;
transition: 2s; }
h2.light { h2.light {
background-color: #9b5bb4; background-color: #9b5bb4;
color: #ffffff; } color: #ffffff;
transition: 2s; }
article.light a { article.light a {
background-color: transparent; background-color: transparent;
color: #9b5bb4; } color: #9b5bb4;
transition: 2s; }
article.light a.hash-link { article.light a.hash-link {
color: #ffffff; } color: #ffffff; }
article.light a.hash-link:hover { article.light a.hash-link:hover {
@ -128,6 +150,7 @@ article.light a {
a:hover { a:hover {
color: #413c74; color: #413c74;
background-color: #ffdc6d; background-color: #ffdc6d;
transition: 0.2s;
border-color: #ffdc6d; } border-color: #ffdc6d; }
.previous.light:hover, .previous.light:hover,
@ -136,11 +159,13 @@ a:hover {
article.light a:hover { article.light a:hover {
color: #ffffff; color: #ffffff;
background-color: #9b5bb4; background-color: #9b5bb4;
transition: 0.2s;
border-color: #9b5bb4; } border-color: #9b5bb4; }
.light.hash-link:hover, .light.hash-link:hover,
.hash-link:hover { .hash-link:hover {
background-color: transparent; } background-color: transparent;
transition: 2s; }
h1a.light, h1a.light,
h2a.light, h2a.light,
@ -158,16 +183,12 @@ h6a.light {
h6a.light:hover { h6a.light:hover {
background-color: transparent; } background-color: transparent; }
h1 #rss-title {
background-color: transparent;
color: #413c74; }
h1 #rss-title:hover {
background-color: transparent; }
h1 #rss-title.light {
color: #ffffff; }
header.light { header.light {
background-color: #ffffff; } background-color: #ffffff;
transition: 2s; }
header {
transition: 2s; }
.posttitle a { .posttitle a {
background-color: transparent; background-color: transparent;
@ -180,6 +201,7 @@ button {
background-color: #ff8ad0; background-color: #ff8ad0;
border-color: #413c74; } border-color: #413c74; }
button:hover { button:hover {
transition: 0.2s;
background-color: #413c74; background-color: #413c74;
color: #ff8ad0; } color: #ff8ad0; }
button.light { button.light {
@ -187,6 +209,7 @@ button {
background-color: #413c74; background-color: #413c74;
border-color: #ffffff; } border-color: #ffffff; }
button.light:hover { button.light:hover {
transition: 0.2s;
background-color: #ffffff; background-color: #ffffff;
color: #413c74; } color: #413c74; }
@ -197,24 +220,6 @@ button {
#pageindicator:hover { #pageindicator:hover {
background-color: transparent; } background-color: transparent; }
#hamburger-bg {
background-color: #413c74; }
#hamburger-bg .hamburger-nav-item {
background-color: transparent;
color: #ffdc6d;
border-color: #ffdc6d; }
#hamburger-bg .hamburger-nav-item:hover {
background-color: #ffdc6d;
color: #413c74; }
#hamburger-bg.light {
background-color: #ffffff; }
#hamburger-bg.light .hamburger-nav-item {
color: #9b5bb4;
border-color: #9b5bb4; }
#hamburger-bg.light .hamburger-nav-item:hover {
background-color: #9b5bb4;
color: #ffffff; }
html, html,
body { body {
height: 100%; height: 100%;
@ -332,25 +337,14 @@ header {
#hamburger-bg { #hamburger-bg {
position: fixed; position: fixed;
background-color: red;
opacity: 40%;
width: 100%; width: 100%;
height: calc(100% - 42pt); height: calc(100% - 42pt);
left: 0pt; left: 0pt;
top: 0pt; top: 0pt;
right: 0; right: 0;
transition: 0s; transition: 0s; }
display: grid;
justify-content: center;
overflow: scroll; }
#hamburger-bg * {
display: grid;
margin-top: 2pt;
margin-bottom: 2pt;
text-align: center; }
#hamburger-bg.hidden {
display: none; }
#darkmode-button-small {
margin-right: 8pt; }
@font-face { @font-face {
font-family: CaskaydiaCove; font-family: CaskaydiaCove;
@ -373,7 +367,6 @@ ul {
h1 { h1 {
font-size: 42pt; } font-size: 42pt; }
h1 a,
h2 a { h2 a {
font-size: 42pt; font-size: 42pt;
font-style: bold; } font-style: bold; }
@ -497,13 +490,7 @@ ul a {
border-style: solid; border-style: solid;
padding: 0.12em; } padding: 0.12em; }
#hamburger-bg .hamburger-nav-item { #hamburger-button {
border-style: solid;
padding: 0.12em; }
#hamburger-button,
#hamburger-bg,
#darkmode-button-small {
display: none; } display: none; }
@media screen and (max-width: 640pt) { @media screen and (max-width: 640pt) {
@ -511,14 +498,5 @@ ul a {
#darkmode-toggle, #darkmode-toggle,
#darkmode-toggle-label { #darkmode-toggle-label {
display: none; } display: none; }
#hamburger-button, #hamburger-button {
#darkmode-button-small, display: flex; } }
#hamburger-bg,
#hamburger-bg #darkmode-toggle-label,
#hamburger-bg #darkmode-toggle {
display: flex; }
#hamburger-bg #darkmode-toggle,
#hamburger-bg #darkmode-toggle-label {
position: absolute;
bottom: 1em;
right: 1em; } }

31
public/software/index.html
View file

@ -2,18 +2,17 @@
<html lang="en"><head> <html lang="en"><head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>software@batsite</title> <title>software</title>
<link rel="stylesheet" href="/scss/main.css"> <link rel="stylesheet" href="/scss/main.css">
<link rel="alternate" type="application/rss+xml" href="https://zoe.kittycat.homes/software/index.xml" title="batsite" />
<link rel="icon" type="image/x-icon" href="/svg/favicon.svg"> <link rel="icon" type="image/x-icon" href="/svg/favicon.svg">
</head> </head>
<body class="colorswitch"><div id="content"> <body class="colorswitch"><div id="content">
<main> <main>
<article class="colorswitch"> <article>
<header> <header class="colorswitch">
<h1 id="title"><a href="./index.xml" class="colorswitch with-rss" id="rss-title">software </a></h1> <h1 id="title">software</h1>
</header> </header>
@ -49,27 +48,27 @@
<span id="footer-right"> <span id="footer-right">
<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>
<button type="button" id="darkmode-button-small" class="colorswitch hamburger"></button> <button type="button" id="hamburger-button" class="colorswitch hamburger"></button>
<button type="button" id="hamburger-button" class="colorswitch hamburger" title="hamburger navigation menu button"></button> <div class="hamburger colorswitch" id="hamburger-bg">
<div class="hamburger colorswitch hidden" id="hamburger-bg"> <nav id="footer-nav" aria-label="navigation">
<nav id="hamburger-nav" aria-label="navigation">
<a class="hamburger-nav-item colorswitch" href="/" title="home"> home</a><br> <a class="footer-nav-item colorswitch" href="/" title="home"></a>
<a class="hamburger-nav-item colorswitch" href="/about/" title="about"> about</a><br> <a class="footer-nav-item colorswitch" href="/about/" title="about"></a>
<a class="hamburger-nav-item colorswitch" href="/links/" title="links"> links</a><br> <a class="footer-nav-item colorswitch" href="/links/" title="links"></a>
<a class="hamburger-nav-item colorswitch" href="/music/" title="music"> music</a><br> <a class="footer-nav-item colorswitch" href="/music/" title="music"></a>
<a class="hamburger-nav-item colorswitch" href="/games/" title="games"> games</a><br> <a class="footer-nav-item colorswitch" href="/games/" title="games"></a>
<a class="hamburger-nav-item active colorswitch" href="/software/" title="software"> software</a><br> <a class="footer-nav-item active colorswitch" href="/software/" title="software"></a>
<a class="hamburger-nav-item colorswitch" href="/posts/" title="posts">龎 posts</a><br> <a class="footer-nav-item colorswitch" href="/posts/" title="posts">龎</a>
</nav> </nav>
</div> </div>
</span> </span>
</footer> </footer>

131
public/svg/favicon.svg
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.7 KiB

After

Width:  |  Height:  |  Size: 20 KiB

Before After
Before After

31
public/tags/index.html
View file

@ -2,18 +2,17 @@
<html lang="en"><head> <html lang="en"><head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>Tags@batsite</title> <title>Tags</title>
<link rel="stylesheet" href="/scss/main.css"> <link rel="stylesheet" href="/scss/main.css">
<link rel="alternate" type="application/rss+xml" href="https://zoe.kittycat.homes/tags/index.xml" title="batsite" />
<link rel="icon" type="image/x-icon" href="/svg/favicon.svg"> <link rel="icon" type="image/x-icon" href="/svg/favicon.svg">
</head> </head>
<body class="colorswitch"><div id="content"> <body class="colorswitch"><div id="content">
<main> <main>
<article class="colorswitch"> <article>
<header> <header class="colorswitch">
<h1 id="title"><a href="./index.xml" class="colorswitch with-rss" id="rss-title">Tags </a></h1> <h1 id="title">Tags</h1>
</header> </header>
@ -49,27 +48,27 @@
<span id="footer-right"> <span id="footer-right">
<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>
<button type="button" id="darkmode-button-small" class="colorswitch hamburger"></button> <button type="button" id="hamburger-button" class="colorswitch hamburger"></button>
<button type="button" id="hamburger-button" class="colorswitch hamburger" title="hamburger navigation menu button"></button> <div class="hamburger colorswitch" id="hamburger-bg">
<div class="hamburger colorswitch hidden" id="hamburger-bg"> <nav id="footer-nav" aria-label="navigation">
<nav id="hamburger-nav" aria-label="navigation">
<a class="hamburger-nav-item colorswitch" href="/" title="home"> home</a><br> <a class="footer-nav-item colorswitch" href="/" title="home"></a>
<a class="hamburger-nav-item colorswitch" href="/about/" title="about"> about</a><br> <a class="footer-nav-item colorswitch" href="/about/" title="about"></a>
<a class="hamburger-nav-item colorswitch" href="/links/" title="links"> links</a><br> <a class="footer-nav-item colorswitch" href="/links/" title="links"></a>
<a class="hamburger-nav-item colorswitch" href="/music/" title="music"> music</a><br> <a class="footer-nav-item colorswitch" href="/music/" title="music"></a>
<a class="hamburger-nav-item colorswitch" href="/games/" title="games"> games</a><br> <a class="footer-nav-item colorswitch" href="/games/" title="games"></a>
<a class="hamburger-nav-item colorswitch" href="/software/" title="software"> software</a><br> <a class="footer-nav-item colorswitch" href="/software/" title="software"></a>
<a class="hamburger-nav-item colorswitch" href="/posts/" title="posts">龎 posts</a><br> <a class="footer-nav-item colorswitch" href="/posts/" title="posts">龎</a>
</nav> </nav>
</div> </div>
</span> </span>
</footer> </footer>

135
resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content
View file

@ -1,14 +1,19 @@
@charset "UTF-8"; @charset "UTF-8";
* {
transition: 2s; }
body { body {
background-color: #413c74; background-color: #413c74;
color: #ff8ad0; } color: #ff8ad0;
transition: 2s; }
body.light { body.light {
background-color: #ffffff; background-color: #ffffff;
color: #413c74; } color: #413c74; }
a { a {
background-color: transparent; background-color: transparent;
color: #ffdc6d; } color: #ffdc6d;
transition: 2s; }
a.light { a.light {
background-color: transparent; background-color: transparent;
color: #9b5bb4; } color: #9b5bb4; }
@ -17,7 +22,8 @@ a.footer-nav-item.active,
a.footer-nav-item:hover { a.footer-nav-item:hover {
color: #ff8ad0; color: #ff8ad0;
background-color: #413c74; background-color: #413c74;
border-color: #413c74; } border-color: #413c74;
transition: 0.2s; }
a.footer-nav-item.active.light, a.footer-nav-item.active.light,
a.footer-nav-item:hover.light { a.footer-nav-item:hover.light {
color: #413c74; color: #413c74;
@ -26,21 +32,24 @@ a.footer-nav-item:hover {
footer { footer {
background-color: #ff8ad0; background-color: #ff8ad0;
color: #413c74; } color: #413c74;
transition: 2s; }
footer.light { footer.light {
background-color: #413c74; background-color: #413c74;
color: #ffffff; } color: #ffffff; }
footer a { footer a {
color: #413c74; color: #413c74;
background-color: #ff8ad0; } background-color: #ff8ad0;
transition: 2s; }
footer a.light { footer a.light {
color: #ffffff; color: #ffffff;
background-color: #413c74; } background-color: #413c74; }
.togglelabel { .togglelabel {
background-color: #ff8ad0; background-color: #ff8ad0;
border-color: #413c74; } border-color: #413c74;
transition: 2s; }
.togglelabel.light { .togglelabel.light {
background-color: #413c74; background-color: #413c74;
border-color: #ffffff; } border-color: #ffffff; }
@ -48,31 +57,37 @@ footer a {
.togglelabel.light::after { .togglelabel.light::after {
background-color: #ffffff; background-color: #ffffff;
border-color: #ffffff; border-color: #ffffff;
color: #413c74; } color: #413c74;
transition: 2s; }
.togglelabel::after { .togglelabel::after {
background-color: #413c74; background-color: #413c74;
border-color: #413c74; border-color: #413c74;
color: #ff8ad0; } color: #ff8ad0;
transition: 2s; }
body.light #title { body.light #title {
color: #ffffff; color: #ffffff;
background-color: #413c74; } background-color: #413c74;
transition: 2s; }
body #title { body #title {
color: #413c74; color: #413c74;
background-color: #ff8ad0; } background-color: #ff8ad0;
transition: 2s; }
article { article {
background-color: #413c74; background-color: #413c74;
border-color: #ff8ad0; } border-color: #ff8ad0;
transition: 2s; }
article.light { article.light {
background-color: #ffffff; background-color: #ffffff;
border-color: #413c74; } border-color: #413c74; }
h2 { h2 {
background-color: #ffdc6d; background-color: #ffdc6d;
color: #413c74; } color: #413c74;
transition: 2s; }
h2.light { h2.light {
color: #ffffff; } color: #ffffff; }
@ -83,7 +98,8 @@ h2 a {
h3 { h3 {
background-color: #61d478; background-color: #61d478;
color: #413c74; } color: #413c74;
transition: 2s; }
h3 a { h3 a {
color: #413c74; } color: #413c74; }
@ -92,7 +108,8 @@ h3 a {
h3.light { h3.light {
background-color: #5183b9; background-color: #5183b9;
color: #ffffff; } color: #ffffff;
transition: 2s; }
h3.lighta { h3.lighta {
color: #ffffff; } color: #ffffff; }
@ -100,25 +117,30 @@ h5,
h6, h6,
h4 { h4 {
background-color: #ffffff; background-color: #ffffff;
color: #413c74; } color: #413c74;
transition: 2s; }
h5 a, h5 a,
h6 a, h6 a,
h4 a { h4 a {
color: #413c74; } color: #413c74;
background-color: transparent; }
h4.light, h4.light,
h5.light, h5.light,
h6.light { h6.light {
background-color: #413c74; background-color: #413c74;
color: #ffffff; } color: #ffffff;
transition: 2s; }
h2.light { h2.light {
background-color: #9b5bb4; background-color: #9b5bb4;
color: #ffffff; } color: #ffffff;
transition: 2s; }
article.light a { article.light a {
background-color: transparent; background-color: transparent;
color: #9b5bb4; } color: #9b5bb4;
transition: 2s; }
article.light a.hash-link { article.light a.hash-link {
color: #ffffff; } color: #ffffff; }
article.light a.hash-link:hover { article.light a.hash-link:hover {
@ -128,6 +150,7 @@ article.light a {
a:hover { a:hover {
color: #413c74; color: #413c74;
background-color: #ffdc6d; background-color: #ffdc6d;
transition: 0.2s;
border-color: #ffdc6d; } border-color: #ffdc6d; }
.previous.light:hover, .previous.light:hover,
@ -136,11 +159,13 @@ a:hover {
article.light a:hover { article.light a:hover {
color: #ffffff; color: #ffffff;
background-color: #9b5bb4; background-color: #9b5bb4;
transition: 0.2s;
border-color: #9b5bb4; } border-color: #9b5bb4; }
.light.hash-link:hover, .light.hash-link:hover,
.hash-link:hover { .hash-link:hover {
background-color: transparent; } background-color: transparent;
transition: 2s; }
h1a.light, h1a.light,
h2a.light, h2a.light,
@ -158,16 +183,12 @@ h6a.light {
h6a.light:hover { h6a.light:hover {
background-color: transparent; } background-color: transparent; }
h1 #rss-title {
background-color: transparent;
color: #413c74; }
h1 #rss-title:hover {
background-color: transparent; }
h1 #rss-title.light {
color: #ffffff; }
header.light { header.light {
background-color: #ffffff; } background-color: #ffffff;
transition: 2s; }
header {
transition: 2s; }
.posttitle a { .posttitle a {
background-color: transparent; background-color: transparent;
@ -180,6 +201,7 @@ button {
background-color: #ff8ad0; background-color: #ff8ad0;
border-color: #413c74; } border-color: #413c74; }
button:hover { button:hover {
transition: 0.2s;
background-color: #413c74; background-color: #413c74;
color: #ff8ad0; } color: #ff8ad0; }
button.light { button.light {
@ -187,6 +209,7 @@ button {
background-color: #413c74; background-color: #413c74;
border-color: #ffffff; } border-color: #ffffff; }
button.light:hover { button.light:hover {
transition: 0.2s;
background-color: #ffffff; background-color: #ffffff;
color: #413c74; } color: #413c74; }
@ -197,24 +220,6 @@ button {
#pageindicator:hover { #pageindicator:hover {
background-color: transparent; } background-color: transparent; }
#hamburger-bg {
background-color: #413c74; }
#hamburger-bg .hamburger-nav-item {
background-color: transparent;
color: #ffdc6d;
border-color: #ffdc6d; }
#hamburger-bg .hamburger-nav-item:hover {
background-color: #ffdc6d;
color: #413c74; }
#hamburger-bg.light {
background-color: #ffffff; }
#hamburger-bg.light .hamburger-nav-item {
color: #9b5bb4;
border-color: #9b5bb4; }
#hamburger-bg.light .hamburger-nav-item:hover {
background-color: #9b5bb4;
color: #ffffff; }
html, html,
body { body {
height: 100%; height: 100%;
@ -332,6 +337,7 @@ header {
#hamburger-bg { #hamburger-bg {
position: fixed; position: fixed;
background-color: red;
width: 100%; width: 100%;
height: calc(100% - 42pt); height: calc(100% - 42pt);
left: 0pt; left: 0pt;
@ -339,18 +345,13 @@ header {
right: 0; right: 0;
transition: 0s; transition: 0s;
display: grid; display: grid;
justify-content: center; align-items: center;
overflow: scroll; } justify-content: center; }
#hamburger-bg * { #hamburger-bg * {
display: grid; display: grid;
margin-top: 2pt; margin-top: 14pt;
margin-bottom: 2pt; margin-bottom: 14pt;
text-align: center; } text-align: center; }
#hamburger-bg.hidden {
display: none; }
#darkmode-button-small {
margin-right: 8pt; }
@font-face { @font-face {
font-family: CaskaydiaCove; font-family: CaskaydiaCove;
@ -373,7 +374,6 @@ ul {
h1 { h1 {
font-size: 42pt; } font-size: 42pt; }
h1 a,
h2 a { h2 a {
font-size: 42pt; font-size: 42pt;
font-style: bold; } font-style: bold; }
@ -497,13 +497,7 @@ ul a {
border-style: solid; border-style: solid;
padding: 0.12em; } padding: 0.12em; }
#hamburger-bg .hamburger-nav-item { #hamburger-button {
border-style: solid;
padding: 0.12em; }
#hamburger-button,
#hamburger-bg,
#darkmode-button-small {
display: none; } display: none; }
@media screen and (max-width: 640pt) { @media screen and (max-width: 640pt) {
@ -511,14 +505,5 @@ ul a {
#darkmode-toggle, #darkmode-toggle,
#darkmode-toggle-label { #darkmode-toggle-label {
display: none; } display: none; }
#hamburger-button, #hamburger-button {
#darkmode-button-small, display: flex; } }
#hamburger-bg,
#hamburger-bg #darkmode-toggle-label,
#hamburger-bg #darkmode-toggle {
display: flex; }
#hamburger-bg #darkmode-toggle,
#hamburger-bg #darkmode-toggle-label {
position: absolute;
bottom: 1em;
right: 1em; } }

2
themes/battheme

@ -1 +1 @@
Subproject commit 26372fdcca121d7d9a5b5ae4c4259efd1bbc69f3 Subproject commit cb4c119646ea2a0922dc121ee10f359ff2ce4c3c