TacoWolf/websites
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

add fursona party back in

Browse source
This commit is contained in:
Daniel Alejandro Gallegos 2023-11-03 18:44:54 -04:00
parent 3f08b751e8
commit 615a14872f
Signed by: taco
GPG key ID: 5A09E616957C4F12
7 changed files with 127 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
fursona.party/background.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 371 KiB

BIN
fursona.party/dancefloor.mp3 Normal file
View file

Binary file not shown.

BIN
fursona.party/dancefloor.ogg Normal file
View file

Binary file not shown.

105
fursona.party/index.html Normal file
View file

@ -0,0 +1,105 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>fursona dot party</title>
<style>
body {
background-image: url("background.jpg");
background-size: cover;
display: flex;
justify-content: center;
align-items: center;
}
img {
z-index: 0;
width: 70%;
height: auto;
}
.party {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 2;
animation: rainbow-bg 10s linear;
animation-iteration-count: infinite;
pointer-events: none;
}
.dancefloor {
min-height: 100vh;
min-width: 100vw;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
@keyframes rainbow-bg {
100%,
0% {
background-color: rgba(255, 0, 0, 0.3);
}
8% {
background-color: rgb(255, 127, 0, 0.3);
}
16% {
background-color: rgb(255, 255, 0, 0.3);
}
25% {
background-color: rgb(127, 255, 0, 0.3);
}
33% {
background-color: rgb(0, 255, 0, 0.3);
}
41% {
background-color: rgb(0, 255, 127, 0.3);
}
50% {
background-color: rgb(0, 255, 255, 0.3);
}
58% {
background-color: rgb(0, 127, 255, 0.3);
}
66% {
background-color: rgb(0, 0, 255, 0.3);
}
75% {
background-color: rgb(127, 0, 255, 0.3);
}
83% {
background-color: rgb(255, 0, 255, 0.3);
}
91% {
background-color: rgb(255, 0, 127, 0.3);
}
}
</style>
<script async src="https://umami.birdcat.cafe/script.js" data-website-id="0af469ba-e70c-456e-a096-6682f8a57fe8"></script>
</head>
<body>
<div class="party"></div>
<div class="dancefloor">
<div class="stage">
<a href="https://dance.fursona.party">
<img src="ych.png" alt="a drawing of a fursona that says 'ych' on it" />
<br />
</a>
<audio autoplay controls id="deejay">
<source src="dancefloor.mp3" type="audio/mp3" />
<source src="dancefloor.ogg" type="audio/ogg" />
</audio>
</div>
</div>
<script>
document.getElementById("deejay").loop = true;
</script>
</body>
<!-- i fucked up setting up a mastodon instance here so i use the subdomain instead -->
</html>

13
fursona.party/not_found.html Normal file
View file

@ -0,0 +1,13 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Not Found</title>
<link href="/style.css" rel="stylesheet" type="text/css" media="all">
</head>
<body>
<h1>Page Not Found</h1>
<p>The requested page was not found.</p>
</body>
</html>

9
fursona.party/style.css Normal file
View file

@ -0,0 +1,9 @@
/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
HTML content. To learn how to do something, just try searching Google for questions like
"how to change link color." */
body {
background-color: white;
color: black;
font-family: Verdana;
}

BIN
fursona.party/ych.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 517 KiB