hugo-batsite/public/music/index.html

84 lines
3.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 you can find the music i made! hope you enjoy it!">
<title>music@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/music/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">music </a></h1>
</header>
<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"><a href="/" id="pageindicator" class="colorswitch" title="music"> bat</a></span>
<span id="footer-center">
<nav id="footer-nav" aria-label="navigation">
<a class="footer-nav-item colorswitch" href="/" title="home"></a>
<a class="footer-nav-item colorswitch" href="/links/" title="links"></a>
<a class="footer-nav-item active colorswitch" href="/music/" title="music"></a>
<a class="footer-nav-item colorswitch" href="/games/" title="games"></a>
<a class="footer-nav-item colorswitch" href="/software/" title="software"></a>
</nav>
</span>
<span id="footer-right">
<div class="flexjs">
<input type="checkbox" id="darkmode-toggle" aria-label="darkmode toggle" class="toggleinput">
<label class="togglelabel colorswitch" for="darkmode-toggle" aria-label="darkmode toggle" role="checkbox" id="darkmode-toggle-label"></label>
</div>
<div class="flexjs">
<button type="button" id="darkmode-button-small" class="colorswitch hamburger"></button>
<nav aria-label="hamburger menu">
<button type="button" id="hamburger-button" class="colorswitch hamburger" title="hamburger navigation menu button"></button>
</nav>
</div>
<noscript>
<nav>
<a class="colorswitch footer-nav-item" id="replacement-burger" href="/nav"></a>
</nav>
</noscript>
<div class="hamburger colorswitch hidden" id="hamburger-bg">
<nav id="hamburger-nav" aria-label="navigation">
<a class="hamburger-nav-item colorswitch" href="/" title="home"> home</a><br>
<a class="hamburger-nav-item colorswitch" href="/links/" title="links"> links</a><br>
<a class="hamburger-nav-item active 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>