2022-04-15 19:22:33 +00:00
<!DOCTYPE html>
< html lang = "en" > < head >
< meta charset = "utf-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1" >
2022-05-26 14:57:29 +00:00
< meta name = "description" content = "here you can find the music i made! hope you enjoy it!" >
2022-04-16 20:02:16 +00:00
< title > music@bat< / title >
< script type = "module" src = "/js/main.js" > < / script >
2022-04-15 19:22:33 +00:00
< link rel = "stylesheet" href = "/scss/main.css" >
2022-04-16 20:02:16 +00:00
< link rel = "alternate" type = "application/rss+xml" href = "https://zoe.kittycat.homes/music/index.xml" title = "bat" / >
2022-04-16 15:45:59 +00:00
< link rel = "icon" type = "image/x-icon" href = "/svg/favicon.svg" >
2022-04-15 19:22:33 +00:00
< / head >
< body class = "colorswitch" > < div id = "content" >
< main >
2022-04-16 13:34:19 +00:00
< article class = "colorswitch" >
< header >
2022-04-18 08:43:09 +00:00
< h1 id = "title" > < a target = "_blank" rel = "noreferrer noopener" href = "./index.xml" class = "colorswitch with-rss" id = "rss-title" > music < / a > < / h1 >
2022-04-15 19:22:33 +00:00
< / header >
2022-05-26 14:57:29 +00:00
< 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 >
2022-04-15 19:22:33 +00:00
< / article >
< div id = "pagelist" >
< / div >
< / div >
< / main >
< / div > < footer class = "colorswitch" >
2022-04-16 20:02:16 +00:00
< span id = "footer-left" > < a href = "/" id = "pageindicator" class = "colorswitch" title = "music" > bat< / a > < / span >
2022-04-15 19:22:33 +00:00
< span id = "footer-center" >
< nav id = "footer-nav" aria-label = "navigation" >
2022-05-27 15:11:53 +00:00
< a class = "footer-nav-item colorswitch" href = "/" title = "home" > < / a >
2022-04-15 19:22:33 +00:00
2022-05-27 15:11:53 +00:00
< a class = "footer-nav-item colorswitch" href = "/links/" title = "links" > < / a >
2022-04-15 19:22:33 +00:00
2022-05-27 15:11:53 +00:00
< a class = "footer-nav-item active colorswitch" href = "/music/" title = "music" > < / a >
2022-04-15 19:22:33 +00:00
2022-05-27 15:11:53 +00:00
< a class = "footer-nav-item colorswitch" href = "/games/" title = "games" > < / a >
2022-04-15 19:30:09 +00:00
2022-05-27 15:11:53 +00:00
< a class = "footer-nav-item colorswitch" href = "/software/" title = "software" > < / a >
2022-04-15 19:22:33 +00:00
< / nav >
< / span >
< span id = "footer-right" >
2022-05-27 15:11:53 +00:00
< div class = "flexjs" >
2022-04-15 19:22:33 +00:00
< input type = "checkbox" id = "darkmode-toggle" aria-label = "darkmode toggle" class = "toggleinput" >
2022-04-16 11:18:04 +00:00
< label class = "togglelabel colorswitch" for = "darkmode-toggle" aria-label = "darkmode toggle" role = "checkbox" id = "darkmode-toggle-label" > < / label >
2022-05-27 15:11:53 +00:00
< / div >
< div class = "flexjs" >
2022-04-16 13:27:59 +00:00
< button type = "button" id = "darkmode-button-small" class = "colorswitch hamburger" > < / button >
2022-05-27 15:11:53 +00:00
< nav aria-label = "hamburger menu" >
2022-04-16 13:27:59 +00:00
< button type = "button" id = "hamburger-button" class = "colorswitch hamburger" title = "hamburger navigation menu button" > < / button >
2022-05-27 15:11:53 +00:00
< / nav >
< / div >
< noscript >
< nav >
< a class = "colorswitch footer-nav-item" id = "replacement-burger" href = "/nav" > < / a >
< / nav >
< / noscript >
2022-04-16 13:27:59 +00:00
< div class = "hamburger colorswitch hidden" id = "hamburger-bg" >
< nav id = "hamburger-nav" aria-label = "navigation" >
2022-04-16 11:18:04 +00:00
2022-04-16 13:27:59 +00:00
< a class = "hamburger-nav-item colorswitch" href = "/" title = "home" > home< / a > < br >
2022-04-16 11:18:04 +00:00
2022-04-16 13:27:59 +00:00
< a class = "hamburger-nav-item colorswitch" href = "/links/" title = "links" > links< / a > < br >
2022-04-16 11:18:04 +00:00
2022-04-16 13:27:59 +00:00
< a class = "hamburger-nav-item active colorswitch" href = "/music/" title = "music" > music< / a > < br >
2022-04-16 11:18:04 +00:00
2022-04-16 13:27:59 +00:00
< a class = "hamburger-nav-item colorswitch" href = "/games/" title = "games" > games< / a > < br >
2022-04-16 11:18:04 +00:00
2022-04-16 13:27:59 +00:00
< a class = "hamburger-nav-item colorswitch" href = "/software/" title = "software" > software< / a > < br >
2022-04-16 11:18:04 +00:00
< / nav >
2022-04-15 19:22:33 +00:00
< / span >
2022-05-27 15:11:53 +00:00
< / noscript >
2022-04-15 19:22:33 +00:00
< / footer >
2022-04-16 20:02:16 +00:00
< / body >
2022-04-15 19:22:33 +00:00
< / html >