commit e62903cfb197622ed2d71ce71685cc08f75e5c36 Author: fuck-dot Date: Sat Aug 21 21:00:07 2021 +0200 first commit diff --git a/about.html b/about.html new file mode 100755 index 0000000..ab39289 --- /dev/null +++ b/about.html @@ -0,0 +1,69 @@ + + + + + + zoe bat - contact + + + +
+

about

+

- this is where you can find my socials! -

+
+
+ +
+
+
+ +
+ glitchy selfie of me sticking out my tongue +

+

me

+

+ hey, i'm zoe (fae / faer, they / them or she / her). known nonbinary, trans, bi lesbian who loves faer girlfriend. +
+
+ all of the music on here is free to download and licensed under CC BY-NC-SA 4.0, but feel free to buy it on bandcamp if you really want. +

+

+
+
+

contact

+

talk 2 me

+ egirls.gay
+ matrix.to
+ telegram.me
+ last.fm +
+ +
+

this site

+

+ powered with love by zoe bat mainframe gay agenda broadcasting station #1 +

+

+

y2k compliant certified

+

+ remember: turn your computer off before midnight on 12/31/99 +

+

+

license

+

+ this code may not be used for any purpose. be gay, do crime
+ (this license is stolen btw) +

+

there is no javascript on this website

+

+ do not go looking for it! it's not here! i wrote this entirely in html, css and server side includes.

+ a terrible fate will befall you if you do! stop! this website was coded entirely in vim with my bare hands and i will not have any of this! you villain! you fool!

+ i am so mad right now +

+
+
+ + + diff --git a/footer.html b/footer.html new file mode 100644 index 0000000..db3e9d9 --- /dev/null +++ b/footer.html @@ -0,0 +1,17 @@ + + + + + zoe bat - home + + + diff --git a/index.html b/index.html new file mode 100755 index 0000000..9667c5c --- /dev/null +++ b/index.html @@ -0,0 +1,104 @@ + + + + + + zoe bat - music + + + + + +
+
+

zoe bat website!!!

+

- this is where u can find my music! -

+
+
+ +
+
+
+ +
+ blood magic album cover, it's a big mess of jet set radio screenshots +

+

blood magic

+ +

+

"nya makes me really happy and deathbringer is the best song i've ever heard" - my girlfriend

+
+ +
+ album cover of the capitalist death machine, it's yellow with a lot of scrapped together looking pictures +

+

the capitalist death machine

+ +

+

"this turned out p funky, i guess" - me

+
+ + +
+ album cover of bats, it's me laying on the floor next to a cat, u can only see my hair +

+

bats

+ +

+

yea

+
+ +
+ 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 +

+

unstable kitty

+ +

+

void bastards is p good

+
+ +
+ the poisoned soda cover, it's a house made from blocks that i made in blender +

+

poisoned soda

+ +

+

was really sad when i made this huh

+
+ +
+ ocean cover, it's a glitchy flushed emoji +

+

ocean

+ +

+

ocean!

+
+
+ + + diff --git a/media/images/about.ase b/media/images/about.ase new file mode 100644 index 0000000..8eda85d Binary files /dev/null and b/media/images/about.ase differ diff --git a/media/images/about.svg b/media/images/about.svg new file mode 100644 index 0000000..23137f3 --- /dev/null +++ b/media/images/about.svg @@ -0,0 +1,97 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/media/images/bandcampIcon.svg b/media/images/bandcampIcon.svg new file mode 100644 index 0000000..f762274 --- /dev/null +++ b/media/images/bandcampIcon.svg @@ -0,0 +1,211 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/media/images/bandcampIcon.webp b/media/images/bandcampIcon.webp new file mode 100644 index 0000000..2e0563b Binary files /dev/null and b/media/images/bandcampIcon.webp differ diff --git a/media/images/bats.webp b/media/images/bats.webp new file mode 100644 index 0000000..1535aa1 Binary files /dev/null and b/media/images/bats.webp differ diff --git a/media/images/bg.aseprite b/media/images/bg.aseprite new file mode 100644 index 0000000..c448c3c Binary files /dev/null and b/media/images/bg.aseprite differ diff --git a/media/images/bg.gif b/media/images/bg.gif new file mode 100644 index 0000000..e569ca3 Binary files /dev/null and b/media/images/bg.gif differ diff --git a/media/images/bg.png b/media/images/bg.png new file mode 100644 index 0000000..d2329ef Binary files /dev/null and b/media/images/bg.png differ diff --git a/media/images/bg.svg b/media/images/bg.svg new file mode 100644 index 0000000..5e38da3 --- /dev/null +++ b/media/images/bg.svg @@ -0,0 +1,107 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/media/images/bloodmagic.avif b/media/images/bloodmagic.avif new file mode 100644 index 0000000..f0fbd14 Binary files /dev/null and b/media/images/bloodmagic.avif differ diff --git a/media/images/bloodmagic.webp b/media/images/bloodmagic.webp new file mode 100644 index 0000000..cb7d0d5 Binary files /dev/null and b/media/images/bloodmagic.webp differ diff --git a/media/images/download.svg b/media/images/download.svg new file mode 100644 index 0000000..0e8308a --- /dev/null +++ b/media/images/download.svg @@ -0,0 +1,189 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/media/images/download.webp b/media/images/download.webp new file mode 100644 index 0000000..8b634b2 Binary files /dev/null and b/media/images/download.webp differ diff --git a/media/images/favicon.svg b/media/images/favicon.svg new file mode 100644 index 0000000..c41eb47 --- /dev/null +++ b/media/images/favicon.svg @@ -0,0 +1,177 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/media/images/favicon.webp b/media/images/favicon.webp new file mode 100644 index 0000000..a66c86d Binary files /dev/null and b/media/images/favicon.webp differ diff --git a/media/images/ocean.webp b/media/images/ocean.webp new file mode 100644 index 0000000..2b3aa9d Binary files /dev/null and b/media/images/ocean.webp differ diff --git a/media/images/poisonedSoda.webp b/media/images/poisonedSoda.webp new file mode 100644 index 0000000..fad8b5b Binary files /dev/null and b/media/images/poisonedSoda.webp differ diff --git a/media/images/selfie.gif b/media/images/selfie.gif new file mode 100644 index 0000000..ee35f8e Binary files /dev/null and b/media/images/selfie.gif differ diff --git a/media/images/selfie.webp b/media/images/selfie.webp new file mode 100644 index 0000000..d43a60c Binary files /dev/null and b/media/images/selfie.webp differ diff --git a/media/images/soundcloudIcon.svg b/media/images/soundcloudIcon.svg new file mode 100644 index 0000000..38ddb7d --- /dev/null +++ b/media/images/soundcloudIcon.svg @@ -0,0 +1,154 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/media/images/soundcloudIcon.webp b/media/images/soundcloudIcon.webp new file mode 100644 index 0000000..576e206 Binary files /dev/null and b/media/images/soundcloudIcon.webp differ diff --git a/media/images/theCapitalistDeathMachine.webp b/media/images/theCapitalistDeathMachine.webp new file mode 100644 index 0000000..4f85097 Binary files /dev/null and b/media/images/theCapitalistDeathMachine.webp differ diff --git a/media/images/unstableKitty.webp b/media/images/unstableKitty.webp new file mode 100644 index 0000000..74a26b8 Binary files /dev/null and b/media/images/unstableKitty.webp differ diff --git a/robots.txt b/robots.txt new file mode 100644 index 0000000..c2a49f4 --- /dev/null +++ b/robots.txt @@ -0,0 +1,2 @@ +User-agent: * +Allow: / diff --git a/styles/button.css b/styles/button.css new file mode 100644 index 0000000..fdfea1c --- /dev/null +++ b/styles/button.css @@ -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; + } +} diff --git a/styles/color.css b/styles/color.css new file mode 100644 index 0000000..66126bc --- /dev/null +++ b/styles/color.css @@ -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; diff --git a/styles/colorPalette.aseprite b/styles/colorPalette.aseprite new file mode 100644 index 0000000..3deeff3 Binary files /dev/null and b/styles/colorPalette.aseprite differ diff --git a/styles/cover.css b/styles/cover.css new file mode 100644 index 0000000..8dffa04 --- /dev/null +++ b/styles/cover.css @@ -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; + } +} diff --git a/styles/fonts.css b/styles/fonts.css new file mode 100644 index 0000000..ee04169 --- /dev/null +++ b/styles/fonts.css @@ -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; +} diff --git a/styles/fonts/dpcomic.ttf b/styles/fonts/dpcomic.ttf new file mode 100644 index 0000000..a0776ae Binary files /dev/null and b/styles/fonts/dpcomic.ttf differ diff --git a/styles/fonts/handpixies.ttf b/styles/fonts/handpixies.ttf new file mode 100644 index 0000000..8a99ec6 Binary files /dev/null and b/styles/fonts/handpixies.ttf differ diff --git a/styles/fonts/kidpixies.ttf b/styles/fonts/kidpixies.ttf new file mode 100644 index 0000000..fa363f9 Binary files /dev/null and b/styles/fonts/kidpixies.ttf differ diff --git a/styles/fonts/mystia.otf b/styles/fonts/mystia.otf new file mode 100644 index 0000000..16399d9 Binary files /dev/null and b/styles/fonts/mystia.otf differ diff --git a/styles/footer.css b/styles/footer.css new file mode 100644 index 0000000..dc4b3b1 --- /dev/null +++ b/styles/footer.css @@ -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; +} diff --git a/styles/style.css b/styles/style.css new file mode 100644 index 0000000..370606e --- /dev/null +++ b/styles/style.css @@ -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; +} diff --git a/webring.html b/webring.html new file mode 100644 index 0000000..6621007 --- /dev/null +++ b/webring.html @@ -0,0 +1,7 @@ +
+

< + lulu | + armisael webring | + hazel + >

+