2022-04-09 16:00:23 +00:00
<!DOCTYPE html>
2022-04-15 19:22:33 +00:00
< html lang = "en" > < head >
2022-04-09 16:00:23 +00:00
< meta charset = "utf-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1" >
2022-04-16 13:56:46 +00:00
< title > about@batsite< / title >
2022-04-09 16:00:23 +00:00
< link rel = "stylesheet" href = "/scss/main.css" >
2022-04-16 15:33:28 +00:00
< link rel = "alternate" type = "application/rss+xml" href = "https://example.com/index.xml" title = "about@batsite" >
2022-04-09 16:00:23 +00:00
< link rel = "icon" type = "image/x-icon" href = "/svg/favicon.svg" >
< / head >
2022-04-15 19:22:33 +00:00
< body class = "colorswitch" > < div id = "content" >
2022-04-09 16:00:23 +00:00
< section id = "main" >
2022-04-15 19:22:33 +00:00
< div class = "titlecontainer" >
< h1 id = "title" class = "colorswitch" > about< / h1 >
< / div >
2022-04-09 16:00:23 +00:00
< div >
2022-04-15 19:22:33 +00:00
< 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 >
2022-04-09 16:00:23 +00:00
< / article >
< / div >
< / section >
< aside id = "meta" >
< div >
< section >
< / section >
< / div >
< / aside >
2022-04-15 19:22:33 +00:00
< / div > < footer class = "colorswitch" >
2022-04-16 11:18:04 +00:00
< span id = "footer-left" > < a href = "/" id = "pageindicator" class = "colorswitch" title = "about" > batsite< / a > < / span >
2022-04-15 19:22:33 +00:00
< 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 = "/about/" title = "about" > < / a >
2022-04-09 16:00:23 +00:00
2022-04-15 19:22:33 +00:00
< a class = "footer-nav-item colorswitch" href = "/links/" title = "links" > < / a >
2022-04-09 16:00:23 +00:00
2022-04-15 19:22:33 +00:00
< a class = "footer-nav-item colorswitch" href = "/music/" title = "music" > < / a >
2022-04-09 16:00:23 +00:00
2022-04-15 19:30:09 +00:00
< a class = "footer-nav-item colorswitch" href = "/games/" title = "games" > < / a >
2022-04-15 19:22:33 +00:00
< a class = "footer-nav-item colorswitch" href = "/software/" title = "software" > < / a >
2022-04-09 16:00:23 +00:00
2022-04-15 19:22:33 +00:00
< a class = "footer-nav-item colorswitch" href = "/posts/" title = "posts" > 龎< / a >
2022-04-09 16:00:23 +00:00
< / nav >
2022-04-15 19:22:33 +00:00
< / span >
< span id = "footer-right" >
< 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-04-16 13:27:59 +00:00
< button type = "button" id = "darkmode-button-small" class = "colorswitch hamburger" > < / button >
< button type = "button" id = "hamburger-button" class = "colorswitch hamburger" title = "hamburger navigation menu button" > < / button >
< 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 active colorswitch" href = "/about/" title = "about" > about< / 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 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
2022-04-16 13:27:59 +00:00
< a class = "hamburger-nav-item colorswitch" href = "/posts/" title = "posts" > 龎 posts< / a > < br >
2022-04-16 11:18:04 +00:00
< / nav >
< / div >
2022-04-15 19:22:33 +00:00
< / span >
2022-04-09 16:00:23 +00:00
< / footer >
2022-04-16 11:18:04 +00:00
< script type = "module" src = "/js/main.js" > < / script >
2022-04-15 19:22:33 +00:00
< / body >
2022-04-09 16:00:23 +00:00
< / html >
