zoebat-website/index.html

105 lines
7.8 KiB
HTML
Raw Normal View History

2021-08-21 19:00:07 +00:00
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" type="text/css" href="styles/style.css" media="all" />
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1"></meta>
<title>zoe bat - music</title>
<link rel="shortcut icon" type="image/png" href="media/images/favicon.webp">
<meta name="description" content="this is where u can find and download my music! bandcamp and soundcloud are here as well. latest album: blood magic">
</head>
<body>
<header>
<div class="container">
<h1>zoe bat website!!!</h1>
<p>- this is where u can find my music! -</p>
</div>
<div class="container">
<!--#include virtual="webring.html" -->
</div>
</header>
<main>
<a name="bloodMagic"></a>
<div class="container">
<img class="cover" loading="lazy" src="media/images/bloodmagic.webp" alt="blood magic album cover, it's a big mess of jet set radio screenshots">
<p>
<h2>blood magic</h2>
<nav>
<a class="imageButton"href="./media/music/bloodmagic.zip"download="bloodMagic[flac].zip"><img src="./media/images/download.svg"alt="download button"></a>
<a class="imageButton"href="https://zoebat.bandcamp.com/album/blood-magic"><img src="./media/images/bandcampIcon.svg"alt="bandcamp icon"</a>
<a class="imageButton"href="https://soundcloud.com/zoebat/sets/blood_magic"><img src="./media/images/soundcloudIcon.svg"alt="soundcloud icon"></a>
</nav>
</p>
<p>"nya makes me really happy and deathbringer is the best song i've ever heard" - my girlfriend</p>
</div>
<a name="theCapitalistDeathMachine"></a>
<div class="container">
<img class="cover" loading="lazy" src="media/images/theCapitalistDeathMachine.webp" alt="album cover of the capitalist death machine, it's yellow with a lot of scrapped together looking pictures">
<p>
<h2>the capitalist death machine</h2>
<nav>
<a class="imageButton" href="./media/music/theCapitalistDeathMachine.zip" download="theCapitalistDeathMachine[flac].zip"><img src="./media/images/download.svg" alt="download button"></a>
<a class="imageButton" href="https://zoebat.bandcamp.com/album/the-capitalist-death-machine"><img src="./media/images/bandcampIcon.svg"alt="bandcamp icon"</a>
<a class="imageButton" href="https://soundcloud.com/zoebat/sets/the-capitalist-death-machine"><img src="./media/images/soundcloudIcon.svg"alt="soundcloud icon"></a>
</nav>
</p>
<p>"this turned out p funky, i guess" - me</p>
</div>
<a name="bats"></a>
<div class="container">
<img class="cover" loading="lazy" src="media/images/bats.webp" alt="album cover of bats, it's me laying on the floor next to a cat, u can only see my hair">
<p>
<h2>bats</h2>
<nav>
<a class="imageButton" href="./media/music/bats.zip" download="bats[flac].zip"><img src="./media/images/download.svg" alt="download button"></a>
<a class="imageButton" href="https://zoebat.bandcamp.com/album/bats"><img src="./media/images/bandcampIcon.svg"alt="bandcamp icon"</a>
<a class="imageButton" href="https://soundcloud.com/zoebat/sets/bats"><img src="./media/images/soundcloudIcon.svg"alt="soundcloud icon"></a>
</nav>
</p>
<p>yea</p>
</div>
<a name="unstableKitty"></a>
<div class="container">
<img class="cover" loading="lazy" src="media/images/unstableKitty.webp" alt="album cover of unstable kitty, it shows a shop lit up at night in very low quality on a thing that looks a bit like a polaroid, under it it says unstable kitty. that's a picture i took of the screen while playing void bastards. not a screenshot tho felt more aesthetic that way">
<p>
<h2>unstable kitty</h2>
<nav>
<a class="imageButton" href="./media/music/unstableKitty.zip" download="unstableKitty[flac].zip"><img src="./media/images/download.svg" alt="download button"></a>
<a class="imageButton" href="https://zoebat.bandcamp.com/album/bats"><img src="./media/images/bandcampIcon.svg"alt="bandcamp icon"</a>
<a class="imageButton" href="https://soundcloud.com/zoebat/sets/bats"><img src="./media/images/soundcloudIcon.svg"alt="soundcloud icon"></a>
</nav>
</p>
<p>void bastards is p good</p>
</div>
<a name="poisonedSoda"></a>
<div class="container">
<img class="cover" loading="lazy" src="media/images/poisonedSoda.webp" alt="the poisoned soda cover, it's a house made from blocks that i made in blender">
<p>
<h2>poisoned soda</h2>
<nav>
<a class="imageButton" href="./media/music/poisonedSoda.zip" download="poisonedSoda[flac].zip"><img src="./media/images/download.svg" alt="download button"></a>
<a class="imageButton" href="https://zoebat.bandcamp.com/album/poisoned-soda-2"><img src="./media/images/bandcampIcon.svg"alt="bandcamp icon"></a>
</nav>
</p>
<p>was really sad when i made this huh</p>
</div>
<a name="ocean"></a>
<div class="container">
<img class="cover" loading="lazy" src="media/images/ocean.webp" alt="ocean cover, it's a glitchy flushed emoji">
<p>
<h2>ocean</h2>
<nav>
<a class="imageButton" href="./media/music/ocean.zip" download="ocean[flac].zip"><img src="./media/images/download.svg" alt="download button"></a>
<a class="imageButton" href="https://zoebat.bandcamp.com/album/ocean"><img src="./media/images/bandcampIcon.svg"alt="bandcamp icon"></a>
</nav>
</p>
<p>ocean!</p>
</div>
</main>
<footer>
<!--#include virtual="footer.html" -->
</footer>
</body>
</html>