105 lines
7.8 KiB
HTML
Executable File
105 lines
7.8 KiB
HTML
Executable File
<!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>
|