mirror of
https://git.kittycat.homes/zoe/hugo-batsite.git
synced 2024-08-15 03:18:24 +00:00
build new version
This commit is contained in:
parent
a3c32be357
commit
694836dbc7
22 changed files with 1169 additions and 252 deletions
|
@ -1,19 +1,38 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>About</title>
|
||||
<title>about</title>
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/scss/main.css">
|
||||
<link rel="icon" type="image/x-icon" href="/svg/favicon.svg">
|
||||
</head>
|
||||
<body><div id="content">
|
||||
<body class="colorswitch"><div id="content">
|
||||
<section id="main">
|
||||
<h1 id="title">Single Page About</h1>
|
||||
<div class="titlecontainer">
|
||||
<h1 id="title" class="colorswitch">about</h1>
|
||||
</div>
|
||||
<div>
|
||||
<article id="content">
|
||||
|
||||
<article id="content" class="colorswitch">
|
||||
<h2 id="this-site" class="colorswitch">
|
||||
<a class="hash-link colorswitch" href="#this-site">
|
||||
this site
|
||||
</a>
|
||||
</h2>
|
||||
<p>this site was made in hugo and uses its own theme that was made from scratch!
|
||||
the source code for <a href="https://git.kittycat.homes/zoe/hugo-batsite">the site</a> and <a href="https://git.kittycat.homes/zoe/hugo-battheme">theme</a> is available on <a href="https://git.kittycat.homes">git</a>.
|
||||
its fine to use anything from here for personal use!
|
||||
this site also uses <a href="https://www.nerdfonts.com/font-downloads">nerdfonts caskaydia code</a> and the <a href="https://lospec.com/palette-list/final-8">final 8 color palette</a>.</p>
|
||||
<h2 id="me" class="colorswitch">
|
||||
<a class="hash-link colorswitch" href="#me">
|
||||
me
|
||||
</a>
|
||||
</h2>
|
||||
<p>hi i’m zoe (she/her, fae/faer, they/them) whats up.
|
||||
tech tip: you can find out more about me by looking at this website<br>
|
||||
i’m also trans and gay and queer :)</p>
|
||||
|
||||
</article>
|
||||
</div>
|
||||
</section>
|
||||
|
@ -23,32 +42,33 @@
|
|||
</section>
|
||||
|
||||
|
||||
</div>
|
||||
<div>
|
||||
|
||||
|
||||
<a class="next" href="http://example.org/links/">next: Links</a>
|
||||
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
</div><footer>
|
||||
<div id="footer-center">
|
||||
<nav id="footer-nav">
|
||||
</div><footer class="colorswitch">
|
||||
<span id="footer-left"></span>
|
||||
<span id="footer-center">
|
||||
<nav id="footer-nav" aria-label="navigation">
|
||||
|
||||
|
||||
<a class="footer-nav-item" href="/" title=""> home</a>
|
||||
<a class="footer-nav-item colorswitch" href="/" title="home"></a>
|
||||
|
||||
<a class="footer-nav-item active" href="/about/" title="About"> about</a>
|
||||
<a class="footer-nav-item active colorswitch" href="/about/" title="about"></a>
|
||||
|
||||
<a class="footer-nav-item" href="/links/" title="Links"> 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="/software/" title="software"></a>
|
||||
|
||||
<a class="footer-nav-item colorswitch" href="/posts/" title="posts">龎</a>
|
||||
|
||||
</nav>
|
||||
</div>
|
||||
<div id="footer-right">
|
||||
<input type="checkbox" id="darkmode-toggle">
|
||||
</div>
|
||||
</span>
|
||||
<span id="footer-right">
|
||||
<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"></label>
|
||||
</span>
|
||||
</footer>
|
||||
<script src="/js/darkmode.js"></script>
|
||||
</body>
|
||||
<script src="/js/main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Categories</title>
|
||||
|
@ -8,38 +8,46 @@
|
|||
<link rel="stylesheet" href="/scss/main.css">
|
||||
<link rel="icon" type="image/x-icon" href="/svg/favicon.svg">
|
||||
</head>
|
||||
<body><div id="content">
|
||||
<body class="colorswitch"><div id="content">
|
||||
<main>
|
||||
<article>
|
||||
<header>
|
||||
<h1>List - Categories</h1>
|
||||
<header class="colorswitch">
|
||||
<h1 id="title">Categories</h1>
|
||||
</header>
|
||||
|
||||
|
||||
</article>
|
||||
<ul>
|
||||
<div id="pagelist">
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
</div><footer>
|
||||
<div id="footer-center">
|
||||
<nav id="footer-nav">
|
||||
</div><footer class="colorswitch">
|
||||
<span id="footer-left"></span>
|
||||
<span id="footer-center">
|
||||
<nav id="footer-nav" aria-label="navigation">
|
||||
|
||||
|
||||
<a class="footer-nav-item" href="/" title=""> home</a>
|
||||
<a class="footer-nav-item colorswitch" href="/" title="home"></a>
|
||||
|
||||
<a class="footer-nav-item" href="/about/" title="About"> about</a>
|
||||
<a class="footer-nav-item colorswitch" href="/about/" title="about"></a>
|
||||
|
||||
<a class="footer-nav-item" href="/links/" title="Links"> 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="/software/" title="software"></a>
|
||||
|
||||
<a class="footer-nav-item colorswitch" href="/posts/" title="posts">龎</a>
|
||||
|
||||
</nav>
|
||||
</div>
|
||||
<div id="footer-right">
|
||||
<input type="checkbox" id="darkmode-toggle">
|
||||
</div>
|
||||
</span>
|
||||
<span id="footer-right">
|
||||
<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"></label>
|
||||
</span>
|
||||
</footer>
|
||||
<script src="/js/darkmode.js"></script>
|
||||
</body>
|
||||
<script src="/js/main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
@ -5,6 +5,6 @@
|
|||
<link>http://example.org/categories/</link>
|
||||
<description>Recent content in Categories on batsite</description>
|
||||
<generator>Hugo -- gohugo.io</generator>
|
||||
<language>en-us</language><atom:link href="http://example.org/categories/index.xml" rel="self" type="application/rss+xml" />
|
||||
<language>eng</language><atom:link href="http://example.org/categories/index.xml" rel="self" type="application/rss+xml" />
|
||||
</channel>
|
||||
</rss>
|
||||
|
|
|
@ -1,41 +1,68 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<meta name="generator" content="Hugo 0.82.1" />
|
||||
<html lang="en"><head>
|
||||
<meta name="generator" content="Hugo 0.96.0" />
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>batsite</title>
|
||||
<title>home</title>
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/scss/main.css">
|
||||
<link rel="icon" type="image/x-icon" href="/svg/favicon.svg">
|
||||
</head>
|
||||
<body><div id="content">
|
||||
<div>
|
||||
<h1 class="title">batsite</h1>
|
||||
</div>
|
||||
<div>
|
||||
<body class="colorswitch"><div id="content">
|
||||
<header>
|
||||
<h1 id="title" class="colorswitch">batsite</h1>
|
||||
</header>
|
||||
<article id="content" class="colorswitch">
|
||||
<p>
|
||||
|
||||
</p>
|
||||
</div>
|
||||
<h2 id="hello" class="colorswitch">
|
||||
<a class="hash-link colorswitch" href="#hello">
|
||||
hello
|
||||
</a>
|
||||
</h2>
|
||||
<p>and welcome to my webbed site! i’m zoe. (they/she/fae)
|
||||
on this site you can find some of my projects: <a href="/games/">games</a>, <a href="/music/">music</a> and <a href="/software/">software</a>.
|
||||
if you ever wish to <em>experience</em> of of those, i hope you enjoy!</p>
|
||||
<h3 id="work-in-progress" class="colorswitch">
|
||||
<a class="hash-link colorswitch" href="#work-in-progress">
|
||||
work in progress
|
||||
</a>
|
||||
</h3>
|
||||
<p>this site is still a work in progress! please be patient!</p>
|
||||
<h2 id="webring" class="colorswitch">
|
||||
<a class="hash-link colorswitch" href="#webring">
|
||||
webring
|
||||
</a>
|
||||
</h2>
|
||||
<p>this site is part of the <a href="https://ring.bicompact.space/">armisael webring</a>!!! <a href="/links/buddies/#armisael-webring">please take a look</a>!</p>
|
||||
|
||||
</div><footer>
|
||||
<div id="footer-center">
|
||||
<nav id="footer-nav">
|
||||
</p>
|
||||
</article>
|
||||
</div><footer class="colorswitch">
|
||||
<span id="footer-left"></span>
|
||||
<span id="footer-center">
|
||||
<nav id="footer-nav" aria-label="navigation">
|
||||
|
||||
|
||||
<a class="footer-nav-item active" href="/" title=""> home</a>
|
||||
<a class="footer-nav-item active colorswitch" href="/" title="home"></a>
|
||||
|
||||
<a class="footer-nav-item" href="/about/" title="About"> about</a>
|
||||
<a class="footer-nav-item colorswitch" href="/about/" title="about"></a>
|
||||
|
||||
<a class="footer-nav-item" href="/links/" title="Links"> 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="/software/" title="software"></a>
|
||||
|
||||
<a class="footer-nav-item colorswitch" href="/posts/" title="posts">龎</a>
|
||||
|
||||
</nav>
|
||||
</div>
|
||||
<div id="footer-right">
|
||||
<input type="checkbox" id="darkmode-toggle">
|
||||
</div>
|
||||
</span>
|
||||
<span id="footer-right">
|
||||
<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"></label>
|
||||
</span>
|
||||
</footer>
|
||||
<script src="/js/darkmode.js"></script>
|
||||
</body>
|
||||
<script src="/js/main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
@ -1,55 +1,50 @@
|
|||
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||
<channel>
|
||||
<title>batsite</title>
|
||||
<title>home on batsite</title>
|
||||
<link>http://example.org/</link>
|
||||
<description>Recent content on batsite</description>
|
||||
<description>Recent content in home on batsite</description>
|
||||
<generator>Hugo -- gohugo.io</generator>
|
||||
<language>en-us</language>
|
||||
<lastBuildDate>Sat, 09 Apr 2022 14:12:18 +0200</lastBuildDate><atom:link href="http://example.org/index.xml" rel="self" type="application/rss+xml" />
|
||||
<language>eng</language>
|
||||
<lastBuildDate>Fri, 15 Apr 2022 20:45:43 +0200</lastBuildDate><atom:link href="http://example.org/index.xml" rel="self" type="application/rss+xml" />
|
||||
<item>
|
||||
<title>Links</title>
|
||||
<link>http://example.org/links/</link>
|
||||
<pubDate>Sat, 09 Apr 2022 17:37:48 +0200</pubDate>
|
||||
<title>things that make me happy</title>
|
||||
<link>http://example.org/links/nice_things/</link>
|
||||
<pubDate>Fri, 15 Apr 2022 20:01:01 +0200</pubDate>
|
||||
|
||||
<guid>http://example.org/links/</guid>
|
||||
<description></description>
|
||||
<guid>http://example.org/links/nice_things/</guid>
|
||||
<description>&nbsp;my girlfriend!!! hehe fae is so cute
|
||||
&nbsp;videos &nbsp;an entire tray of peas the raw energy of this is just amazing she just eats the entire tray of peas!!! impressive!</description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>About</title>
|
||||
<title>find me</title>
|
||||
<link>http://example.org/links/contact/</link>
|
||||
<pubDate>Fri, 15 Apr 2022 16:19:04 +0200</pubDate>
|
||||
|
||||
<guid>http://example.org/links/contact/</guid>
|
||||
<description>you can find me on a few different platforms!
|
||||
ﬧ matrix git bandcamp gotosocial itch.io bat tiger</description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>about</title>
|
||||
<link>http://example.org/about/</link>
|
||||
<pubDate>Sat, 09 Apr 2022 14:23:49 +0200</pubDate>
|
||||
|
||||
<guid>http://example.org/about/</guid>
|
||||
<description></description>
|
||||
<description>&nbsp;this site this site was made in hugo and uses its own theme that was made from scratch! the source code for the site and theme is available on git. its fine to use anything from here for personal use! this site also uses nerdfonts caskaydia code and the final 8 color palette.
|
||||
&nbsp;me hi i&rsquo;m zoe (she/her, fae/faer, they/them) whats up. tech tip: you can find out more about me by looking at this website</description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>Aeiuo</title>
|
||||
<link>http://example.org/posts/aeiuo/</link>
|
||||
<pubDate>Sat, 09 Apr 2022 14:12:18 +0200</pubDate>
|
||||
<title>buddies</title>
|
||||
<link>http://example.org/links/buddies/</link>
|
||||
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
|
||||
|
||||
<guid>http://example.org/posts/aeiuo/</guid>
|
||||
<description></description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>B</title>
|
||||
<link>http://example.org/dir1/b/</link>
|
||||
<pubDate>Sat, 09 Apr 2022 14:02:24 +0200</pubDate>
|
||||
|
||||
<guid>http://example.org/dir1/b/</guid>
|
||||
<description></description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>Example</title>
|
||||
<link>http://example.org/posts/example/</link>
|
||||
<pubDate>Sat, 09 Apr 2022 13:36:54 +0200</pubDate>
|
||||
|
||||
<guid>http://example.org/posts/example/</guid>
|
||||
<description></description>
|
||||
<guid>http://example.org/links/buddies/</guid>
|
||||
<description>&nbsp;tess!!! fae is my girlfriend and is really perfect!!! like there has been no other person like faer in existence and its rlly nice! i&rsquo;m gay! anyways look at faer website (very important) this site also has free cat pics!!! and fae makes really good twitch streams! what&rsquo;s stopping you from taking a look! we also made a bunch of games together hehe
|
||||
&nbsp;armisael webring this website is part of the armisael webring!</description>
|
||||
</item>
|
||||
|
||||
</channel>
|
||||
|
|
13
public/js/headings.js
Normal file
13
public/js/headings.js
Normal file
|
@ -0,0 +1,13 @@
|
|||
(function addHeadingLinks() {
|
||||
var article = document.getElementById("content");
|
||||
var headings = article.querySelectorAll("h1, h2, h3, h4, h5, h6");
|
||||
headings.forEach(function (heading) {
|
||||
if (heading.id) {
|
||||
var a = document.createElement("a");
|
||||
a.innerHTML = heading.innerHTML;
|
||||
a.href = "#" + heading.id;
|
||||
heading.innerHTML = "";
|
||||
heading.appendChild(a);
|
||||
}
|
||||
});
|
||||
})();
|
36
public/js/main.js
Normal file
36
public/js/main.js
Normal file
|
@ -0,0 +1,36 @@
|
|||
const checkbox = document.getElementById("darkmode-toggle");
|
||||
const colorswitchers = document.getElementsByClassName("colorswitch");
|
||||
|
||||
function switchToLight() {
|
||||
for (let item of colorswitchers) {
|
||||
item.classList.add("light");
|
||||
}
|
||||
}
|
||||
|
||||
function switchToDark() {
|
||||
for (let item of colorswitchers) {
|
||||
console.log(item);
|
||||
item.classList.remove("light");
|
||||
}
|
||||
}
|
||||
|
||||
document.addEventListener("DOMContentLoaded", () => {
|
||||
if (localStorage.getItem("light")) {
|
||||
switchToLight();
|
||||
} else {
|
||||
switchToDark();
|
||||
}
|
||||
checkbox.checked = localStorage.getItem("dark");
|
||||
checkbox.addEventListener("change", function () {
|
||||
localStorage.setItem("light", this.checked);
|
||||
if (this.checked) {
|
||||
switchToLight();
|
||||
} else {
|
||||
localStorage.removeItem("light");
|
||||
switchToDark();
|
||||
}
|
||||
});
|
||||
if (localStorage.getItem("light")) {
|
||||
checkbox.checked = true;
|
||||
}
|
||||
});
|
94
public/links/buddies/index.html
Normal file
94
public/links/buddies/index.html
Normal file
|
@ -0,0 +1,94 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>buddies</title>
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/scss/main.css">
|
||||
<link rel="icon" type="image/x-icon" href="/svg/favicon.svg">
|
||||
</head>
|
||||
<body class="colorswitch"><div id="content">
|
||||
<section id="main">
|
||||
<div class="titlecontainer">
|
||||
<h1 id="title" class="colorswitch">buddies</h1>
|
||||
</div>
|
||||
<div>
|
||||
<article id="content" class="colorswitch">
|
||||
<h2 id="tess" class="colorswitch">
|
||||
<a class="hash-link colorswitch" href="#tess">
|
||||
tess!!!
|
||||
</a>
|
||||
</h2>
|
||||
<p>fae is my girlfriend and is really perfect!!! like there has been no other person like faer in existence and its rlly nice! i’m gay!
|
||||
<a href="https://tess.kittycat.homes">anyways look at faer website (very important)</a> this site also has <em>free cat pics!!!</em> and fae makes really good <a href="https://www.twitch.tv/rawtess">twitch streams</a>!
|
||||
what’s stopping you from taking a look!
|
||||
we also made a bunch of <a href="https://bathearttiger.itch.io/">games</a> together hehe</p>
|
||||
<h2 id="armisael-webring" class="colorswitch">
|
||||
<a class="hash-link colorswitch" href="#armisael-webring">
|
||||
armisael webring
|
||||
</a>
|
||||
</h2>
|
||||
<p>this website is part of the <a href="https://ring.bicompact.space/">armisael webring!</a>
|
||||
bunch of fuckging dorks on there (they’re great)<br>
|
||||
<a href="https://bicompact.space/">hazel</a> is in front of me and <a href="https://erkin.party/">lulu</a> is behind!</p>
|
||||
<h2 id="blankie" class="colorswitch">
|
||||
<a class="hash-link colorswitch" href="#blankie">
|
||||
blankie
|
||||
</a>
|
||||
</h2>
|
||||
<p>blankie is way better at websites then me! you should look at them!
|
||||
theres <a href="https://pastel.codes/">pastel.codes</a> and <a href="https://pentagram.site/">pentagram.site</a></p>
|
||||
<h2 id="elysia" class="colorswitch">
|
||||
<a class="hash-link colorswitch" href="#elysia">
|
||||
elysia
|
||||
</a>
|
||||
</h2>
|
||||
<p>fae is cool and queer and also cats! what’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">
|
||||
<a class="hash-link colorswitch" href="#barrow">
|
||||
barrow
|
||||
</a>
|
||||
</h2>
|
||||
<p>ezra and june barrow run the <a href="http://alphamethyl.barr0w.net/~barrow/">alphamethyl</a> tilde and generally do v good and cool fuckery</p>
|
||||
|
||||
</article>
|
||||
</div>
|
||||
</section>
|
||||
<aside id="meta">
|
||||
<div>
|
||||
<section>
|
||||
</section>
|
||||
|
||||
|
||||
</div>
|
||||
</aside>
|
||||
</div><footer class="colorswitch">
|
||||
<span id="footer-left"></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="/about/" title="about"></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="/software/" title="software"></a>
|
||||
|
||||
<a class="footer-nav-item colorswitch" href="/posts/" title="posts">龎</a>
|
||||
|
||||
</nav>
|
||||
</span>
|
||||
<span id="footer-right">
|
||||
<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"></label>
|
||||
</span>
|
||||
</footer>
|
||||
<script src="/js/main.js"></script>
|
||||
</body>
|
||||
</html>
|
63
public/links/contact/index.html
Normal file
63
public/links/contact/index.html
Normal file
|
@ -0,0 +1,63 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>find me</title>
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/scss/main.css">
|
||||
<link rel="icon" type="image/x-icon" href="/svg/favicon.svg">
|
||||
</head>
|
||||
<body class="colorswitch"><div id="content">
|
||||
<section id="main">
|
||||
<div class="titlecontainer">
|
||||
<h1 id="title" class="colorswitch">find me</h1>
|
||||
</div>
|
||||
<div>
|
||||
<article id="content" class="colorswitch">
|
||||
<p>you can find me on a few different platforms!</p>
|
||||
<p><a href="https://matrix.to/#/@bat:matrix.kittycat.homes">ﬧ matrix</a>
|
||||
<a href="https://git.kittycat.homes/zoe"> git</a>
|
||||
<a href="https://zoebat.bandcamp.com/"> bandcamp</a>
|
||||
<a href="https://kittycat.homes/@pastelpunkbandit"> gotosocial</a>
|
||||
<a href="https://bathearttiger.itch.io/"> itch.io bat tiger</a></p>
|
||||
|
||||
</article>
|
||||
</div>
|
||||
</section>
|
||||
<aside id="meta">
|
||||
<div>
|
||||
<section>
|
||||
</section>
|
||||
|
||||
|
||||
</div>
|
||||
</aside>
|
||||
</div><footer class="colorswitch">
|
||||
<span id="footer-left"></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="/about/" title="about"></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="/software/" title="software"></a>
|
||||
|
||||
<a class="footer-nav-item colorswitch" href="/posts/" title="posts">龎</a>
|
||||
|
||||
</nav>
|
||||
</span>
|
||||
<span id="footer-right">
|
||||
<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"></label>
|
||||
</span>
|
||||
</footer>
|
||||
<script src="/js/main.js"></script>
|
||||
</body>
|
||||
</html>
|
|
@ -1,54 +1,71 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Links</title>
|
||||
<title>links</title>
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/scss/main.css">
|
||||
<link rel="icon" type="image/x-icon" href="/svg/favicon.svg">
|
||||
</head>
|
||||
<body><div id="content">
|
||||
<section id="main">
|
||||
<h1 id="title">Single Page Links</h1>
|
||||
<div>
|
||||
<article id="content">
|
||||
|
||||
</article>
|
||||
</div>
|
||||
</section>
|
||||
<aside id="meta">
|
||||
<div>
|
||||
<section>
|
||||
</section>
|
||||
<body class="colorswitch"><div id="content">
|
||||
<main>
|
||||
<article>
|
||||
<header class="colorswitch">
|
||||
<h1 id="title">links</h1>
|
||||
</header>
|
||||
|
||||
|
||||
</article>
|
||||
<div id="pagelist">
|
||||
|
||||
|
||||
<div id="postlist">
|
||||
<h2 class="colorswitch posttitle">
|
||||
<a class="colorswitch" href="http://example.org/links/nice_things/">things that make me happy</h2><div class="postdescription">this is a list of very good things</a><br>
|
||||
<a class="postinfo colorswitch" href="http://example.org/links/nice_things/">read more...</a>
|
||||
</div>
|
||||
|
||||
<div id="postlist">
|
||||
<h2 class="colorswitch posttitle">
|
||||
<a class="colorswitch" href="http://example.org/links/contact/">find me</h2><div class="postdescription">where to find me</a><br>
|
||||
<a class="postinfo colorswitch" href="http://example.org/links/contact/">read more...</a>
|
||||
</div>
|
||||
|
||||
<div id="postlist">
|
||||
<h2 class="colorswitch posttitle">
|
||||
<a class="colorswitch" href="http://example.org/links/buddies/">buddies</h2><div class="postdescription">these are some cool people that i like!!! very good! you should look at this page</a><br>
|
||||
<a class="postinfo colorswitch" href="http://example.org/links/buddies/">read more...</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div>
|
||||
|
||||
<a class="previous" href="http://example.org/about/">previous: About</a>
|
||||
|
||||
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
</div><footer>
|
||||
<div id="footer-center">
|
||||
<nav id="footer-nav">
|
||||
</main>
|
||||
</div><footer class="colorswitch">
|
||||
<span id="footer-left"></span>
|
||||
<span id="footer-center">
|
||||
<nav id="footer-nav" aria-label="navigation">
|
||||
|
||||
|
||||
<a class="footer-nav-item" href="/" title=""> home</a>
|
||||
<a class="footer-nav-item colorswitch" href="/" title="home"></a>
|
||||
|
||||
<a class="footer-nav-item" href="/about/" title="About"> about</a>
|
||||
<a class="footer-nav-item colorswitch" href="/about/" title="about"></a>
|
||||
|
||||
<a class="footer-nav-item active" href="/links/" title="Links"> 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="/software/" title="software"></a>
|
||||
|
||||
<a class="footer-nav-item colorswitch" href="/posts/" title="posts">龎</a>
|
||||
|
||||
</nav>
|
||||
</div>
|
||||
<div id="footer-right">
|
||||
<input type="checkbox" id="darkmode-toggle">
|
||||
</div>
|
||||
</span>
|
||||
<span id="footer-right">
|
||||
<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"></label>
|
||||
</span>
|
||||
</footer>
|
||||
<script src="/js/darkmode.js"></script>
|
||||
</body>
|
||||
<script src="/js/main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
41
public/links/index.xml
Normal file
41
public/links/index.xml
Normal file
|
@ -0,0 +1,41 @@
|
|||
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||
<channel>
|
||||
<title>links on batsite</title>
|
||||
<link>http://example.org/links/</link>
|
||||
<description>Recent content in links on batsite</description>
|
||||
<generator>Hugo -- gohugo.io</generator>
|
||||
<language>eng</language>
|
||||
<lastBuildDate>Sat, 09 Apr 2022 17:37:48 +0200</lastBuildDate><atom:link href="http://example.org/links/index.xml" rel="self" type="application/rss+xml" />
|
||||
<item>
|
||||
<title>things that make me happy</title>
|
||||
<link>http://example.org/links/nice_things/</link>
|
||||
<pubDate>Fri, 15 Apr 2022 20:01:01 +0200</pubDate>
|
||||
|
||||
<guid>http://example.org/links/nice_things/</guid>
|
||||
<description>&nbsp;my girlfriend!!! hehe fae is so cute
|
||||
&nbsp;videos &nbsp;an entire tray of peas the raw energy of this is just amazing she just eats the entire tray of peas!!! impressive!</description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>find me</title>
|
||||
<link>http://example.org/links/contact/</link>
|
||||
<pubDate>Fri, 15 Apr 2022 16:19:04 +0200</pubDate>
|
||||
|
||||
<guid>http://example.org/links/contact/</guid>
|
||||
<description>you can find me on a few different platforms!
|
||||
ﬧ matrix git bandcamp gotosocial itch.io bat tiger</description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>buddies</title>
|
||||
<link>http://example.org/links/buddies/</link>
|
||||
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
|
||||
|
||||
<guid>http://example.org/links/buddies/</guid>
|
||||
<description>&nbsp;tess!!! fae is my girlfriend and is really perfect!!! like there has been no other person like faer in existence and its rlly nice! i&rsquo;m gay! anyways look at faer website (very important) this site also has free cat pics!!! and fae makes really good twitch streams! what&rsquo;s stopping you from taking a look! we also made a bunch of games together hehe
|
||||
&nbsp;armisael webring this website is part of the armisael webring!</description>
|
||||
</item>
|
||||
|
||||
</channel>
|
||||
</rss>
|
74
public/links/nice_things/index.html
Normal file
74
public/links/nice_things/index.html
Normal file
|
@ -0,0 +1,74 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>things that make me happy</title>
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/scss/main.css">
|
||||
<link rel="icon" type="image/x-icon" href="/svg/favicon.svg">
|
||||
</head>
|
||||
<body class="colorswitch"><div id="content">
|
||||
<section id="main">
|
||||
<div class="titlecontainer">
|
||||
<h1 id="title" class="colorswitch">things that make me happy</h1>
|
||||
</div>
|
||||
<div>
|
||||
<article id="content" class="colorswitch">
|
||||
<h2 id="my-girlfriend" class="colorswitch">
|
||||
<a class="hash-link colorswitch" href="#my-girlfriend">
|
||||
my girlfriend!!!
|
||||
</a>
|
||||
</h2>
|
||||
<p><a href="/links/buddies/#tess">hehe fae is so cute</a></p>
|
||||
<h2 id="videos" class="colorswitch">
|
||||
<a class="hash-link colorswitch" href="#videos">
|
||||
videos
|
||||
</a>
|
||||
</h2>
|
||||
<h3 id="an-entire-tray-of-peas" class="colorswitch">
|
||||
<a class="hash-link colorswitch" href="#an-entire-tray-of-peas">
|
||||
an entire tray of peas
|
||||
</a>
|
||||
</h3>
|
||||
<p><a href="https://www.youtube.com/watch?v=HWcKcUn7e-8">the raw energy of this is just amazing</a> she just eats the entire tray of peas!!! impressive!</p>
|
||||
|
||||
</article>
|
||||
</div>
|
||||
</section>
|
||||
<aside id="meta">
|
||||
<div>
|
||||
<section>
|
||||
</section>
|
||||
|
||||
|
||||
</div>
|
||||
</aside>
|
||||
</div><footer class="colorswitch">
|
||||
<span id="footer-left"></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="/about/" title="about"></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="/software/" title="software"></a>
|
||||
|
||||
<a class="footer-nav-item colorswitch" href="/posts/" title="posts">龎</a>
|
||||
|
||||
</nav>
|
||||
</span>
|
||||
<span id="footer-right">
|
||||
<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"></label>
|
||||
</span>
|
||||
</footer>
|
||||
<script src="/js/main.js"></script>
|
||||
</body>
|
||||
</html>
|
59
public/music/index.html
Normal file
59
public/music/index.html
Normal file
|
@ -0,0 +1,59 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>music</title>
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/scss/main.css">
|
||||
<link rel="icon" type="image/x-icon" href="/svg/favicon.svg">
|
||||
</head>
|
||||
<body class="colorswitch"><div id="content">
|
||||
<main>
|
||||
<article>
|
||||
<header class="colorswitch">
|
||||
<h1 id="title">music</h1>
|
||||
</header>
|
||||
|
||||
<h2 id="where-to-listen" class="colorswitch">
|
||||
<a class="hash-link colorswitch" href="#where-to-listen">
|
||||
where to listen?
|
||||
</a>
|
||||
</h2>
|
||||
<p>you can find (and download) my music on <a href="https://zoebat.bandcamp.com">bandcamp</a>!!! in the future i will probably also provide torrent links</p>
|
||||
|
||||
</article>
|
||||
<div id="pagelist">
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</div><footer class="colorswitch">
|
||||
<span id="footer-left"></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="/about/" title="about"></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 colorswitch" href="/software/" title="software"></a>
|
||||
|
||||
<a class="footer-nav-item colorswitch" href="/posts/" title="posts">龎</a>
|
||||
|
||||
</nav>
|
||||
</span>
|
||||
<span id="footer-right">
|
||||
<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"></label>
|
||||
</span>
|
||||
</footer>
|
||||
<script src="/js/main.js"></script>
|
||||
</body>
|
||||
</html>
|
11
public/music/index.xml
Normal file
11
public/music/index.xml
Normal 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>music on batsite</title>
|
||||
<link>http://example.org/music/</link>
|
||||
<description>Recent content in music on batsite</description>
|
||||
<generator>Hugo -- gohugo.io</generator>
|
||||
<language>eng</language>
|
||||
<lastBuildDate>Fri, 15 Apr 2022 20:45:35 +0200</lastBuildDate><atom:link href="http://example.org/music/index.xml" rel="self" type="application/rss+xml" />
|
||||
</channel>
|
||||
</rss>
|
|
@ -1,53 +1,53 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Posts</title>
|
||||
<title>posts</title>
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/scss/main.css">
|
||||
<link rel="icon" type="image/x-icon" href="/svg/favicon.svg">
|
||||
</head>
|
||||
<body><div id="content">
|
||||
<body class="colorswitch"><div id="content">
|
||||
<main>
|
||||
<article>
|
||||
<header>
|
||||
<h1>List - Posts</h1>
|
||||
<header class="colorswitch">
|
||||
<h1 id="title">posts</h1>
|
||||
</header>
|
||||
|
||||
|
||||
</article>
|
||||
<ul>
|
||||
<div id="pagelist">
|
||||
|
||||
|
||||
<li>
|
||||
<a href="http://example.org/posts/aeiuo/">Aeiuo</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="http://example.org/posts/example/">Example</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
</div><footer>
|
||||
<div id="footer-center">
|
||||
<nav id="footer-nav">
|
||||
</div><footer class="colorswitch">
|
||||
<span id="footer-left"></span>
|
||||
<span id="footer-center">
|
||||
<nav id="footer-nav" aria-label="navigation">
|
||||
|
||||
|
||||
<a class="footer-nav-item" href="/" title=""> home</a>
|
||||
<a class="footer-nav-item colorswitch" href="/" title="home"></a>
|
||||
|
||||
<a class="footer-nav-item" href="/about/" title="About"> about</a>
|
||||
<a class="footer-nav-item colorswitch" href="/about/" title="about"></a>
|
||||
|
||||
<a class="footer-nav-item" href="/links/" title="Links"> 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="/software/" title="software"></a>
|
||||
|
||||
<a class="footer-nav-item active colorswitch" href="/posts/" title="posts">龎</a>
|
||||
|
||||
</nav>
|
||||
</div>
|
||||
<div id="footer-right">
|
||||
<input type="checkbox" id="darkmode-toggle">
|
||||
</div>
|
||||
</span>
|
||||
<span id="footer-right">
|
||||
<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"></label>
|
||||
</span>
|
||||
</footer>
|
||||
<script src="/js/darkmode.js"></script>
|
||||
</body>
|
||||
<script src="/js/main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
@ -1,29 +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>Posts on batsite</title>
|
||||
<title>posts on batsite</title>
|
||||
<link>http://example.org/posts/</link>
|
||||
<description>Recent content in Posts on batsite</description>
|
||||
<description>Recent content in posts on batsite</description>
|
||||
<generator>Hugo -- gohugo.io</generator>
|
||||
<language>en-us</language>
|
||||
<lastBuildDate>Sat, 09 Apr 2022 14:12:18 +0200</lastBuildDate><atom:link href="http://example.org/posts/index.xml" rel="self" type="application/rss+xml" />
|
||||
<item>
|
||||
<title>Aeiuo</title>
|
||||
<link>http://example.org/posts/aeiuo/</link>
|
||||
<pubDate>Sat, 09 Apr 2022 14:12:18 +0200</pubDate>
|
||||
|
||||
<guid>http://example.org/posts/aeiuo/</guid>
|
||||
<description></description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>Example</title>
|
||||
<link>http://example.org/posts/example/</link>
|
||||
<pubDate>Sat, 09 Apr 2022 13:36:54 +0200</pubDate>
|
||||
|
||||
<guid>http://example.org/posts/example/</guid>
|
||||
<description></description>
|
||||
</item>
|
||||
|
||||
<language>eng</language>
|
||||
<lastBuildDate>Sun, 10 Apr 2022 19:06:26 +0200</lastBuildDate><atom:link href="http://example.org/posts/index.xml" rel="self" type="application/rss+xml" />
|
||||
</channel>
|
||||
</rss>
|
||||
|
|
|
@ -1,49 +1,452 @@
|
|||
body.light {
|
||||
background-color: #ffe7d6;
|
||||
color: #73464c; }
|
||||
@charset "UTF-8";
|
||||
* {
|
||||
transition: 2s; }
|
||||
|
||||
body.dark {
|
||||
background-color: black;
|
||||
color: white; }
|
||||
body {
|
||||
background-color: #413c74;
|
||||
color: #ff8ad0;
|
||||
transition: 2s; }
|
||||
body.light {
|
||||
background-color: #ffffff;
|
||||
color: #413c74; }
|
||||
|
||||
a {
|
||||
background-color: transparent;
|
||||
color: #ffdc6d;
|
||||
transition: 2s; }
|
||||
a.light {
|
||||
background-color: transparent;
|
||||
color: #9b5bb4; }
|
||||
|
||||
a.footer-nav-item.active,
|
||||
a.footer-nav-item:hover {
|
||||
color: #ff8ad0;
|
||||
background-color: #413c74;
|
||||
border-color: #413c74;
|
||||
transition: 0.2s; }
|
||||
a.footer-nav-item.active.light,
|
||||
a.footer-nav-item:hover.light {
|
||||
color: #413c74;
|
||||
background-color: #ffffff;
|
||||
border-color: #ffffff; }
|
||||
|
||||
footer {
|
||||
background-color: #ff8ad0;
|
||||
color: #413c74;
|
||||
transition: 2s; }
|
||||
footer.light {
|
||||
background-color: #413c74;
|
||||
color: #ffffff; }
|
||||
|
||||
footer a {
|
||||
color: #413c74;
|
||||
background-color: #ff8ad0;
|
||||
transition: 2s; }
|
||||
footer a.light {
|
||||
color: #ffffff;
|
||||
background-color: #413c74; }
|
||||
|
||||
.togglelabel {
|
||||
background-color: #ff8ad0;
|
||||
border-color: #413c74;
|
||||
transition: 2s; }
|
||||
.togglelabel.light {
|
||||
background-color: #413c74;
|
||||
border-color: #ffffff; }
|
||||
|
||||
.togglelabel.light::after {
|
||||
background-color: #ffffff;
|
||||
border-color: #ffffff;
|
||||
color: #413c74;
|
||||
transition: 2s; }
|
||||
|
||||
.togglelabel::after {
|
||||
background-color: #413c74;
|
||||
border-color: #413c74;
|
||||
color: #ff8ad0;
|
||||
transition: 2s; }
|
||||
|
||||
body.light #title {
|
||||
color: #ffffff;
|
||||
background-color: #413c74;
|
||||
transition: 2s; }
|
||||
|
||||
body #title {
|
||||
color: #413c74;
|
||||
background-color: #ff8ad0;
|
||||
transition: 2s; }
|
||||
|
||||
article {
|
||||
background-color: #413c74;
|
||||
border-color: #ff8ad0;
|
||||
transition: 2s; }
|
||||
article.light {
|
||||
background-color: #ffffff;
|
||||
border-color: #413c74; }
|
||||
|
||||
h2 {
|
||||
background-color: #ffdc6d;
|
||||
color: #413c74;
|
||||
transition: 2s; }
|
||||
h2.light {
|
||||
color: #ffffff; }
|
||||
|
||||
h2 a {
|
||||
color: #413c74; }
|
||||
h2 a.light {
|
||||
color: #ffffff; }
|
||||
|
||||
h3 {
|
||||
background-color: #61d478;
|
||||
color: #413c74;
|
||||
transition: 2s; }
|
||||
|
||||
h3 a {
|
||||
color: #413c74; }
|
||||
h3 a:hover {
|
||||
background-color: transparent; }
|
||||
|
||||
h3.light {
|
||||
background-color: #5183b9;
|
||||
color: #ffffff;
|
||||
transition: 2s; }
|
||||
h3.lighta {
|
||||
color: #ffffff; }
|
||||
|
||||
h5,
|
||||
h6,
|
||||
h4 {
|
||||
background-color: #ffffff;
|
||||
color: #413c74;
|
||||
transition: 2s; }
|
||||
h5 a,
|
||||
h6 a,
|
||||
h4 a {
|
||||
color: #413c74;
|
||||
background-color: transparent; }
|
||||
|
||||
h4.light,
|
||||
h5.light,
|
||||
h6.light {
|
||||
background-color: #413c74;
|
||||
color: #ffffff;
|
||||
transition: 2s; }
|
||||
|
||||
h2.light {
|
||||
background-color: #9b5bb4;
|
||||
color: #ffffff;
|
||||
transition: 2s; }
|
||||
|
||||
article.light a {
|
||||
background-color: transparent;
|
||||
color: #9b5bb4;
|
||||
transition: 2s; }
|
||||
article.light a.hash-link {
|
||||
color: #ffffff; }
|
||||
article.light a.hash-link:hover {
|
||||
background-color: transparent;
|
||||
color: #ffffff; }
|
||||
|
||||
a:hover {
|
||||
color: #413c74;
|
||||
background-color: #ffdc6d;
|
||||
transition: 0.2s;
|
||||
border-color: #ffdc6d; }
|
||||
|
||||
.previous.light:hover,
|
||||
.next.light:hover,
|
||||
.postdescription a.light:hover,
|
||||
article.light a:hover {
|
||||
color: #ffffff;
|
||||
background-color: #9b5bb4;
|
||||
transition: 0.2s;
|
||||
border-color: #9b5bb4; }
|
||||
|
||||
.light.hash-link:hover,
|
||||
.hash-link:hover {
|
||||
background-color: transparent;
|
||||
transition: 2s; }
|
||||
|
||||
h1a.light,
|
||||
h2a.light,
|
||||
h3a.light,
|
||||
h4a.light,
|
||||
h5a.light,
|
||||
h6a.light {
|
||||
background-color: transparent;
|
||||
color: #ffffff; }
|
||||
h1a.light:hover,
|
||||
h2a.light:hover,
|
||||
h3a.light:hover,
|
||||
h4a.light:hover,
|
||||
h5a.light:hover,
|
||||
h6a.light:hover {
|
||||
background-color: transparent; }
|
||||
|
||||
header.light {
|
||||
background-color: #ffffff;
|
||||
transition: 2s; }
|
||||
|
||||
header {
|
||||
transition: 2s; }
|
||||
|
||||
.posttitle a {
|
||||
background-color: transparent;
|
||||
color: #413c74; }
|
||||
.posttitle a:hover {
|
||||
background-color: transparent; }
|
||||
|
||||
html,
|
||||
body {
|
||||
height: 100%;
|
||||
flex: auto; }
|
||||
|
||||
footer {
|
||||
min-height: 42pt;
|
||||
position: sticky;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
bottom: 0; }
|
||||
|
||||
#content {
|
||||
min-height: calc(100% - 42pt * 3);
|
||||
right: auto;
|
||||
margin-bottom: 84pt; }
|
||||
|
||||
#content p,
|
||||
#content ul,
|
||||
#content ol,
|
||||
#content table,
|
||||
code,
|
||||
.postdescription,
|
||||
hr {
|
||||
margin-right: 24%;
|
||||
margin-left: 24%; }
|
||||
|
||||
p code {
|
||||
margin-left: 0;
|
||||
margin-right: 0; }
|
||||
|
||||
#content ol ol,
|
||||
#content ul ul {
|
||||
margin-left: 0.12em; }
|
||||
|
||||
#footer-left {
|
||||
margin-top: auto;
|
||||
margin-bottom: auto;
|
||||
margin-left: 24pt;
|
||||
justify-self: left;
|
||||
margin-right: auto;
|
||||
display: inline-flex; }
|
||||
|
||||
#footer-right {
|
||||
margin-top: auto;
|
||||
margin-bottom: auto;
|
||||
margin-left: auto;
|
||||
justify-self: right;
|
||||
margin-right: 24pt;
|
||||
align-content: center;
|
||||
display: inline-flex; }
|
||||
|
||||
#footer-center {
|
||||
margin-top: auto;
|
||||
margin-bottom: auto;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
justify-content: center;
|
||||
justify-self: center;
|
||||
display: inline-flex; }
|
||||
|
||||
* {
|
||||
padding: 0;
|
||||
margin: 0; }
|
||||
|
||||
#footer-right * {
|
||||
display: flex;
|
||||
margin-top: auto;
|
||||
margin-bottom: auto; }
|
||||
|
||||
#footer-center * {
|
||||
display: flex;
|
||||
margin-right: 8pt;
|
||||
margin-left: 8pt;
|
||||
margin-top: auto;
|
||||
margin-bottom: auto;
|
||||
justify-content: center;
|
||||
align-items: center; }
|
||||
|
||||
.postinfo {
|
||||
text-align: right; }
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
padding-right: 6%;
|
||||
margin-right: 6%;
|
||||
padding-top: 12pt;
|
||||
padding-bottom: 12pt;
|
||||
justify-content: right;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
text-align: right; }
|
||||
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
margin-top: 1em;
|
||||
margin-bottom: 1em; }
|
||||
|
||||
article {
|
||||
margin-inline: auto; }
|
||||
|
||||
.titlecontainer,
|
||||
header {
|
||||
width: 100%;
|
||||
padding-top: 42pt; }
|
||||
|
||||
@font-face {
|
||||
font-family: CaskaydiaCove;
|
||||
src: url(/font/CaskaydiaCove.ttf); }
|
||||
|
||||
@font-face {
|
||||
font-family: CaskaydiaCoveMono;
|
||||
src: url(/font/CaskaydiaCoveMono.ttf); }
|
||||
|
||||
* {
|
||||
font-family: CaskaydiaCove;
|
||||
font-size: 16pt; }
|
||||
font-size: 12pt; }
|
||||
|
||||
p,
|
||||
.postdescription,
|
||||
ul {
|
||||
line-height: 2em; }
|
||||
|
||||
h1 {
|
||||
font-size: 42pt; }
|
||||
|
||||
h2 a {
|
||||
font-size: 42pt;
|
||||
font-style: bold; }
|
||||
|
||||
h3 a, h4 a {
|
||||
font-size: 32pt; }
|
||||
|
||||
h5 a, h6 a {
|
||||
font-size: 24pt; }
|
||||
|
||||
a {
|
||||
text-decoration: none; }
|
||||
|
||||
footer {
|
||||
font-size: 20pt; }
|
||||
footer * {
|
||||
font-size: 24pt;
|
||||
font-family: CaskaydiaCoveMono; }
|
||||
|
||||
html, body {
|
||||
height: 100%;
|
||||
flex: auto; }
|
||||
label::after {
|
||||
font-family: CaskaydiaCoveMono;
|
||||
font-size: 24pt; }
|
||||
|
||||
footer {
|
||||
height: 10%;
|
||||
min-height: 24pt;
|
||||
position: sticky;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center; }
|
||||
h6 {
|
||||
font-style: italic; }
|
||||
|
||||
#footer-content {
|
||||
width: 100%; }
|
||||
|
||||
#content {
|
||||
min-height: 90%; }
|
||||
|
||||
#footer-right {
|
||||
justify-self: right; }
|
||||
::before,
|
||||
code {
|
||||
font-family: CaskaydiaCoveMono; }
|
||||
|
||||
* {
|
||||
padding: 0;
|
||||
margin: 0; }
|
||||
border-width: 2pt; }
|
||||
|
||||
input[type="checkbox"] {
|
||||
cursor: pointer; }
|
||||
|
||||
.toggleinput {
|
||||
opacity: 0;
|
||||
max-height: 0;
|
||||
max-width: 0;
|
||||
overflow: hidden; }
|
||||
|
||||
.togglelabel {
|
||||
width: 42pt;
|
||||
height: 24pt;
|
||||
border-radius: 48pt;
|
||||
cursor: pointer;
|
||||
align-items: center;
|
||||
display: flex; }
|
||||
|
||||
.togglelabel::after {
|
||||
left: calc(100% - 67pt);
|
||||
content: "";
|
||||
position: absolute;
|
||||
height: 20pt;
|
||||
width: 20pt;
|
||||
border-width: 1pt;
|
||||
border-radius: 100pt;
|
||||
transition: 1s;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
content: "";
|
||||
border-style: solid; }
|
||||
|
||||
input:checked + label:after {
|
||||
left: calc(100% - 49pt); }
|
||||
|
||||
input:checked + label::after {
|
||||
content: "滛"; }
|
||||
|
||||
.footer-nav-item {
|
||||
border-radius: 100%;
|
||||
height: 1em;
|
||||
width: 1em;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border-style: solid; }
|
||||
|
||||
.togglelabel {
|
||||
border: solid; }
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
border-top-right-radius: 48pt;
|
||||
border-bottom-right-radius: 48pt; }
|
||||
h1 .hash-link:hover,
|
||||
h2 .hash-link:hover,
|
||||
h3 .hash-link:hover,
|
||||
h4 .hash-link:hover,
|
||||
h5 .hash-link:hover,
|
||||
h6 .hash-link:hover {
|
||||
cursor: pointer; }
|
||||
h1 .hash-link:hover::before,
|
||||
h2 .hash-link:hover::before,
|
||||
h3 .hash-link:hover::before,
|
||||
h4 .hash-link:hover::before,
|
||||
h5 .hash-link:hover::before,
|
||||
h6 .hash-link:hover::before {
|
||||
content: ""; }
|
||||
|
||||
.postdescription,
|
||||
#content p,
|
||||
#content ul,
|
||||
#content ol,
|
||||
#content table {
|
||||
border-left-style: solid;
|
||||
border-width: 0.24em;
|
||||
padding-left: 2em; }
|
||||
|
||||
p a,
|
||||
.postdescription a,
|
||||
ul a {
|
||||
border-style: solid;
|
||||
padding: 0.12em; }
|
||||
|
|
|
@ -2,29 +2,31 @@
|
|||
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
|
||||
xmlns:xhtml="http://www.w3.org/1999/xhtml">
|
||||
<url>
|
||||
<loc>http://example.org/</loc>
|
||||
<lastmod>2022-04-15T20:45:43+02:00</lastmod>
|
||||
</url><url>
|
||||
<loc>http://example.org/software/</loc>
|
||||
<lastmod>2022-04-15T20:45:43+02:00</lastmod>
|
||||
</url><url>
|
||||
<loc>http://example.org/music/</loc>
|
||||
<lastmod>2022-04-15T20:45:35+02:00</lastmod>
|
||||
</url><url>
|
||||
<loc>http://example.org/links/nice_things/</loc>
|
||||
<lastmod>2022-04-15T20:01:01+02:00</lastmod>
|
||||
</url><url>
|
||||
<loc>http://example.org/links/contact/</loc>
|
||||
<lastmod>2022-04-15T16:19:04+02:00</lastmod>
|
||||
</url><url>
|
||||
<loc>http://example.org/posts/</loc>
|
||||
<lastmod>2022-04-10T19:06:26+02:00</lastmod>
|
||||
</url><url>
|
||||
<loc>http://example.org/links/</loc>
|
||||
<lastmod>2022-04-09T17:37:48+02:00</lastmod>
|
||||
</url><url>
|
||||
<loc>http://example.org/about/</loc>
|
||||
<lastmod>2022-04-09T14:23:49+02:00</lastmod>
|
||||
</url><url>
|
||||
<loc>http://example.org/posts/aeiuo/</loc>
|
||||
<lastmod>2022-04-09T14:12:18+02:00</lastmod>
|
||||
</url><url>
|
||||
<loc>http://example.org/</loc>
|
||||
<lastmod>2022-04-09T14:12:18+02:00</lastmod>
|
||||
</url><url>
|
||||
<loc>http://example.org/posts/</loc>
|
||||
<lastmod>2022-04-09T14:12:18+02:00</lastmod>
|
||||
</url><url>
|
||||
<loc>http://example.org/dir1/b/</loc>
|
||||
<lastmod>2022-04-09T14:02:24+02:00</lastmod>
|
||||
</url><url>
|
||||
<loc>http://example.org/dir1/</loc>
|
||||
<lastmod>2022-04-09T14:02:24+02:00</lastmod>
|
||||
</url><url>
|
||||
<loc>http://example.org/posts/example/</loc>
|
||||
<lastmod>2022-04-09T13:36:54+02:00</lastmod>
|
||||
<loc>http://example.org/links/buddies/</loc>
|
||||
</url><url>
|
||||
<loc>http://example.org/categories/</loc>
|
||||
</url><url>
|
||||
|
|
53
public/software/index.html
Normal file
53
public/software/index.html
Normal file
|
@ -0,0 +1,53 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>software</title>
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/scss/main.css">
|
||||
<link rel="icon" type="image/x-icon" href="/svg/favicon.svg">
|
||||
</head>
|
||||
<body class="colorswitch"><div id="content">
|
||||
<main>
|
||||
<article>
|
||||
<header class="colorswitch">
|
||||
<h1 id="title">software</h1>
|
||||
</header>
|
||||
|
||||
|
||||
</article>
|
||||
<div id="pagelist">
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</div><footer class="colorswitch">
|
||||
<span id="footer-left"></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="/about/" title="about"></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 active colorswitch" href="/software/" title="software"></a>
|
||||
|
||||
<a class="footer-nav-item colorswitch" href="/posts/" title="posts">龎</a>
|
||||
|
||||
</nav>
|
||||
</span>
|
||||
<span id="footer-right">
|
||||
<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"></label>
|
||||
</span>
|
||||
</footer>
|
||||
<script src="/js/main.js"></script>
|
||||
</body>
|
||||
</html>
|
11
public/software/index.xml
Normal file
11
public/software/index.xml
Normal 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>software on batsite</title>
|
||||
<link>http://example.org/software/</link>
|
||||
<description>Recent content in software on batsite</description>
|
||||
<generator>Hugo -- gohugo.io</generator>
|
||||
<language>eng</language>
|
||||
<lastBuildDate>Fri, 15 Apr 2022 20:45:43 +0200</lastBuildDate><atom:link href="http://example.org/software/index.xml" rel="self" type="application/rss+xml" />
|
||||
</channel>
|
||||
</rss>
|
|
@ -1,5 +1,5 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Tags</title>
|
||||
|
@ -8,38 +8,46 @@
|
|||
<link rel="stylesheet" href="/scss/main.css">
|
||||
<link rel="icon" type="image/x-icon" href="/svg/favicon.svg">
|
||||
</head>
|
||||
<body><div id="content">
|
||||
<body class="colorswitch"><div id="content">
|
||||
<main>
|
||||
<article>
|
||||
<header>
|
||||
<h1>List - Tags</h1>
|
||||
<header class="colorswitch">
|
||||
<h1 id="title">Tags</h1>
|
||||
</header>
|
||||
|
||||
|
||||
</article>
|
||||
<ul>
|
||||
<div id="pagelist">
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
</div><footer>
|
||||
<div id="footer-center">
|
||||
<nav id="footer-nav">
|
||||
</div><footer class="colorswitch">
|
||||
<span id="footer-left"></span>
|
||||
<span id="footer-center">
|
||||
<nav id="footer-nav" aria-label="navigation">
|
||||
|
||||
|
||||
<a class="footer-nav-item" href="/" title=""> home</a>
|
||||
<a class="footer-nav-item colorswitch" href="/" title="home"></a>
|
||||
|
||||
<a class="footer-nav-item" href="/about/" title="About"> about</a>
|
||||
<a class="footer-nav-item colorswitch" href="/about/" title="about"></a>
|
||||
|
||||
<a class="footer-nav-item" href="/links/" title="Links"> 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="/software/" title="software"></a>
|
||||
|
||||
<a class="footer-nav-item colorswitch" href="/posts/" title="posts">龎</a>
|
||||
|
||||
</nav>
|
||||
</div>
|
||||
<div id="footer-right">
|
||||
<input type="checkbox" id="darkmode-toggle">
|
||||
</div>
|
||||
</span>
|
||||
<span id="footer-right">
|
||||
<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"></label>
|
||||
</span>
|
||||
</footer>
|
||||
<script src="/js/darkmode.js"></script>
|
||||
</body>
|
||||
<script src="/js/main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
@ -5,6 +5,6 @@
|
|||
<link>http://example.org/tags/</link>
|
||||
<description>Recent content in Tags on batsite</description>
|
||||
<generator>Hugo -- gohugo.io</generator>
|
||||
<language>en-us</language><atom:link href="http://example.org/tags/index.xml" rel="self" type="application/rss+xml" />
|
||||
<language>eng</language><atom:link href="http://example.org/tags/index.xml" rel="self" type="application/rss+xml" />
|
||||
</channel>
|
||||
</rss>
|
||||
|
|
Loading…
Reference in a new issue