first commit

This commit is contained in:
fuck-dot 2021-08-21 21:00:07 +02:00
commit e62903cfb1
39 changed files with 1427 additions and 0 deletions

69
about.html Executable file
View File

@ -0,0 +1,69 @@
<!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 - contact</title>
<link rel="shortcut icon" type="image/png" href="media/images/favicon.webp"> <meta name="description" content="this is where you can find my socials. last.fm, matrix, telegram and egirls.gay fediverse"> </head>
<body>
<header>
<div class="container"> <h1>about</h1>
<p>- this is where you can find my socials! -</p>
</div>
<div class="container">
<!--#include virtual="webring.html" -->
</div>
</header>
<main>
<a name="me"></a>
<div class="container">
<img class="cover" alt="glitchy selfie of me sticking out my tongue" src="./media/images/selfie.webp"></img>
<p>
<h2>me</h2>
<p>
hey, i'm zoe (fae / faer, they / them or she / her). known nonbinary, trans, bi lesbian who loves <a class="bouncy" href="https://rawtess.gay" >faer girlfriend</a>.
<br>
<br>
all of the music on here is free to download and licensed under <a class="bouncy" href="https://creativecommons.org/licenses/by-nc-sa/4.0/">CC BY-NC-SA 4.0</a>, but feel free to buy it on bandcamp if you really want.
</p>
</p>
</div>
<div class="container">
<h2>contact</h2>
<h3>talk 2 me</h3>
<a class="bouncy" href="https://egirls.gay/@pastelpunkbandit">egirls.gay</a><br>
<a class="bouncy" href="https://matrix.to/#/@pastelpunkbandit:egirls.gay">matrix.to</a><br>
<a class="bouncy" href="https://telegram.me/pastelpunkbandit">telegram.me</a><br>
<a class="bouncy" href="https://www.last.fm/user/zoebat">last.fm</a>
</div>
<a name="thisSite"></a>
<div class="container">
<h2>this site</h2>
<p>
powered with love by zoe bat mainframe gay agenda broadcasting station #1
</p>
<p>
<h3>y2k compliant certified</h3>
<p>
remember: turn your computer off before midnight on 12/31/99
</p>
</p>
<h3>license</h3>
<p>
this code may not be used for any purpose. be gay, do crime<br>
(<a class="bouncy" href="https://tilde.team/~barrow/LICENSE.txt">this license is stolen btw</a>)
</p>
<h3>there is no javascript on this website</h3>
<p>
do not go looking for it! it's not here! i wrote this entirely in html, css and server side includes.<br><br>
a terrible fate will befall you if you do! stop! this website was coded <i>entirely in vim</i> with my <i>bare hands</i> and i will not have any of this! you villain! you fool!<br><br>
i am so mad right now
</p>
</div>
</main>
<footer>
<!--#include virtual="footer.html" -->
</footer>
</body>
</html>

17
footer.html Normal file
View File

@ -0,0 +1,17 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1"></meta>
<title>zoe bat - home</title>
<link rel="stylesheet" type="text/css" href="styles/style.css" media="all"/>
</head>
<nav class="footerNav">
<nav class="footerRight">
<a class="imageButton"title="about"href="about"><img src="./media/images/about.svg"alt="a question mark icon"></a>
</nav>
<div class="footerLeft">
<a class="imageButton"title="home"href="./"><img src="./media/images/favicon.svg"alt="cute pixelart bat that's also this sites favicon"></a>
<a class="imageButton"title="bandcamp"href="https://zoebat.bandcamp.com"><img src="./media/images/bandcampIcon.svg"alt="bandcamp icon"></a>
<a class="imageButton"title="soundcloud"href="https://soundcloud.com/zoebat"><img src="./media/images/soundcloudIcon.svg"alt="soundcloud icon"></ a>
</div>
</nav>

104
index.html Executable file
View File

@ -0,0 +1,104 @@
<!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>

BIN
media/images/about.ase Normal file

Binary file not shown.

97
media/images/about.svg Normal file
View File

@ -0,0 +1,97 @@
<?xml version="1.0" encoding="UTF-8" ?>
<svg version="1.1" width="16" height="16" xmlns="http://www.w3.org/2000/svg" shape-rendering="crispEdges">
<rect x="6" y="0" width="1" height="1" fill="#F1EDFF" />
<rect x="7" y="0" width="1" height="1" fill="#F1EDFF" />
<rect x="8" y="0" width="1" height="1" fill="#F1EDFF" />
<rect x="9" y="0" width="1" height="1" fill="#F1EDFF" />
<rect x="5" y="1" width="1" height="1" fill="#F1EDFF" />
<rect x="6" y="1" width="1" height="1" fill="#28202E" />
<rect x="7" y="1" width="1" height="1" fill="#28202E" />
<rect x="8" y="1" width="1" height="1" fill="#28202E" />
<rect x="9" y="1" width="1" height="1" fill="#28202E" />
<rect x="10" y="1" width="1" height="1" fill="#F1EDFF" />
<rect x="4" y="2" width="1" height="1" fill="#F1EDFF" />
<rect x="5" y="2" width="1" height="1" fill="#28202E" />
<rect x="6" y="2" width="1" height="1" fill="#28202E" />
<rect x="7" y="2" width="1" height="1" fill="#28202E" />
<rect x="8" y="2" width="1" height="1" fill="#28202E" />
<rect x="9" y="2" width="1" height="1" fill="#28202E" />
<rect x="10" y="2" width="1" height="1" fill="#28202E" />
<rect x="11" y="2" width="1" height="1" fill="#F1EDFF" />
<rect x="3" y="3" width="1" height="1" fill="#F1EDFF" />
<rect x="4" y="3" width="1" height="1" fill="#28202E" />
<rect x="5" y="3" width="1" height="1" fill="#28202E" />
<rect x="6" y="3" width="1" height="1" fill="#F1EDFF" />
<rect x="7" y="3" width="1" height="1" fill="#F1EDFF" />
<rect x="8" y="3" width="1" height="1" fill="#F1EDFF" />
<rect x="9" y="3" width="1" height="1" fill="#F1EDFF" />
<rect x="10" y="3" width="1" height="1" fill="#28202E" />
<rect x="11" y="3" width="1" height="1" fill="#28202E" />
<rect x="12" y="3" width="1" height="1" fill="#F1EDFF" />
<rect x="3" y="4" width="1" height="1" fill="#FEB8FF" />
<rect x="4" y="4" width="1" height="1" fill="#F1EDFF" />
<rect x="5" y="4" width="1" height="1" fill="#F1EDFF" />
<rect x="6" y="4" width="1" height="1" fill="#FEB8FF" />
<rect x="7" y="4" width="1" height="1" fill="#FEB8FF" />
<rect x="8" y="4" width="1" height="1" fill="#FEB8FF" />
<rect x="9" y="4" width="1" height="1" fill="#F1EDFF" />
<rect x="10" y="4" width="1" height="1" fill="#28202E" />
<rect x="11" y="4" width="1" height="1" fill="#28202E" />
<rect x="12" y="4" width="1" height="1" fill="#F1EDFF" />
<rect x="3" y="5" width="1" height="1" fill="#FEB8FF" />
<rect x="4" y="5" width="1" height="1" fill="#FEB8FF" />
<rect x="5" y="5" width="1" height="1" fill="#FEB8FF" />
<rect x="6" y="5" width="1" height="1" fill="#FEB8FF" />
<rect x="7" y="5" width="1" height="1" fill="#FEB8FF" />
<rect x="8" y="5" width="1" height="1" fill="#FEB8FF" />
<rect x="9" y="5" width="1" height="1" fill="#F1EDFF" />
<rect x="10" y="5" width="1" height="1" fill="#28202E" />
<rect x="11" y="5" width="1" height="1" fill="#28202E" />
<rect x="12" y="5" width="1" height="1" fill="#F1EDFF" />
<rect x="4" y="6" width="1" height="1" fill="#FEB8FF" />
<rect x="5" y="6" width="1" height="1" fill="#FEB8FF" />
<rect x="8" y="6" width="1" height="1" fill="#F1EDFF" />
<rect x="9" y="6" width="1" height="1" fill="#28202E" />
<rect x="10" y="6" width="1" height="1" fill="#28202E" />
<rect x="11" y="6" width="1" height="1" fill="#F1EDFF" />
<rect x="12" y="6" width="1" height="1" fill="#FEB8FF" />
<rect x="7" y="7" width="1" height="1" fill="#F1EDFF" />
<rect x="8" y="7" width="1" height="1" fill="#28202E" />
<rect x="9" y="7" width="1" height="1" fill="#28202E" />
<rect x="10" y="7" width="1" height="1" fill="#F1EDFF" />
<rect x="11" y="7" width="1" height="1" fill="#FEB8FF" />
<rect x="12" y="7" width="1" height="1" fill="#FEB8FF" />
<rect x="6" y="8" width="1" height="1" fill="#F1EDFF" />
<rect x="7" y="8" width="1" height="1" fill="#28202E" />
<rect x="8" y="8" width="1" height="1" fill="#28202E" />
<rect x="9" y="8" width="1" height="1" fill="#F1EDFF" />
<rect x="10" y="8" width="1" height="1" fill="#FEB8FF" />
<rect x="11" y="8" width="1" height="1" fill="#FEB8FF" />
<rect x="6" y="9" width="1" height="1" fill="#F1EDFF" />
<rect x="7" y="9" width="1" height="1" fill="#28202E" />
<rect x="8" y="9" width="1" height="1" fill="#28202E" />
<rect x="9" y="9" width="1" height="1" fill="#F1EDFF" />
<rect x="10" y="9" width="1" height="1" fill="#FEB8FF" />
<rect x="6" y="10" width="1" height="1" fill="#FEB8FF" />
<rect x="7" y="10" width="1" height="1" fill="#F1EDFF" />
<rect x="8" y="10" width="1" height="1" fill="#F1EDFF" />
<rect x="9" y="10" width="1" height="1" fill="#FEB8FF" />
<rect x="6" y="11" width="1" height="1" fill="#F1EDFF" />
<rect x="7" y="11" width="1" height="1" fill="#28202E" />
<rect x="8" y="11" width="1" height="1" fill="#28202E" />
<rect x="9" y="11" width="1" height="1" fill="#F1EDFF" />
<rect x="6" y="12" width="1" height="1" fill="#F1EDFF" />
<rect x="7" y="12" width="1" height="1" fill="#28202E" />
<rect x="8" y="12" width="1" height="1" fill="#28202E" />
<rect x="9" y="12" width="1" height="1" fill="#F1EDFF" />
<rect x="6" y="13" width="1" height="1" fill="#FEB8FF" />
<rect x="7" y="13" width="1" height="1" fill="#F1EDFF" />
<rect x="8" y="13" width="1" height="1" fill="#F1EDFF" />
<rect x="9" y="13" width="1" height="1" fill="#FEB8FF" />
<rect x="6" y="14" width="1" height="1" fill="#FEB8FF" />
<rect x="7" y="14" width="1" height="1" fill="#FEB8FF" />
<rect x="8" y="14" width="1" height="1" fill="#FEB8FF" />
<rect x="9" y="14" width="1" height="1" fill="#FEB8FF" />
<rect x="7" y="15" width="1" height="1" fill="#FEB8FF" />
<rect x="8" y="15" width="1" height="1" fill="#FEB8FF" />
</svg>

After

Width:  |  Height:  |  Size: 5.4 KiB

View File

@ -0,0 +1,211 @@
<?xml version="1.0" encoding="UTF-8" ?>
<svg version="1.1" width="16" height="16" xmlns="http://www.w3.org/2000/svg" shape-rendering="crispEdges">
<rect x="5" y="0" width="1" height="1" fill="#F1EDFF" />
<rect x="6" y="0" width="1" height="1" fill="#F1EDFF" />
<rect x="7" y="0" width="1" height="1" fill="#F1EDFF" />
<rect x="8" y="0" width="1" height="1" fill="#F1EDFF" />
<rect x="9" y="0" width="1" height="1" fill="#F1EDFF" />
<rect x="10" y="0" width="1" height="1" fill="#F1EDFF" />
<rect x="3" y="1" width="1" height="1" fill="#F1EDFF" />
<rect x="4" y="1" width="1" height="1" fill="#F1EDFF" />
<rect x="5" y="1" width="1" height="1" fill="#28202E" />
<rect x="6" y="1" width="1" height="1" fill="#28202E" />
<rect x="7" y="1" width="1" height="1" fill="#28202E" />
<rect x="8" y="1" width="1" height="1" fill="#28202E" />
<rect x="9" y="1" width="1" height="1" fill="#28202E" />
<rect x="10" y="1" width="1" height="1" fill="#28202E" />
<rect x="11" y="1" width="1" height="1" fill="#F1EDFF" />
<rect x="12" y="1" width="1" height="1" fill="#F1EDFF" />
<rect x="2" y="2" width="1" height="1" fill="#F1EDFF" />
<rect x="3" y="2" width="1" height="1" fill="#28202E" />
<rect x="4" y="2" width="1" height="1" fill="#28202E" />
<rect x="5" y="2" width="1" height="1" fill="#28202E" />
<rect x="6" y="2" width="1" height="1" fill="#28202E" />
<rect x="7" y="2" width="1" height="1" fill="#28202E" />
<rect x="8" y="2" width="1" height="1" fill="#28202E" />
<rect x="9" y="2" width="1" height="1" fill="#28202E" />
<rect x="10" y="2" width="1" height="1" fill="#28202E" />
<rect x="11" y="2" width="1" height="1" fill="#28202E" />
<rect x="12" y="2" width="1" height="1" fill="#28202E" />
<rect x="13" y="2" width="1" height="1" fill="#F1EDFF" />
<rect x="1" y="3" width="1" height="1" fill="#F1EDFF" />
<rect x="2" y="3" width="1" height="1" fill="#28202E" />
<rect x="3" y="3" width="1" height="1" fill="#28202E" />
<rect x="4" y="3" width="1" height="1" fill="#28202E" />
<rect x="5" y="3" width="1" height="1" fill="#28202E" />
<rect x="6" y="3" width="1" height="1" fill="#28202E" />
<rect x="7" y="3" width="1" height="1" fill="#28202E" />
<rect x="8" y="3" width="1" height="1" fill="#28202E" />
<rect x="9" y="3" width="1" height="1" fill="#28202E" />
<rect x="10" y="3" width="1" height="1" fill="#28202E" />
<rect x="11" y="3" width="1" height="1" fill="#28202E" />
<rect x="12" y="3" width="1" height="1" fill="#28202E" />
<rect x="13" y="3" width="1" height="1" fill="#28202E" />
<rect x="14" y="3" width="1" height="1" fill="#F1EDFF" />
<rect x="1" y="4" width="1" height="1" fill="#F1EDFF" />
<rect x="2" y="4" width="1" height="1" fill="#28202E" />
<rect x="3" y="4" width="1" height="1" fill="#28202E" />
<rect x="4" y="4" width="1" height="1" fill="#28202E" />
<rect x="5" y="4" width="1" height="1" fill="#28202E" />
<rect x="6" y="4" width="1" height="1" fill="#F1EDFF" />
<rect x="7" y="4" width="1" height="1" fill="#F1EDFF" />
<rect x="8" y="4" width="1" height="1" fill="#F1EDFF" />
<rect x="9" y="4" width="1" height="1" fill="#F1EDFF" />
<rect x="10" y="4" width="1" height="1" fill="#F1EDFF" />
<rect x="11" y="4" width="1" height="1" fill="#F1EDFF" />
<rect x="12" y="4" width="1" height="1" fill="#28202E" />
<rect x="13" y="4" width="1" height="1" fill="#28202E" />
<rect x="14" y="4" width="1" height="1" fill="#F1EDFF" />
<rect x="0" y="5" width="1" height="1" fill="#F1EDFF" />
<rect x="1" y="5" width="1" height="1" fill="#28202E" />
<rect x="2" y="5" width="1" height="1" fill="#28202E" />
<rect x="3" y="5" width="1" height="1" fill="#28202E" />
<rect x="4" y="5" width="1" height="1" fill="#28202E" />
<rect x="5" y="5" width="1" height="1" fill="#28202E" />
<rect x="6" y="5" width="1" height="1" fill="#F1EDFF" />
<rect x="7" y="5" width="1" height="1" fill="#F1EDFF" />
<rect x="8" y="5" width="1" height="1" fill="#F1EDFF" />
<rect x="9" y="5" width="1" height="1" fill="#F1EDFF" />
<rect x="10" y="5" width="1" height="1" fill="#F1EDFF" />
<rect x="11" y="5" width="1" height="1" fill="#F1EDFF" />
<rect x="12" y="5" width="1" height="1" fill="#28202E" />
<rect x="13" y="5" width="1" height="1" fill="#28202E" />
<rect x="14" y="5" width="1" height="1" fill="#28202E" />
<rect x="15" y="5" width="1" height="1" fill="#F1EDFF" />
<rect x="0" y="6" width="1" height="1" fill="#F1EDFF" />
<rect x="1" y="6" width="1" height="1" fill="#28202E" />
<rect x="2" y="6" width="1" height="1" fill="#28202E" />
<rect x="3" y="6" width="1" height="1" fill="#28202E" />
<rect x="4" y="6" width="1" height="1" fill="#28202E" />
<rect x="5" y="6" width="1" height="1" fill="#F1EDFF" />
<rect x="6" y="6" width="1" height="1" fill="#F1EDFF" />
<rect x="7" y="6" width="1" height="1" fill="#F1EDFF" />
<rect x="8" y="6" width="1" height="1" fill="#F1EDFF" />
<rect x="9" y="6" width="1" height="1" fill="#F1EDFF" />
<rect x="10" y="6" width="1" height="1" fill="#F1EDFF" />
<rect x="11" y="6" width="1" height="1" fill="#28202E" />
<rect x="12" y="6" width="1" height="1" fill="#28202E" />
<rect x="13" y="6" width="1" height="1" fill="#28202E" />
<rect x="14" y="6" width="1" height="1" fill="#28202E" />
<rect x="15" y="6" width="1" height="1" fill="#F1EDFF" />
<rect x="0" y="7" width="1" height="1" fill="#F1EDFF" />
<rect x="1" y="7" width="1" height="1" fill="#28202E" />
<rect x="2" y="7" width="1" height="1" fill="#28202E" />
<rect x="3" y="7" width="1" height="1" fill="#28202E" />
<rect x="4" y="7" width="1" height="1" fill="#28202E" />
<rect x="5" y="7" width="1" height="1" fill="#F1EDFF" />
<rect x="6" y="7" width="1" height="1" fill="#F1EDFF" />
<rect x="7" y="7" width="1" height="1" fill="#F1EDFF" />
<rect x="8" y="7" width="1" height="1" fill="#F1EDFF" />
<rect x="9" y="7" width="1" height="1" fill="#F1EDFF" />
<rect x="10" y="7" width="1" height="1" fill="#F1EDFF" />
<rect x="11" y="7" width="1" height="1" fill="#28202E" />
<rect x="12" y="7" width="1" height="1" fill="#28202E" />
<rect x="13" y="7" width="1" height="1" fill="#28202E" />
<rect x="14" y="7" width="1" height="1" fill="#28202E" />
<rect x="15" y="7" width="1" height="1" fill="#F1EDFF" />
<rect x="0" y="8" width="1" height="1" fill="#F1EDFF" />
<rect x="1" y="8" width="1" height="1" fill="#28202E" />
<rect x="2" y="8" width="1" height="1" fill="#28202E" />
<rect x="3" y="8" width="1" height="1" fill="#28202E" />
<rect x="4" y="8" width="1" height="1" fill="#F1EDFF" />
<rect x="5" y="8" width="1" height="1" fill="#F1EDFF" />
<rect x="6" y="8" width="1" height="1" fill="#F1EDFF" />
<rect x="7" y="8" width="1" height="1" fill="#F1EDFF" />
<rect x="8" y="8" width="1" height="1" fill="#F1EDFF" />
<rect x="9" y="8" width="1" height="1" fill="#F1EDFF" />
<rect x="10" y="8" width="1" height="1" fill="#28202E" />
<rect x="11" y="8" width="1" height="1" fill="#28202E" />
<rect x="12" y="8" width="1" height="1" fill="#28202E" />
<rect x="13" y="8" width="1" height="1" fill="#28202E" />
<rect x="14" y="8" width="1" height="1" fill="#28202E" />
<rect x="15" y="8" width="1" height="1" fill="#F1EDFF" />
<rect x="0" y="9" width="1" height="1" fill="#FEB8FF" />
<rect x="1" y="9" width="1" height="1" fill="#F1EDFF" />
<rect x="2" y="9" width="1" height="1" fill="#28202E" />
<rect x="3" y="9" width="1" height="1" fill="#28202E" />
<rect x="4" y="9" width="1" height="1" fill="#F1EDFF" />
<rect x="5" y="9" width="1" height="1" fill="#F1EDFF" />
<rect x="6" y="9" width="1" height="1" fill="#F1EDFF" />
<rect x="7" y="9" width="1" height="1" fill="#F1EDFF" />
<rect x="8" y="9" width="1" height="1" fill="#F1EDFF" />
<rect x="9" y="9" width="1" height="1" fill="#F1EDFF" />
<rect x="10" y="9" width="1" height="1" fill="#28202E" />
<rect x="11" y="9" width="1" height="1" fill="#28202E" />
<rect x="12" y="9" width="1" height="1" fill="#28202E" />
<rect x="13" y="9" width="1" height="1" fill="#28202E" />
<rect x="14" y="9" width="1" height="1" fill="#F1EDFF" />
<rect x="15" y="9" width="1" height="1" fill="#FEB8FF" />
<rect x="0" y="10" width="1" height="1" fill="#FEB8FF" />
<rect x="1" y="10" width="1" height="1" fill="#F1EDFF" />
<rect x="2" y="10" width="1" height="1" fill="#28202E" />
<rect x="3" y="10" width="1" height="1" fill="#28202E" />
<rect x="4" y="10" width="1" height="1" fill="#28202E" />
<rect x="5" y="10" width="1" height="1" fill="#28202E" />
<rect x="6" y="10" width="1" height="1" fill="#28202E" />
<rect x="7" y="10" width="1" height="1" fill="#28202E" />
<rect x="8" y="10" width="1" height="1" fill="#28202E" />
<rect x="9" y="10" width="1" height="1" fill="#28202E" />
<rect x="10" y="10" width="1" height="1" fill="#28202E" />
<rect x="11" y="10" width="1" height="1" fill="#28202E" />
<rect x="12" y="10" width="1" height="1" fill="#28202E" />
<rect x="13" y="10" width="1" height="1" fill="#28202E" />
<rect x="14" y="10" width="1" height="1" fill="#F1EDFF" />
<rect x="15" y="10" width="1" height="1" fill="#FEB8FF" />
<rect x="1" y="11" width="1" height="1" fill="#FEB8FF" />
<rect x="2" y="11" width="1" height="1" fill="#F1EDFF" />
<rect x="3" y="11" width="1" height="1" fill="#28202E" />
<rect x="4" y="11" width="1" height="1" fill="#28202E" />
<rect x="5" y="11" width="1" height="1" fill="#28202E" />
<rect x="6" y="11" width="1" height="1" fill="#28202E" />
<rect x="7" y="11" width="1" height="1" fill="#28202E" />
<rect x="8" y="11" width="1" height="1" fill="#28202E" />
<rect x="9" y="11" width="1" height="1" fill="#28202E" />
<rect x="10" y="11" width="1" height="1" fill="#28202E" />
<rect x="11" y="11" width="1" height="1" fill="#28202E" />
<rect x="12" y="11" width="1" height="1" fill="#28202E" />
<rect x="13" y="11" width="1" height="1" fill="#F1EDFF" />
<rect x="14" y="11" width="1" height="1" fill="#FEB8FF" />
<rect x="1" y="12" width="1" height="1" fill="#FEB8FF" />
<rect x="2" y="12" width="1" height="1" fill="#FEB8FF" />
<rect x="3" y="12" width="1" height="1" fill="#F1EDFF" />
<rect x="4" y="12" width="1" height="1" fill="#F1EDFF" />
<rect x="5" y="12" width="1" height="1" fill="#28202E" />
<rect x="6" y="12" width="1" height="1" fill="#28202E" />
<rect x="7" y="12" width="1" height="1" fill="#28202E" />
<rect x="8" y="12" width="1" height="1" fill="#28202E" />
<rect x="9" y="12" width="1" height="1" fill="#28202E" />
<rect x="10" y="12" width="1" height="1" fill="#28202E" />
<rect x="11" y="12" width="1" height="1" fill="#F1EDFF" />
<rect x="12" y="12" width="1" height="1" fill="#F1EDFF" />
<rect x="13" y="12" width="1" height="1" fill="#FEB8FF" />
<rect x="14" y="12" width="1" height="1" fill="#FEB8FF" />
<rect x="2" y="13" width="1" height="1" fill="#FEB8FF" />
<rect x="3" y="13" width="1" height="1" fill="#FEB8FF" />
<rect x="4" y="13" width="1" height="1" fill="#FEB8FF" />
<rect x="5" y="13" width="1" height="1" fill="#F1EDFF" />
<rect x="6" y="13" width="1" height="1" fill="#F1EDFF" />
<rect x="7" y="13" width="1" height="1" fill="#F1EDFF" />
<rect x="8" y="13" width="1" height="1" fill="#F1EDFF" />
<rect x="9" y="13" width="1" height="1" fill="#F1EDFF" />
<rect x="10" y="13" width="1" height="1" fill="#F1EDFF" />
<rect x="11" y="13" width="1" height="1" fill="#FEB8FF" />
<rect x="12" y="13" width="1" height="1" fill="#FEB8FF" />
<rect x="13" y="13" width="1" height="1" fill="#FEB8FF" />
<rect x="3" y="14" width="1" height="1" fill="#FEB8FF" />
<rect x="4" y="14" width="1" height="1" fill="#FEB8FF" />
<rect x="5" y="14" width="1" height="1" fill="#FEB8FF" />
<rect x="6" y="14" width="1" height="1" fill="#FEB8FF" />
<rect x="7" y="14" width="1" height="1" fill="#FEB8FF" />
<rect x="8" y="14" width="1" height="1" fill="#FEB8FF" />
<rect x="9" y="14" width="1" height="1" fill="#FEB8FF" />
<rect x="10" y="14" width="1" height="1" fill="#FEB8FF" />
<rect x="11" y="14" width="1" height="1" fill="#FEB8FF" />
<rect x="12" y="14" width="1" height="1" fill="#FEB8FF" />
<rect x="5" y="15" width="1" height="1" fill="#FEB8FF" />
<rect x="6" y="15" width="1" height="1" fill="#FEB8FF" />
<rect x="7" y="15" width="1" height="1" fill="#FEB8FF" />
<rect x="8" y="15" width="1" height="1" fill="#FEB8FF" />
<rect x="9" y="15" width="1" height="1" fill="#FEB8FF" />
<rect x="10" y="15" width="1" height="1" fill="#FEB8FF" />
</svg>

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.2 KiB

BIN
media/images/bats.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB

BIN
media/images/bg.aseprite Normal file

Binary file not shown.

BIN
media/images/bg.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
media/images/bg.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 693 B

107
media/images/bg.svg Normal file
View File

@ -0,0 +1,107 @@
<?xml version="1.0" encoding="UTF-8" ?>
<svg version="1.1" width="32" height="32" xmlns="http://www.w3.org/2000/svg" shape-rendering="crispEdges">
<rect x="5" y="5" width="1" height="1" fill="#F1EDFF" />
<rect x="6" y="5" width="1" height="1" fill="#F1EDFF" />
<rect x="9" y="5" width="1" height="1" fill="#28202E" />
<rect x="10" y="5" width="1" height="1" fill="#F1EDFF" />
<rect x="4" y="6" width="1" height="1" fill="#F1EDFF" />
<rect x="5" y="6" width="1" height="1" fill="#F1EDFF" />
<rect x="6" y="6" width="1" height="1" fill="#F1EDFF" />
<rect x="7" y="6" width="1" height="1" fill="#F1EDFF" />
<rect x="8" y="6" width="1" height="1" fill="#28202E" />
<rect x="9" y="6" width="1" height="1" fill="#F1EDFF" />
<rect x="10" y="6" width="1" height="1" fill="#28202E" />
<rect x="11" y="6" width="1" height="1" fill="#F1EDFF" />
<rect x="3" y="7" width="1" height="1" fill="#F1EDFF" />
<rect x="4" y="7" width="1" height="1" fill="#F1EDFF" />
<rect x="5" y="7" width="1" height="1" fill="#F1EDFF" />
<rect x="6" y="7" width="1" height="1" fill="#F1EDFF" />
<rect x="7" y="7" width="1" height="1" fill="#F1EDFF" />
<rect x="8" y="7" width="1" height="1" fill="#F1EDFF" />
<rect x="9" y="7" width="1" height="1" fill="#28202E" />
<rect x="10" y="7" width="1" height="1" fill="#F1EDFF" />
<rect x="11" y="7" width="1" height="1" fill="#28202E" />
<rect x="12" y="7" width="1" height="1" fill="#F1EDFF" />
<rect x="3" y="8" width="1" height="1" fill="#F1EDFF" />
<rect x="4" y="8" width="1" height="1" fill="#F1EDFF" />
<rect x="5" y="8" width="1" height="1" fill="#F1EDFF" />
<rect x="6" y="8" width="1" height="1" fill="#F1EDFF" />
<rect x="7" y="8" width="1" height="1" fill="#F1EDFF" />
<rect x="8" y="8" width="1" height="1" fill="#28202E" />
<rect x="9" y="8" width="1" height="1" fill="#F1EDFF" />
<rect x="10" y="8" width="1" height="1" fill="#28202E" />
<rect x="11" y="8" width="1" height="1" fill="#F1EDFF" />
<rect x="12" y="8" width="1" height="1" fill="#28202E" />
<rect x="4" y="9" width="1" height="1" fill="#F1EDFF" />
<rect x="5" y="9" width="1" height="1" fill="#F1EDFF" />
<rect x="6" y="9" width="1" height="1" fill="#F1EDFF" />
<rect x="7" y="9" width="1" height="1" fill="#F1EDFF" />
<rect x="8" y="9" width="1" height="1" fill="#F1EDFF" />
<rect x="9" y="9" width="1" height="1" fill="#28202E" />
<rect x="10" y="9" width="1" height="1" fill="#F1EDFF" />
<rect x="11" y="9" width="1" height="1" fill="#28202E" />
<rect x="5" y="10" width="1" height="1" fill="#F1EDFF" />
<rect x="6" y="10" width="1" height="1" fill="#F1EDFF" />
<rect x="7" y="10" width="1" height="1" fill="#F1EDFF" />
<rect x="8" y="10" width="1" height="1" fill="#28202E" />
<rect x="9" y="10" width="1" height="1" fill="#F1EDFF" />
<rect x="10" y="10" width="1" height="1" fill="#28202E" />
<rect x="6" y="11" width="1" height="1" fill="#F1EDFF" />
<rect x="7" y="11" width="1" height="1" fill="#F1EDFF" />
<rect x="8" y="11" width="1" height="1" fill="#F1EDFF" />
<rect x="9" y="11" width="1" height="1" fill="#28202E" />
<rect x="7" y="12" width="1" height="1" fill="#F1EDFF" />
<rect x="8" y="12" width="1" height="1" fill="#28202E" />
<rect x="21" y="21" width="1" height="1" fill="#28202E" />
<rect x="22" y="21" width="1" height="1" fill="#28202E" />
<rect x="25" y="21" width="1" height="1" fill="#B0FF82" />
<rect x="26" y="21" width="1" height="1" fill="#28202E" />
<rect x="20" y="22" width="1" height="1" fill="#28202E" />
<rect x="21" y="22" width="1" height="1" fill="#28202E" />
<rect x="22" y="22" width="1" height="1" fill="#28202E" />
<rect x="23" y="22" width="1" height="1" fill="#28202E" />
<rect x="24" y="22" width="1" height="1" fill="#B0FF82" />
<rect x="25" y="22" width="1" height="1" fill="#28202E" />
<rect x="26" y="22" width="1" height="1" fill="#B0FF82" />
<rect x="27" y="22" width="1" height="1" fill="#28202E" />
<rect x="19" y="23" width="1" height="1" fill="#28202E" />
<rect x="20" y="23" width="1" height="1" fill="#28202E" />
<rect x="21" y="23" width="1" height="1" fill="#28202E" />
<rect x="22" y="23" width="1" height="1" fill="#28202E" />
<rect x="23" y="23" width="1" height="1" fill="#28202E" />
<rect x="24" y="23" width="1" height="1" fill="#28202E" />
<rect x="25" y="23" width="1" height="1" fill="#B0FF82" />
<rect x="26" y="23" width="1" height="1" fill="#28202E" />
<rect x="27" y="23" width="1" height="1" fill="#B0FF82" />
<rect x="28" y="23" width="1" height="1" fill="#28202E" />
<rect x="19" y="24" width="1" height="1" fill="#28202E" />
<rect x="20" y="24" width="1" height="1" fill="#28202E" />
<rect x="21" y="24" width="1" height="1" fill="#28202E" />
<rect x="22" y="24" width="1" height="1" fill="#28202E" />
<rect x="23" y="24" width="1" height="1" fill="#28202E" />
<rect x="24" y="24" width="1" height="1" fill="#B0FF82" />
<rect x="25" y="24" width="1" height="1" fill="#28202E" />
<rect x="26" y="24" width="1" height="1" fill="#B0FF82" />
<rect x="27" y="24" width="1" height="1" fill="#28202E" />
<rect x="28" y="24" width="1" height="1" fill="#B0FF82" />
<rect x="20" y="25" width="1" height="1" fill="#28202E" />
<rect x="21" y="25" width="1" height="1" fill="#28202E" />
<rect x="22" y="25" width="1" height="1" fill="#28202E" />
<rect x="23" y="25" width="1" height="1" fill="#28202E" />
<rect x="24" y="25" width="1" height="1" fill="#28202E" />
<rect x="25" y="25" width="1" height="1" fill="#B0FF82" />
<rect x="26" y="25" width="1" height="1" fill="#28202E" />
<rect x="27" y="25" width="1" height="1" fill="#B0FF82" />
<rect x="21" y="26" width="1" height="1" fill="#28202E" />
<rect x="22" y="26" width="1" height="1" fill="#28202E" />
<rect x="23" y="26" width="1" height="1" fill="#28202E" />
<rect x="24" y="26" width="1" height="1" fill="#B0FF82" />
<rect x="25" y="26" width="1" height="1" fill="#28202E" />
<rect x="26" y="26" width="1" height="1" fill="#B0FF82" />
<rect x="22" y="27" width="1" height="1" fill="#28202E" />
<rect x="23" y="27" width="1" height="1" fill="#28202E" />
<rect x="24" y="27" width="1" height="1" fill="#28202E" />
<rect x="25" y="27" width="1" height="1" fill="#B0FF82" />
<rect x="23" y="28" width="1" height="1" fill="#28202E" />
<rect x="24" y="28" width="1" height="1" fill="#B0FF82" />
</svg>

After

Width:  |  Height:  |  Size: 6.1 KiB

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 52 KiB

189
media/images/download.svg Normal file
View File

@ -0,0 +1,189 @@
<?xml version="1.0" encoding="UTF-8" ?>
<svg version="1.1" width="16" height="16" xmlns="http://www.w3.org/2000/svg" shape-rendering="crispEdges">
<rect x="5" y="0" width="1" height="1" fill="#F1EDFF" />
<rect x="6" y="0" width="1" height="1" fill="#F1EDFF" />
<rect x="7" y="0" width="1" height="1" fill="#F1EDFF" />
<rect x="8" y="0" width="1" height="1" fill="#F1EDFF" />
<rect x="9" y="0" width="1" height="1" fill="#F1EDFF" />
<rect x="10" y="0" width="1" height="1" fill="#F1EDFF" />
<rect x="4" y="1" width="1" height="1" fill="#F1EDFF" />
<rect x="5" y="1" width="1" height="1" fill="#28202E" />
<rect x="6" y="1" width="1" height="1" fill="#28202E" />
<rect x="7" y="1" width="1" height="1" fill="#28202E" />
<rect x="8" y="1" width="1" height="1" fill="#28202E" />
<rect x="9" y="1" width="1" height="1" fill="#28202E" />
<rect x="10" y="1" width="1" height="1" fill="#28202E" />
<rect x="11" y="1" width="1" height="1" fill="#F1EDFF" />
<rect x="1" y="2" width="1" height="1" fill="#F1EDFF" />
<rect x="2" y="2" width="1" height="1" fill="#F1EDFF" />
<rect x="3" y="2" width="1" height="1" fill="#F1EDFF" />
<rect x="4" y="2" width="1" height="1" fill="#F1EDFF" />
<rect x="5" y="2" width="1" height="1" fill="#F1EDFF" />
<rect x="6" y="2" width="1" height="1" fill="#F1EDFF" />
<rect x="7" y="2" width="1" height="1" fill="#F1EDFF" />
<rect x="8" y="2" width="1" height="1" fill="#F1EDFF" />
<rect x="9" y="2" width="1" height="1" fill="#F1EDFF" />
<rect x="10" y="2" width="1" height="1" fill="#F1EDFF" />
<rect x="11" y="2" width="1" height="1" fill="#F1EDFF" />
<rect x="12" y="2" width="1" height="1" fill="#F1EDFF" />
<rect x="13" y="2" width="1" height="1" fill="#F1EDFF" />
<rect x="14" y="2" width="1" height="1" fill="#F1EDFF" />
<rect x="0" y="3" width="1" height="1" fill="#F1EDFF" />
<rect x="1" y="3" width="1" height="1" fill="#28202E" />
<rect x="2" y="3" width="1" height="1" fill="#28202E" />
<rect x="3" y="3" width="1" height="1" fill="#28202E" />
<rect x="4" y="3" width="1" height="1" fill="#28202E" />
<rect x="5" y="3" width="1" height="1" fill="#F1EDFF" />
<rect x="6" y="3" width="1" height="1" fill="#F1EDFF" />
<rect x="7" y="3" width="1" height="1" fill="#F1EDFF" />
<rect x="8" y="3" width="1" height="1" fill="#28202E" />
<rect x="9" y="3" width="1" height="1" fill="#28202E" />
<rect x="10" y="3" width="1" height="1" fill="#F1EDFF" />
<rect x="11" y="3" width="1" height="1" fill="#F1EDFF" />
<rect x="12" y="3" width="1" height="1" fill="#28202E" />
<rect x="13" y="3" width="1" height="1" fill="#28202E" />
<rect x="14" y="3" width="1" height="1" fill="#28202E" />
<rect x="15" y="3" width="1" height="1" fill="#F1EDFF" />
<rect x="0" y="4" width="1" height="1" fill="#F1EDFF" />
<rect x="1" y="4" width="1" height="1" fill="#28202E" />
<rect x="2" y="4" width="1" height="1" fill="#F1EDFF" />
<rect x="3" y="4" width="1" height="1" fill="#F1EDFF" />
<rect x="4" y="4" width="1" height="1" fill="#28202E" />
<rect x="5" y="4" width="1" height="1" fill="#F1EDFF" />
<rect x="6" y="4" width="1" height="1" fill="#F1EDFF" />
<rect x="7" y="4" width="1" height="1" fill="#28202E" />
<rect x="8" y="4" width="1" height="1" fill="#F1EDFF" />
<rect x="9" y="4" width="1" height="1" fill="#F1EDFF" />
<rect x="10" y="4" width="1" height="1" fill="#28202E" />
<rect x="11" y="4" width="1" height="1" fill="#28202E" />
<rect x="12" y="4" width="1" height="1" fill="#F1EDFF" />
<rect x="13" y="4" width="1" height="1" fill="#F1EDFF" />
<rect x="14" y="4" width="1" height="1" fill="#F1EDFF" />
<rect x="15" y="4" width="1" height="1" fill="#FEB8FF" />
<rect x="0" y="5" width="1" height="1" fill="#F1EDFF" />
<rect x="1" y="5" width="1" height="1" fill="#28202E" />
<rect x="2" y="5" width="1" height="1" fill="#28202E" />
<rect x="3" y="5" width="1" height="1" fill="#F1EDFF" />
<rect x="4" y="5" width="1" height="1" fill="#28202E" />
<rect x="5" y="5" width="1" height="1" fill="#F1EDFF" />
<rect x="6" y="5" width="1" height="1" fill="#F1EDFF" />
<rect x="7" y="5" width="1" height="1" fill="#28202E" />
<rect x="8" y="5" width="1" height="1" fill="#28202E" />
<rect x="9" y="5" width="1" height="1" fill="#28202E" />
<rect x="10" y="5" width="1" height="1" fill="#28202E" />
<rect x="11" y="5" width="1" height="1" fill="#28202E" />
<rect x="12" y="5" width="1" height="1" fill="#F1EDFF" />
<rect x="13" y="5" width="1" height="1" fill="#F1EDFF" />
<rect x="14" y="5" width="1" height="1" fill="#F1EDFF" />
<rect x="15" y="5" width="1" height="1" fill="#FEB8FF" />
<rect x="0" y="6" width="1" height="1" fill="#F1EDFF" />
<rect x="1" y="6" width="1" height="1" fill="#28202E" />
<rect x="2" y="6" width="1" height="1" fill="#F1EDFF" />
<rect x="3" y="6" width="1" height="1" fill="#F1EDFF" />
<rect x="4" y="6" width="1" height="1" fill="#28202E" />
<rect x="5" y="6" width="1" height="1" fill="#28202E" />
<rect x="6" y="6" width="1" height="1" fill="#28202E" />
<rect x="7" y="6" width="1" height="1" fill="#28202E" />
<rect x="8" y="6" width="1" height="1" fill="#F1EDFF" />
<rect x="9" y="6" width="1" height="1" fill="#F1EDFF" />
<rect x="10" y="6" width="1" height="1" fill="#28202E" />
<rect x="11" y="6" width="1" height="1" fill="#F1EDFF" />
<rect x="12" y="6" width="1" height="1" fill="#28202E" />
<rect x="13" y="6" width="1" height="1" fill="#28202E" />
<rect x="14" y="6" width="1" height="1" fill="#28202E" />
<rect x="15" y="6" width="1" height="1" fill="#F1EDFF" />
<rect x="0" y="7" width="1" height="1" fill="#FEB8FF" />
<rect x="1" y="7" width="1" height="1" fill="#F1EDFF" />
<rect x="2" y="7" width="1" height="1" fill="#F1EDFF" />
<rect x="3" y="7" width="1" height="1" fill="#F1EDFF" />
<rect x="4" y="7" width="1" height="1" fill="#F1EDFF" />
<rect x="5" y="7" width="1" height="1" fill="#F1EDFF" />
<rect x="6" y="7" width="1" height="1" fill="#F1EDFF" />
<rect x="7" y="7" width="1" height="1" fill="#F1EDFF" />
<rect x="8" y="7" width="1" height="1" fill="#F1EDFF" />
<rect x="9" y="7" width="1" height="1" fill="#28202E" />
<rect x="10" y="7" width="1" height="1" fill="#F1EDFF" />
<rect x="11" y="7" width="1" height="1" fill="#F1EDFF" />
<rect x="12" y="7" width="1" height="1" fill="#F1EDFF" />
<rect x="13" y="7" width="1" height="1" fill="#F1EDFF" />
<rect x="14" y="7" width="1" height="1" fill="#F1EDFF" />
<rect x="15" y="7" width="1" height="1" fill="#FEB8FF" />
<rect x="0" y="8" width="1" height="1" fill="#FEB8FF" />
<rect x="1" y="8" width="1" height="1" fill="#F1EDFF" />
<rect x="2" y="8" width="1" height="1" fill="#28202E" />
<rect x="3" y="8" width="1" height="1" fill="#28202E" />
<rect x="4" y="8" width="1" height="1" fill="#28202E" />
<rect x="5" y="8" width="1" height="1" fill="#28202E" />
<rect x="6" y="8" width="1" height="1" fill="#28202E" />
<rect x="7" y="8" width="1" height="1" fill="#28202E" />
<rect x="8" y="8" width="1" height="1" fill="#28202E" />
<rect x="9" y="8" width="1" height="1" fill="#28202E" />
<rect x="10" y="8" width="1" height="1" fill="#28202E" />
<rect x="11" y="8" width="1" height="1" fill="#28202E" />
<rect x="12" y="8" width="1" height="1" fill="#28202E" />
<rect x="13" y="8" width="1" height="1" fill="#28202E" />
<rect x="14" y="8" width="1" height="1" fill="#F1EDFF" />
<rect x="15" y="8" width="1" height="1" fill="#FEB8FF" />
<rect x="1" y="9" width="1" height="1" fill="#FEB8FF" />
<rect x="2" y="9" width="1" height="1" fill="#F1EDFF" />
<rect x="3" y="9" width="1" height="1" fill="#28202E" />
<rect x="4" y="9" width="1" height="1" fill="#28202E" />
<rect x="5" y="9" width="1" height="1" fill="#28202E" />
<rect x="6" y="9" width="1" height="1" fill="#28202E" />
<rect x="7" y="9" width="1" height="1" fill="#28202E" />
<rect x="8" y="9" width="1" height="1" fill="#28202E" />
<rect x="9" y="9" width="1" height="1" fill="#28202E" />
<rect x="10" y="9" width="1" height="1" fill="#28202E" />
<rect x="11" y="9" width="1" height="1" fill="#28202E" />
<rect x="12" y="9" width="1" height="1" fill="#28202E" />
<rect x="13" y="9" width="1" height="1" fill="#F1EDFF" />
<rect x="14" y="9" width="1" height="1" fill="#FEB8FF" />
<rect x="1" y="10" width="1" height="1" fill="#FEB8FF" />
<rect x="2" y="10" width="1" height="1" fill="#FEB8FF" />
<rect x="3" y="10" width="1" height="1" fill="#F1EDFF" />
<rect x="4" y="10" width="1" height="1" fill="#28202E" />
<rect x="5" y="10" width="1" height="1" fill="#28202E" />
<rect x="6" y="10" width="1" height="1" fill="#28202E" />
<rect x="7" y="10" width="1" height="1" fill="#28202E" />
<rect x="8" y="10" width="1" height="1" fill="#28202E" />
<rect x="9" y="10" width="1" height="1" fill="#28202E" />
<rect x="10" y="10" width="1" height="1" fill="#28202E" />
<rect x="11" y="10" width="1" height="1" fill="#28202E" />
<rect x="12" y="10" width="1" height="1" fill="#F1EDFF" />
<rect x="13" y="10" width="1" height="1" fill="#FEB8FF" />
<rect x="14" y="10" width="1" height="1" fill="#FEB8FF" />
<rect x="2" y="11" width="1" height="1" fill="#FEB8FF" />
<rect x="3" y="11" width="1" height="1" fill="#FEB8FF" />
<rect x="4" y="11" width="1" height="1" fill="#FEB8FF" />
<rect x="5" y="11" width="1" height="1" fill="#F1EDFF" />
<rect x="6" y="11" width="1" height="1" fill="#28202E" />
<rect x="7" y="11" width="1" height="1" fill="#28202E" />
<rect x="8" y="11" width="1" height="1" fill="#28202E" />
<rect x="9" y="11" width="1" height="1" fill="#28202E" />
<rect x="10" y="11" width="1" height="1" fill="#F1EDFF" />
<rect x="11" y="11" width="1" height="1" fill="#FEB8FF" />
<rect x="12" y="11" width="1" height="1" fill="#FEB8FF" />
<rect x="13" y="11" width="1" height="1" fill="#FEB8FF" />
<rect x="3" y="12" width="1" height="1" fill="#FEB8FF" />
<rect x="4" y="12" width="1" height="1" fill="#FEB8FF" />
<rect x="5" y="12" width="1" height="1" fill="#FEB8FF" />
<rect x="6" y="12" width="1" height="1" fill="#F1EDFF" />
<rect x="7" y="12" width="1" height="1" fill="#28202E" />
<rect x="8" y="12" width="1" height="1" fill="#28202E" />
<rect x="9" y="12" width="1" height="1" fill="#F1EDFF" />
<rect x="10" y="12" width="1" height="1" fill="#FEB8FF" />
<rect x="11" y="12" width="1" height="1" fill="#FEB8FF" />
<rect x="12" y="12" width="1" height="1" fill="#FEB8FF" />
<rect x="5" y="13" width="1" height="1" fill="#FEB8FF" />
<rect x="6" y="13" width="1" height="1" fill="#FEB8FF" />
<rect x="7" y="13" width="1" height="1" fill="#F1EDFF" />
<rect x="8" y="13" width="1" height="1" fill="#F1EDFF" />
<rect x="9" y="13" width="1" height="1" fill="#FEB8FF" />
<rect x="10" y="13" width="1" height="1" fill="#FEB8FF" />
<rect x="6" y="14" width="1" height="1" fill="#FEB8FF" />
<rect x="7" y="14" width="1" height="1" fill="#FEB8FF" />
<rect x="8" y="14" width="1" height="1" fill="#FEB8FF" />
<rect x="9" y="14" width="1" height="1" fill="#FEB8FF" />
<rect x="7" y="15" width="1" height="1" fill="#FEB8FF" />
<rect x="8" y="15" width="1" height="1" fill="#FEB8FF" />
</svg>

After

Width:  |  Height:  |  Size: 11 KiB

BIN
media/images/download.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.5 KiB

177
media/images/favicon.svg Normal file
View File

@ -0,0 +1,177 @@
<?xml version="1.0" encoding="UTF-8" ?>
<svg version="1.1" width="16" height="16" xmlns="http://www.w3.org/2000/svg" shape-rendering="crispEdges">
<rect x="6" y="0" width="1" height="1" fill="#F1EDFF" />
<rect x="9" y="0" width="1" height="1" fill="#F1EDFF" />
<rect x="5" y="1" width="1" height="1" fill="#F1EDFF" />
<rect x="6" y="1" width="1" height="1" fill="#28202E" />
<rect x="9" y="1" width="1" height="1" fill="#28202E" />
<rect x="10" y="1" width="1" height="1" fill="#F1EDFF" />
<rect x="3" y="2" width="1" height="1" fill="#F1EDFF" />
<rect x="5" y="2" width="1" height="1" fill="#F1EDFF" />
<rect x="6" y="2" width="1" height="1" fill="#28202E" />
<rect x="9" y="2" width="1" height="1" fill="#28202E" />
<rect x="10" y="2" width="1" height="1" fill="#F1EDFF" />
<rect x="12" y="2" width="1" height="1" fill="#F1EDFF" />
<rect x="2" y="3" width="1" height="1" fill="#F1EDFF" />
<rect x="3" y="3" width="1" height="1" fill="#28202E" />
<rect x="4" y="3" width="1" height="1" fill="#F1EDFF" />
<rect x="5" y="3" width="1" height="1" fill="#28202E" />
<rect x="6" y="3" width="1" height="1" fill="#28202E" />
<rect x="7" y="3" width="1" height="1" fill="#28202E" />
<rect x="8" y="3" width="1" height="1" fill="#28202E" />
<rect x="9" y="3" width="1" height="1" fill="#28202E" />
<rect x="10" y="3" width="1" height="1" fill="#28202E" />
<rect x="11" y="3" width="1" height="1" fill="#F1EDFF" />
<rect x="12" y="3" width="1" height="1" fill="#28202E" />
<rect x="13" y="3" width="1" height="1" fill="#F1EDFF" />
<rect x="1" y="4" width="1" height="1" fill="#F1EDFF" />
<rect x="2" y="4" width="1" height="1" fill="#28202E" />
<rect x="3" y="4" width="1" height="1" fill="#28202E" />
<rect x="4" y="4" width="1" height="1" fill="#F1EDFF" />
<rect x="5" y="4" width="1" height="1" fill="#28202E" />
<rect x="6" y="4" width="1" height="1" fill="#B0FF82" />
<rect x="7" y="4" width="1" height="1" fill="#28202E" />
<rect x="8" y="4" width="1" height="1" fill="#28202E" />
<rect x="9" y="4" width="1" height="1" fill="#B0FF82" />
<rect x="10" y="4" width="1" height="1" fill="#28202E" />
<rect x="11" y="4" width="1" height="1" fill="#F1EDFF" />
<rect x="12" y="4" width="1" height="1" fill="#28202E" />
<rect x="13" y="4" width="1" height="1" fill="#28202E" />
<rect x="14" y="4" width="1" height="1" fill="#F1EDFF" />
<rect x="0" y="5" width="1" height="1" fill="#F1EDFF" />
<rect x="1" y="5" width="1" height="1" fill="#28202E" />
<rect x="2" y="5" width="1" height="1" fill="#28202E" />
<rect x="3" y="5" width="1" height="1" fill="#28202E" />
<rect x="4" y="5" width="1" height="1" fill="#28202E" />
<rect x="5" y="5" width="1" height="1" fill="#28202E" />
<rect x="6" y="5" width="1" height="1" fill="#B0FF82" />
<rect x="7" y="5" width="1" height="1" fill="#28202E" />
<rect x="8" y="5" width="1" height="1" fill="#28202E" />
<rect x="9" y="5" width="1" height="1" fill="#B0FF82" />
<rect x="10" y="5" width="1" height="1" fill="#28202E" />
<rect x="11" y="5" width="1" height="1" fill="#28202E" />
<rect x="12" y="5" width="1" height="1" fill="#28202E" />
<rect x="13" y="5" width="1" height="1" fill="#28202E" />
<rect x="14" y="5" width="1" height="1" fill="#28202E" />
<rect x="15" y="5" width="1" height="1" fill="#F1EDFF" />
<rect x="0" y="6" width="1" height="1" fill="#F1EDFF" />
<rect x="1" y="6" width="1" height="1" fill="#28202E" />
<rect x="2" y="6" width="1" height="1" fill="#28202E" />
<rect x="3" y="6" width="1" height="1" fill="#28202E" />
<rect x="4" y="6" width="1" height="1" fill="#28202E" />
<rect x="5" y="6" width="1" height="1" fill="#FEB8FF" />
<rect x="6" y="6" width="1" height="1" fill="#B0FF82" />
<rect x="7" y="6" width="1" height="1" fill="#28202E" />
<rect x="8" y="6" width="1" height="1" fill="#28202E" />
<rect x="9" y="6" width="1" height="1" fill="#B0FF82" />
<rect x="10" y="6" width="1" height="1" fill="#FEB8FF" />
<rect x="11" y="6" width="1" height="1" fill="#28202E" />
<rect x="12" y="6" width="1" height="1" fill="#28202E" />
<rect x="13" y="6" width="1" height="1" fill="#28202E" />
<rect x="14" y="6" width="1" height="1" fill="#28202E" />
<rect x="15" y="6" width="1" height="1" fill="#F1EDFF" />
<rect x="0" y="7" width="1" height="1" fill="#F1EDFF" />
<rect x="1" y="7" width="1" height="1" fill="#28202E" />
<rect x="2" y="7" width="1" height="1" fill="#28202E" />
<rect x="3" y="7" width="1" height="1" fill="#28202E" />
<rect x="4" y="7" width="1" height="1" fill="#28202E" />
<rect x="5" y="7" width="1" height="1" fill="#FEB8FF" />
<rect x="6" y="7" width="1" height="1" fill="#FEB8FF" />
<rect x="7" y="7" width="1" height="1" fill="#28202E" />
<rect x="8" y="7" width="1" height="1" fill="#28202E" />
<rect x="9" y="7" width="1" height="1" fill="#FEB8FF" />
<rect x="10" y="7" width="1" height="1" fill="#FEB8FF" />
<rect x="11" y="7" width="1" height="1" fill="#28202E" />
<rect x="12" y="7" width="1" height="1" fill="#28202E" />
<rect x="13" y="7" width="1" height="1" fill="#28202E" />
<rect x="14" y="7" width="1" height="1" fill="#28202E" />
<rect x="15" y="7" width="1" height="1" fill="#F1EDFF" />
<rect x="0" y="8" width="1" height="1" fill="#F1EDFF" />
<rect x="1" y="8" width="1" height="1" fill="#28202E" />
<rect x="2" y="8" width="1" height="1" fill="#28202E" />
<rect x="3" y="8" width="1" height="1" fill="#28202E" />
<rect x="4" y="8" width="1" height="1" fill="#28202E" />
<rect x="5" y="8" width="1" height="1" fill="#28202E" />
<rect x="6" y="8" width="1" height="1" fill="#28202E" />
<rect x="7" y="8" width="1" height="1" fill="#28202E" />
<rect x="8" y="8" width="1" height="1" fill="#28202E" />
<rect x="9" y="8" width="1" height="1" fill="#28202E" />
<rect x="10" y="8" width="1" height="1" fill="#28202E" />
<rect x="11" y="8" width="1" height="1" fill="#28202E" />
<rect x="12" y="8" width="1" height="1" fill="#28202E" />
<rect x="13" y="8" width="1" height="1" fill="#28202E" />
<rect x="14" y="8" width="1" height="1" fill="#28202E" />
<rect x="15" y="8" width="1" height="1" fill="#F1EDFF" />
<rect x="0" y="9" width="1" height="1" fill="#FEB8FF" />
<rect x="1" y="9" width="1" height="1" fill="#F1EDFF" />
<rect x="2" y="9" width="1" height="1" fill="#28202E" />
<rect x="3" y="9" width="1" height="1" fill="#28202E" />
<rect x="4" y="9" width="1" height="1" fill="#F1EDFF" />
<rect x="5" y="9" width="1" height="1" fill="#28202E" />
<rect x="6" y="9" width="1" height="1" fill="#28202E" />
<rect x="7" y="9" width="1" height="1" fill="#28202E" />
<rect x="8" y="9" width="1" height="1" fill="#28202E" />
<rect x="9" y="9" width="1" height="1" fill="#28202E" />
<rect x="10" y="9" width="1" height="1" fill="#28202E" />
<rect x="11" y="9" width="1" height="1" fill="#F1EDFF" />
<rect x="12" y="9" width="1" height="1" fill="#28202E" />
<rect x="13" y="9" width="1" height="1" fill="#28202E" />
<rect x="14" y="9" width="1" height="1" fill="#F1EDFF" />
<rect x="15" y="9" width="1" height="1" fill="#FEB8FF" />
<rect x="0" y="10" width="1" height="1" fill="#FEB8FF" />
<rect x="1" y="10" width="1" height="1" fill="#FEB8FF" />
<rect x="2" y="10" width="1" height="1" fill="#F1EDFF" />
<rect x="3" y="10" width="1" height="1" fill="#28202E" />
<rect x="4" y="10" width="1" height="1" fill="#F1EDFF" />
<rect x="5" y="10" width="1" height="1" fill="#28202E" />
<rect x="6" y="10" width="1" height="1" fill="#28202E" />
<rect x="7" y="10" width="1" height="1" fill="#28202E" />
<rect x="8" y="10" width="1" height="1" fill="#28202E" />
<rect x="9" y="10" width="1" height="1" fill="#28202E" />
<rect x="10" y="10" width="1" height="1" fill="#28202E" />
<rect x="11" y="10" width="1" height="1" fill="#F1EDFF" />
<rect x="12" y="10" width="1" height="1" fill="#28202E" />
<rect x="13" y="10" width="1" height="1" fill="#F1EDFF" />
<rect x="14" y="10" width="1" height="1" fill="#FEB8FF" />
<rect x="15" y="10" width="1" height="1" fill="#FEB8FF" />
<rect x="1" y="11" width="1" height="1" fill="#FEB8FF" />
<rect x="2" y="11" width="1" height="1" fill="#FEB8FF" />
<rect x="3" y="11" width="1" height="1" fill="#F1EDFF" />
<rect x="4" y="11" width="1" height="1" fill="#FEB8FF" />
<rect x="5" y="11" width="1" height="1" fill="#F1EDFF" />
<rect x="6" y="11" width="1" height="1" fill="#28202E" />
<rect x="7" y="11" width="1" height="1" fill="#28202E" />
<rect x="8" y="11" width="1" height="1" fill="#28202E" />
<rect x="9" y="11" width="1" height="1" fill="#28202E" />
<rect x="10" y="11" width="1" height="1" fill="#F1EDFF" />
<rect x="11" y="11" width="1" height="1" fill="#FEB8FF" />
<rect x="12" y="11" width="1" height="1" fill="#F1EDFF" />
<rect x="13" y="11" width="1" height="1" fill="#FEB8FF" />
<rect x="14" y="11" width="1" height="1" fill="#FEB8FF" />
<rect x="2" y="12" width="1" height="1" fill="#FEB8FF" />
<rect x="3" y="12" width="1" height="1" fill="#FEB8FF" />
<rect x="4" y="12" width="1" height="1" fill="#FEB8FF" />
<rect x="5" y="12" width="1" height="1" fill="#FEB8FF" />
<rect x="6" y="12" width="1" height="1" fill="#F1EDFF" />
<rect x="7" y="12" width="1" height="1" fill="#28202E" />
<rect x="8" y="12" width="1" height="1" fill="#28202E" />
<rect x="9" y="12" width="1" height="1" fill="#F1EDFF" />
<rect x="10" y="12" width="1" height="1" fill="#FEB8FF" />
<rect x="11" y="12" width="1" height="1" fill="#FEB8FF" />
<rect x="12" y="12" width="1" height="1" fill="#FEB8FF" />
<rect x="13" y="12" width="1" height="1" fill="#FEB8FF" />
<rect x="3" y="13" width="1" height="1" fill="#FEB8FF" />
<rect x="5" y="13" width="1" height="1" fill="#FEB8FF" />
<rect x="6" y="13" width="1" height="1" fill="#FEB8FF" />
<rect x="7" y="13" width="1" height="1" fill="#F1EDFF" />
<rect x="8" y="13" width="1" height="1" fill="#F1EDFF" />
<rect x="9" y="13" width="1" height="1" fill="#FEB8FF" />
<rect x="10" y="13" width="1" height="1" fill="#FEB8FF" />
<rect x="12" y="13" width="1" height="1" fill="#FEB8FF" />
<rect x="6" y="14" width="1" height="1" fill="#FEB8FF" />
<rect x="7" y="14" width="1" height="1" fill="#FEB8FF" />
<rect x="8" y="14" width="1" height="1" fill="#FEB8FF" />
<rect x="9" y="14" width="1" height="1" fill="#FEB8FF" />
<rect x="7" y="15" width="1" height="1" fill="#FEB8FF" />
<rect x="8" y="15" width="1" height="1" fill="#FEB8FF" />
</svg>

After

Width:  |  Height:  |  Size: 9.9 KiB

BIN
media/images/favicon.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 394 B

BIN
media/images/ocean.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.4 KiB

BIN
media/images/selfie.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 MiB

BIN
media/images/selfie.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

View File

@ -0,0 +1,154 @@
<?xml version="1.0" encoding="UTF-8" ?>
<svg version="1.1" width="16" height="16" xmlns="http://www.w3.org/2000/svg" shape-rendering="crispEdges">
<rect x="8" y="2" width="1" height="1" fill="#F1EDFF" />
<rect x="9" y="2" width="1" height="1" fill="#F1EDFF" />
<rect x="10" y="2" width="1" height="1" fill="#F1EDFF" />
<rect x="11" y="2" width="1" height="1" fill="#F1EDFF" />
<rect x="5" y="3" width="1" height="1" fill="#F1EDFF" />
<rect x="7" y="3" width="1" height="1" fill="#F1EDFF" />
<rect x="8" y="3" width="1" height="1" fill="#28202E" />
<rect x="9" y="3" width="1" height="1" fill="#28202E" />
<rect x="10" y="3" width="1" height="1" fill="#28202E" />
<rect x="11" y="3" width="1" height="1" fill="#28202E" />
<rect x="12" y="3" width="1" height="1" fill="#F1EDFF" />
<rect x="3" y="4" width="1" height="1" fill="#F1EDFF" />
<rect x="4" y="4" width="1" height="1" fill="#F1EDFF" />
<rect x="5" y="4" width="1" height="1" fill="#28202E" />
<rect x="6" y="4" width="1" height="1" fill="#F1EDFF" />
<rect x="7" y="4" width="1" height="1" fill="#28202E" />
<rect x="8" y="4" width="1" height="1" fill="#28202E" />
<rect x="9" y="4" width="1" height="1" fill="#28202E" />
<rect x="10" y="4" width="1" height="1" fill="#28202E" />
<rect x="11" y="4" width="1" height="1" fill="#28202E" />
<rect x="12" y="4" width="1" height="1" fill="#28202E" />
<rect x="13" y="4" width="1" height="1" fill="#F1EDFF" />
<rect x="1" y="5" width="1" height="1" fill="#F1EDFF" />
<rect x="2" y="5" width="1" height="1" fill="#F1EDFF" />
<rect x="3" y="5" width="1" height="1" fill="#28202E" />
<rect x="4" y="5" width="1" height="1" fill="#F1EDFF" />
<rect x="5" y="5" width="1" height="1" fill="#28202E" />
<rect x="6" y="5" width="1" height="1" fill="#F1EDFF" />
<rect x="7" y="5" width="1" height="1" fill="#28202E" />
<rect x="8" y="5" width="1" height="1" fill="#28202E" />
<rect x="9" y="5" width="1" height="1" fill="#28202E" />
<rect x="10" y="5" width="1" height="1" fill="#28202E" />
<rect x="11" y="5" width="1" height="1" fill="#28202E" />
<rect x="12" y="5" width="1" height="1" fill="#28202E" />
<rect x="13" y="5" width="1" height="1" fill="#28202E" />
<rect x="14" y="5" width="1" height="1" fill="#F1EDFF" />
<rect x="0" y="6" width="1" height="1" fill="#F1EDFF" />
<rect x="1" y="6" width="1" height="1" fill="#28202E" />
<rect x="2" y="6" width="1" height="1" fill="#F1EDFF" />
<rect x="3" y="6" width="1" height="1" fill="#28202E" />
<rect x="4" y="6" width="1" height="1" fill="#F1EDFF" />
<rect x="5" y="6" width="1" height="1" fill="#28202E" />
<rect x="6" y="6" width="1" height="1" fill="#F1EDFF" />
<rect x="7" y="6" width="1" height="1" fill="#28202E" />
<rect x="8" y="6" width="1" height="1" fill="#28202E" />
<rect x="9" y="6" width="1" height="1" fill="#28202E" />
<rect x="10" y="6" width="1" height="1" fill="#28202E" />
<rect x="11" y="6" width="1" height="1" fill="#28202E" />
<rect x="12" y="6" width="1" height="1" fill="#28202E" />
<rect x="13" y="6" width="1" height="1" fill="#28202E" />
<rect x="14" y="6" width="1" height="1" fill="#28202E" />
<rect x="15" y="6" width="1" height="1" fill="#F1EDFF" />
<rect x="0" y="7" width="1" height="1" fill="#F1EDFF" />
<rect x="1" y="7" width="1" height="1" fill="#28202E" />
<rect x="2" y="7" width="1" height="1" fill="#F1EDFF" />
<rect x="3" y="7" width="1" height="1" fill="#28202E" />
<rect x="4" y="7" width="1" height="1" fill="#F1EDFF" />
<rect x="5" y="7" width="1" height="1" fill="#28202E" />
<rect x="6" y="7" width="1" height="1" fill="#F1EDFF" />
<rect x="7" y="7" width="1" height="1" fill="#28202E" />
<rect x="8" y="7" width="1" height="1" fill="#28202E" />
<rect x="9" y="7" width="1" height="1" fill="#28202E" />
<rect x="10" y="7" width="1" height="1" fill="#28202E" />
<rect x="11" y="7" width="1" height="1" fill="#28202E" />
<rect x="12" y="7" width="1" height="1" fill="#28202E" />
<rect x="13" y="7" width="1" height="1" fill="#28202E" />
<rect x="14" y="7" width="1" height="1" fill="#28202E" />
<rect x="15" y="7" width="1" height="1" fill="#F1EDFF" />
<rect x="0" y="8" width="1" height="1" fill="#F1EDFF" />
<rect x="1" y="8" width="1" height="1" fill="#28202E" />
<rect x="2" y="8" width="1" height="1" fill="#F1EDFF" />
<rect x="3" y="8" width="1" height="1" fill="#28202E" />
<rect x="4" y="8" width="1" height="1" fill="#F1EDFF" />
<rect x="5" y="8" width="1" height="1" fill="#28202E" />
<rect x="6" y="8" width="1" height="1" fill="#F1EDFF" />
<rect x="7" y="8" width="1" height="1" fill="#28202E" />
<rect x="8" y="8" width="1" height="1" fill="#28202E" />
<rect x="9" y="8" width="1" height="1" fill="#28202E" />
<rect x="10" y="8" width="1" height="1" fill="#28202E" />
<rect x="11" y="8" width="1" height="1" fill="#28202E" />
<rect x="12" y="8" width="1" height="1" fill="#28202E" />
<rect x="13" y="8" width="1" height="1" fill="#28202E" />
<rect x="14" y="8" width="1" height="1" fill="#F1EDFF" />
<rect x="15" y="8" width="1" height="1" fill="#FEB8FF" />
<rect x="0" y="9" width="1" height="1" fill="#F1EDFF" />
<rect x="1" y="9" width="1" height="1" fill="#28202E" />
<rect x="2" y="9" width="1" height="1" fill="#F1EDFF" />
<rect x="3" y="9" width="1" height="1" fill="#28202E" />
<rect x="4" y="9" width="1" height="1" fill="#F1EDFF" />
<rect x="5" y="9" width="1" height="1" fill="#28202E" />
<rect x="6" y="9" width="1" height="1" fill="#F1EDFF" />
<rect x="7" y="9" width="1" height="1" fill="#28202E" />
<rect x="8" y="9" width="1" height="1" fill="#28202E" />
<rect x="9" y="9" width="1" height="1" fill="#28202E" />
<rect x="10" y="9" width="1" height="1" fill="#28202E" />
<rect x="11" y="9" width="1" height="1" fill="#28202E" />
<rect x="12" y="9" width="1" height="1" fill="#28202E" />
<rect x="13" y="9" width="1" height="1" fill="#28202E" />
<rect x="14" y="9" width="1" height="1" fill="#F1EDFF" />
<rect x="15" y="9" width="1" height="1" fill="#FEB8FF" />
<rect x="0" y="10" width="1" height="1" fill="#FEB8FF" />
<rect x="1" y="10" width="1" height="1" fill="#F1EDFF" />
<rect x="2" y="10" width="1" height="1" fill="#F1EDFF" />
<rect x="3" y="10" width="1" height="1" fill="#28202E" />
<rect x="4" y="10" width="1" height="1" fill="#F1EDFF" />
<rect x="5" y="10" width="1" height="1" fill="#28202E" />
<rect x="6" y="10" width="1" height="1" fill="#F1EDFF" />
<rect x="7" y="10" width="1" height="1" fill="#28202E" />
<rect x="8" y="10" width="1" height="1" fill="#28202E" />
<rect x="9" y="10" width="1" height="1" fill="#28202E" />
<rect x="10" y="10" width="1" height="1" fill="#28202E" />
<rect x="11" y="10" width="1" height="1" fill="#28202E" />
<rect x="12" y="10" width="1" height="1" fill="#28202E" />
<rect x="13" y="10" width="1" height="1" fill="#F1EDFF" />
<rect x="14" y="10" width="1" height="1" fill="#FEB8FF" />
<rect x="0" y="11" width="1" height="1" fill="#FEB8FF" />
<rect x="1" y="11" width="1" height="1" fill="#FEB8FF" />
<rect x="2" y="11" width="1" height="1" fill="#FEB8FF" />
<rect x="3" y="11" width="1" height="1" fill="#F1EDFF" />
<rect x="4" y="11" width="1" height="1" fill="#FEB8FF" />
<rect x="5" y="11" width="1" height="1" fill="#F1EDFF" />
<rect x="6" y="11" width="1" height="1" fill="#FEB8FF" />
<rect x="7" y="11" width="1" height="1" fill="#F1EDFF" />
<rect x="8" y="11" width="1" height="1" fill="#F1EDFF" />
<rect x="9" y="11" width="1" height="1" fill="#F1EDFF" />
<rect x="10" y="11" width="1" height="1" fill="#F1EDFF" />
<rect x="11" y="11" width="1" height="1" fill="#F1EDFF" />
<rect x="12" y="11" width="1" height="1" fill="#F1EDFF" />
<rect x="13" y="11" width="1" height="1" fill="#FEB8FF" />
<rect x="14" y="11" width="1" height="1" fill="#FEB8FF" />
<rect x="1" y="12" width="1" height="1" fill="#FEB8FF" />
<rect x="2" y="12" width="1" height="1" fill="#FEB8FF" />
<rect x="3" y="12" width="1" height="1" fill="#FEB8FF" />
<rect x="4" y="12" width="1" height="1" fill="#FEB8FF" />
<rect x="5" y="12" width="1" height="1" fill="#FEB8FF" />
<rect x="6" y="12" width="1" height="1" fill="#FEB8FF" />
<rect x="7" y="12" width="1" height="1" fill="#FEB8FF" />
<rect x="8" y="12" width="1" height="1" fill="#FEB8FF" />
<rect x="9" y="12" width="1" height="1" fill="#FEB8FF" />
<rect x="10" y="12" width="1" height="1" fill="#FEB8FF" />
<rect x="11" y="12" width="1" height="1" fill="#FEB8FF" />
<rect x="12" y="12" width="1" height="1" fill="#FEB8FF" />
<rect x="13" y="12" width="1" height="1" fill="#FEB8FF" />
<rect x="3" y="13" width="1" height="1" fill="#FEB8FF" />
<rect x="5" y="13" width="1" height="1" fill="#FEB8FF" />
<rect x="7" y="13" width="1" height="1" fill="#FEB8FF" />
<rect x="8" y="13" width="1" height="1" fill="#FEB8FF" />
<rect x="9" y="13" width="1" height="1" fill="#FEB8FF" />
<rect x="10" y="13" width="1" height="1" fill="#FEB8FF" />
<rect x="11" y="13" width="1" height="1" fill="#FEB8FF" />
<rect x="12" y="13" width="1" height="1" fill="#FEB8FF" />
</svg>

After

Width:  |  Height:  |  Size: 8.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 25 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.7 KiB

2
robots.txt Normal file
View File

@ -0,0 +1,2 @@
User-agent: *
Allow: /

72
styles/button.css Normal file
View File

@ -0,0 +1,72 @@
.imageButton:hover img,
.imageButton:focus img {
animation: 700ms hoverAnimation forwards;
}
.imageButton img {
transition: all 50ms;
}
@keyframes hoverAnimation {
0% {
transform: rotate(0deg) scale(1);
}
1% {
transform: rotate(40deg) scale(2.1, 1.1);
}
20% {
transform: rotate(-20deg) scale(1.1, 2.1);
}
60% {
transform: rotate(10deg) scale(1.7, 1.5);
}
70% {
transform: rotate(-5deg) scale(1.4, 1.6);
}
80% {
transform: rotate(4deg) scale(1.6, 1.4);
}
90% {
transform: scale(1.4, 1.6);
}
100% {
transform: rotate(0deg) scale(1.5);
}
}
.bouncy:focus,
.bouncy:hover {
border-bottom: inset;
animation: 700ms borderBounce forwards;
border-radius: 0px;
}
@keyframes borderBounce {
0% {
border-bottom-width: 0px;
}
10% {
border-bottom-width: 24px;
}
40% {
border-bottom-width: 2px;
}
60% {
border-bottom-width: 15px;
}
70% {
border-bottom-width: 7px;
}
80% {
border-bottom-width: 13;
}
100% {
border-bottom-width: 10px;
}
}

53
styles/color.css Normal file
View File

@ -0,0 +1,53 @@
:root {
--text: #f1edff;
--highlight: #feb8ff;
--background: #28202e;
--link: #b0ff82;
--highlightBright: #fff8bd;
--opacity: rgba(40, 32, 46, 0.70);
}
h1 {
color: var(--highlightBright);
}
h2,
h3,
h4,
h5 {
color: var(--highlight);
}
p {
color: var(--text);
}
.container {
background-color: var(--opacity);
filter: drop-shadow(5px 5px 5px var(--background));
}
footer {
background-color: var(--background);
filter: drop-shadow(5px 5px 5px var(--background));
overflow: auto;
}
body {
background-color: var(--highlight);
border-color: var(--highlight);
}
a {
color: var(--link);
border-color: var(--link);
}
a:hover {
filter: drop-shadow(0 0 10px var(--highlight));
}
a.active {
filter: drop-shadow(0 0 10px var(--highlightBright));
}
.footerLeft { border-color: var(--text) !important;

Binary file not shown.

26
styles/cover.css Normal file
View File

@ -0,0 +1,26 @@
.cover {
width: 100%;
height: auto;
max-width: 512px;
margin: 15px;
float: right;
}
@media (max-width: 850px) {
.cover {
float: none;
margin: 15px auto;
}
}
@media (max-width: 500px) {
.cover {
max-width: 400px;
}
}
@media (max-width: 300px) {
.cover {
max-width: 200px;
}
}

68
styles/fonts.css Normal file
View File

@ -0,0 +1,68 @@
@font-face {
font-family: "textfont";
src: url("./fonts/dpcomic.ttf");
font-display: swap;
}
@font-face {
font-family: "titlefont";
src: url("./fonts/kidpixies.ttf");
font-display: swap;
}
@font-face {
font-family: "headingfont";
src: url("./fonts/handpixies.ttf");
font-display: swap;
}
h1,
h2 {
font-family: "titlefont";
font-size: 60px;
}
h3,
h4,
h5,
h6 {
font-family: "headingfont";
}
p,
a {
font-family: "textfont";
font-size: 24px;
line-height: 200%;
}
a {
text-decoration: none;
}
h3 {
font-size: 40px;
}
h1,
h2 {
line-break: loose;
}
h3,
h4,
h5,
h6,
a,
p {
line-break: loose;
}
.imageButton {
font-size: 0px;
max-width: 64px;
max-height: 64px;
}
* {
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto !important;
}

BIN
styles/fonts/dpcomic.ttf Normal file

Binary file not shown.

BIN
styles/fonts/handpixies.ttf Normal file

Binary file not shown.

BIN
styles/fonts/kidpixies.ttf Normal file

Binary file not shown.

BIN
styles/fonts/mystia.otf Normal file

Binary file not shown.

29
styles/footer.css Normal file
View File

@ -0,0 +1,29 @@
/* feet */
footer * {
overflow: visible;
}
footer {
padding: 10px;
border-radius: 0px;
position: sticky;
overflow: visible;
left: 0;
display: flex;
bottom: 0;
width: 100%;
}
.footerNav {
display: flexbox;
margin: 0px;
padding: 0px;
width: 95%;
}
.footerRight {
overflow: visible;
float: right;
}
.footerLeft {
margin: 0px, auto;
}

45
styles/style.css Normal file
View File

@ -0,0 +1,45 @@
@import "color.css";
@import "fonts.css";
@import "footer.css";
@import "cover.css";
@import "button.css";
* {
border-radius: 25px;
box-sizing: border-box;
}
body {
background-attachment: fixed;
text-align: center;
margin: 0;
padding: 0;
background-repeat: repeat;
background-image: url(../media/images/bg.svg);
background-size: 192px;
animation: 20s infinite movetoDownRight linear;
}
@keyframes movetoDownRight {
0% {
background-position: 0px 0px;
}
100% {
background-position: 192px 192px;
}
}
.container {
overflow: auto;
box-sizing: content-box;
width: 85%;
padding: 15px;
margin: 25px auto;
}
.imageButton img {
width: 48px;
height: 48px;
border-radius: 0px;
margin: 5px;
}

7
webring.html Normal file
View File

@ -0,0 +1,7 @@
<div class="webring">
<p>&lt;
<a class="bouncy" href="https://erkin.party/">lulu</a> |
<a class="bouncy" href="https://ring.bicompact.space/">armisael webring</a> |
<a class="bouncy" href="https://bicompact.space/">hazel</a>
&gt;</p>
</div>