hugo-batsite/public/links/index.html
2022-05-28 11:12:36 +02:00

100 lines
4.2 KiB
HTML

<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="here are some links to external places, usually these are very good">
<title>links@bat</title>
<script type="module" src="/js/main.js"></script>
<link rel="stylesheet" href="/scss/main.css">
<link rel="alternate" type="application/rss+xml" href="https://zoe.kittycat.homes/links/index.xml" title="bat" />
<link rel="icon" type="image/x-icon" href="/svg/favicon.svg">
</head>
<body class="colorswitch"><div id="content">
<main>
<article class="colorswitch">
<header>
<h1 id="title"><a target="_blank" rel="noreferrer noopener" href="./index.xml" class="colorswitch with-rss" id="rss-title">links </a></h1>
</header>
</article>
<div id="pagelist">
<div id="postlist">
<h2 class="colorswitch posttitle">
<a class="colorswitch singlepagelink" href="https://zoe.kittycat.homes/links/contact/">find me</h2><div class="postdescription">where to find me</a><br>
<a class="postinfo colorswitch" href="https://zoe.kittycat.homes/links/contact/">read more...</a>
</div>
<div id="postlist">
<h2 class="colorswitch posttitle">
<a class="colorswitch singlepagelink" href="https://zoe.kittycat.homes/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="https://zoe.kittycat.homes/links/buddies/">read more...</a>
</div>
<div id="postlist">
<h2 class="colorswitch posttitle">
<a class="colorswitch singlepagelink" href="https://zoe.kittycat.homes/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="https://zoe.kittycat.homes/links/nice_things/">read more...</a>
</div>
</div>
</div>
</main>
</div><footer class="colorswitch">
<span id="footer-left"><a href="/" id="pageindicator" class="colorswitch" title="links"> bat</a></span>
<span id="footer-center">
<nav id="footer-nav" aria-label="navigation">
<a class="footer-nav-item colorswitch" href="/" title="home"></a>
<a class="footer-nav-item 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="/games/" title="games"></a>
<a class="footer-nav-item colorswitch" href="/software/" title="software"></a>
</nav>
</span>
<span id="footer-right">
<div class="flexjs">
<input type="checkbox" id="darkmode-toggle" aria-label="darkmode toggle" class="toggleinput">
<label class="togglelabel colorswitch" for="darkmode-toggle" aria-label="darkmode toggle" role="checkbox" id="darkmode-toggle-label"></label>
</div>
<div class="flexjs">
<button type="button" id="darkmode-button-small" class="colorswitch hamburger"></button>
<nav aria-label="hamburger menu">
<button type="button" id="hamburger-button" class="colorswitch hamburger" title="hamburger navigation menu button"></button>
</nav>
</div>
<noscript>
<nav>
<a class="colorswitch footer-nav-item" id="replacement-burger" href="/nav"></a>
</nav>
</noscript>
<div class="hamburger colorswitch hidden" id="hamburger-bg">
<nav id="hamburger-nav" aria-label="navigation">
<a class="hamburger-nav-item colorswitch" href="/" title="home"> home</a><br>
<a class="hamburger-nav-item active colorswitch" href="/links/" title="links"> links</a><br>
<a class="hamburger-nav-item colorswitch" href="/music/" title="music"> music</a><br>
<a class="hamburger-nav-item colorswitch" href="/games/" title="games"> games</a><br>
<a class="hamburger-nav-item colorswitch" href="/software/" title="software"> software</a><br>
</nav>
</span>
</noscript>
</footer>
</body>
</html>