-
Dynamicly Updating Discord Status
-This page is basically the same as the one present on the site, but it updates in real time! It basically only exists to serve my brain rot :P
-
How does it work?
- Its a little big buggy- Pretty much, it just keeps writing html to the client, and telling it the HTML never finished. Yeah. Not great. Very easily could cause a data leak i think? Idk, what do you think I am, a programmer????
\ No newline at end of file diff --git a/static/asahi/index.html b/static/asahi/index.html new file mode 100644 index 0000000..b4cf1cb --- /dev/null +++ b/static/asahi/index.html @@ -0,0 +1,88 @@ + + + + + + + + + + +Welcome to myHumble Abode +
+nice seeing you here! while you're at it, why not check out my socials or about me?
++
+
+
+
+ Asahi
+
+
+
+ 
+
+
+
+
+
+
+
+ They/Them
+Marcy & Violet <3
++
+
+
+
hi! my name is Asahi Lunya :3 i'm a bisexual enby who's a very queer mess
+
+
i have interests in tech, aerospace, trains, art, and music! i'm also a privacy/security
+ enthusiast
+
+
i'm currently learning many new things in my life, expanding my knowledge
+
+
i hope you got to know me a little ^^
+
Disclaimer!
+ + This is NOT Asahi's real site! Please find it here instead! +
+ +
Quotes:
+
+
+ “literally anything from the 1995 movie 'Hackers' will absolutely fit here” -tyberry +"ooooo you like boys, ur a boykisser" -Elodie +"asahi is twink-esk in spirit. aspirational." -Juniper +"cute huggable nice huggable cute cute" -marcy +"Petting Asahi makes the world better” -yassie +"meow meow meow mrrrp nya~" -gettie +"cute and queer catenby that functions as fedi's algorithm on the side" -7331 +"sometimes this one still forgets how friendly some people are here… like Asahi, for instance!” -Ariadne +"Asahi wa sugoi desu ne?" -Bard +"this is a quote :3c" -Ukko +"best Asahi I've ever met (awww!)" -Kristina +"asahi is friend shaped and they have a good heart" -Drew +"10/10 will give loving headpats and will protect them!" -Natsura
+ + +FAQ (and more!)
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/static/global.css b/static/global.css
deleted file mode 100644
index 1921889..0000000
--- a/static/global.css
+++ /dev/null
@@ -1,160 +0,0 @@
-/*
- This is the GLOBAL css file.
- Any changes made in here, will apply to the ENTIRE site.
- Only put changes here if you intend to put changes across
- the whole site!
-*/
-
-@font-face {
- font-display: swap;
- font-family: 'Rubik';
- font-style: normal;
- font-weight: 400;
- src: url('./fonts/rubik-v28-latin-regular.woff2') format('woff2');
-}
-
-* {
- font-family: 'Rubik', Verdana, Geneva, Tahoma, sans-serif;
- padding: 0;
- margin: 0;
- font-weight: 400;
- text-align: center;
- color: white;
-}
-
-#topbar {
- background-color: rgb(75, 50, 125);
- width: 100%;
- padding: 1vh 0px;
- position: sticky;
- left: 0px;
- top: 0px;
- z-index: 10;
- opacity: 0.5;
- transform: scale(1);
- transition: all 2s cubic-bezier(0.075, 0.82, 0.165, 1);
-}
-
-#topbar:hover {
- opacity: 1;
- transform: scale(1.05);
-}
-
-#topbar>* {
- display: inline-block;
- font-size: 1.5rem;
-}
-
-main:nth-of-type(1) {
- width: 95%;
- max-width: 1000px;
- margin: auto;
-}
-
-body {
- overflow-x: hidden;
-
- background-color: rgb(55, 4, 75);
- background: linear-gradient(rgb(40, 4, 75), black);
-
- background-attachment: local;
-
- min-height: 100vh;
-
- animation: hideContent 2.5s;
-}
-
-a {
- color: rgb(175, 225, 255);
- display: inline-block;
- transition: 1.5s all cubic-bezier(0.075, 0.82, 0.165, 1);
-}
-
-h3 {
- font-size: 1.5rem;
- padding: 10px;
-}
-
-@media screen and (min-width: 650px) {
- .grid-container {
- display: grid;
- grid-template-columns: 1fr 1fr;
- grid-gap: 10px;
- }
-
- .grid-child {
- margin: auto;
- align-content: center;
- /* border: 2px white solid; */
- }
-}
-
-.chip {
- position: relative;
- z-index: 3;
- font-size: 1.3rem;
- border: 2px gray solid;
- border-radius: 6px;
- background-color: black;
- padding: 8px;
- margin: 3px;
- display: inline-block;
- transform: scale(0.95);
- transition: transform 1.25s cubic-bezier(0.075, 0.82, 0.165, 1), background-color 2s cubic-bezier(0.075, 0.82, 0.165, 1);
-}
-
-a.chip {
- text-decoration: none;
- /* background-image: linear-gradient(rgb(175, 225, 255), rgb(175, 225, 255));
- background-size: calc(100% - 15px) 2px;
- background-position: 50% 87.5%;
- background-repeat: no-repeat; */
-}
-
-.chip:hover {
- background-color: rgb(10, 0, 25);
- transform: scale(1);
- /* font-size: 1.35rem; */
- border-color: white;
- transition: transform 0.75s cubic-bezier(0.075, 0.82, 0.165, 1), background-color 3s cubic-bezier(0.075, 0.82, 0.165, 1);
-}
-
-.chip:hover>.smallimg {
- background-color: rgb(10, 0, 25);
-}
-
-hr {
- color: white;
- border: white solid;
- opacity: 0.25;
- border-width: 2px;
- margin: 15px 10%;
- /* background-color: none; */
-}
-
-p {
- font-size: 1.25rem;
- margin: 5px;
- line-height: 2rem;
- text-wrap: pretty;
-}
-
-img {
- width: 100%;
- /* max-width: 135px; */
- transition: all 2s cubic-bezier(0.075, 0.82, 0.165, 1);
-}
-
-h2 {
- font-size: 1.8rem;
-}
-
-.note {
- color: darkgray;
- font-size: 1rem;
-}
-
-.striked {
- text-decoration: line-through;
- text-decoration-color: white;
-}
\ No newline at end of file
diff --git a/static/index.html b/static/index.html
index 517610b..550c5e9 100644
--- a/static/index.html
+++ b/static/index.html
@@ -2,8 +2,13 @@
-
+
+
+
+
@@ -13,50 +18,77 @@
-
+
{WEATHER_MODIFIER}
-
1. Questions & Answers
+ Why are so many words colored?
+I like the way it looks to have certain words be highlighted, makes it look fancier and easier to read (imo). So, when I remade this site, I went ahead and added an Automatic Word Highlighting System! This allows me have words automatically highlighted, on the server side, without having to do it in the code manually. Here's the current list of highlighted words:
+{ALL_HIGHLIGHTS}
++
I thought the site doesn't use Javascript? So why is it there?
+Originally, all my sites were completely Javascript free. As of late, though, I decided to add Javascript to this one. Javascript will NEVER be a requirement on this site. Javascript will ONLY be used where nessacary, and I will do everything possible to make the experience indistinguishable.
+For example, things such as the song duration bar on my activities are pure HTML, using some mathy NodeJS-generated CSS animations! The only thing the site uses Javascript for right now, is setting the scroll to the top of the page on reload, and real time updating discord activities.
+Why are there 4 CSS files?
+Originally the idea was that I could organize the site with:
+-
+
- CSS for the main page +
- CSS for the subsites +
- Global CSS +
Slowly, though, they're slowly all merging into one CSS file, so I can't be sure it'll stay this way for long.
+As for the "unused" style.css, though, that exists for compatibility reasons- many of my older sites just grabbed CSS from the site for their css. This has been mostly fixed, but the FileShare still does, so it'll stay until I finally give the FileShare its own CSS.
+Welcome to Violet's PurgatoryCommit {COMMIT_COUNT}
+ Welcome to Violet's PurgatoryCommit {COMMIT_COUNT}
{RANDOM_QUOTE}
+Make sure to check out this project on Forgejo!
{Violet}
- 
-
-
-
+ They/Them
-Developer
-{DISCORD_STATUS}
+
+
+
+
+
+
They/Them
+Developer
+ +{DISCORD_STATUS}
+ +Violet has been spun {SPINCOUNT} times!
+ +
-
Hi! I'm Violet, a 15 year old web and game developer.
I aspire to make fast and Javascript free websites! I'm currently learning the Godot Engine, but most of my time recently has been spent learning NodeJS.
Hi! I'm Violet, a 15 year old web and game developer. I make server-sided dynamic websites, with no Javascript required! I'm currently making games in the Godot Engine, and my dynamic sites in NodeJS.
+ {CUSTOM_STATUS}Make sure to check out this project on Codeberg!
+{RANDOM_QUOTE}
- {ACTIVITIES} +
+ {ACTIVITIES}
+
+
+ {ANNOUNCEMENT}
Services
List of services for public use hosted on Violet's Purgatory.
SearXNG: sxng.violets-purgatory.dev --
Matrix: matrix.violets-purgatory.dev
+ Matrix: matrix.violets-purgatory.dev Element: element.violets-purgatory.dev + Forgejo: git.violets-purgatory.dev (contact me for an account) + Thumbor: thumbor.violets-purgatory.devSocials
{PATH_SOCIALS}+
FAQ
+ {PATH_FAQ}
+
+ {SELECTED_VIDEO}
+
+ {PATH_STATS}
+
{WEATHER_TEXT}
diff --git a/static/main.js b/static/main.js new file mode 100644 index 0000000..a5c162a --- /dev/null +++ b/static/main.js @@ -0,0 +1,125 @@ +var catsOnMars = new Audio("/snds/cats on mars.mp3") +var whipLash = new Audio("/snds/johnny-test-whip-crack.mp3") +catsOnMars.loop = true +catsOnMars.volume = 0.25 +whipLash.volume = 0.25 + +var sock + +var spins = 1 +var globalSpins = 0 + +var firsttimeDebounce = true + +var spinWaiting = false + +function spinLoop() { + spinWaiting = true + setTimeout(() => { + spinWaiting = false + var pfp = document.querySelector(".pfp") + if (!catsOnMars.paused) { + if (spins > 1) { + document.querySelector(".spinnyCount").style.display = "block" + document.querySelector(".localSpins").innerHTML = Math.ceil(spins - 1); + } + spins += 0.5 + if (Math.round(spins) == spins && sock && sock.OPEN) { + document.querySelector(".pfp").src = "https://api.violets-purgatory.dev/v1/pfp?" + new Date().getTime() + sock.send(`{"op": 4}`) + console.log("Spin Sent!") + } + spinLoop() + } + }, 1000); +} + +window.onbeforeunload = function () { + window.scrollTo(0, 0); +} + +window.onload = function () { + window.scrollTo(0, 0); + + var pfp = document.querySelector(".pfp") + + pfp.addEventListener("mousedown", () => { + if (!spinWaiting) { + spinLoop(); + } + catsOnMars.play() + + pfp.style.animationName = "spinny" + + pfp.style.scale = "1.1" + }) + + document.body.onmouseup = () => { + if (catsOnMars.currentTime != 0) { + catsOnMars.currentTime = 0 + catsOnMars.pause() + + whipLash.currentTime = 0 + whipLash.play() + + pfp.style.animationName = "unset" + pfp.style.scale = "1" + } + } + socketeer() +} + +var lastPong = Date.now() + +function ping(dur) { + sock.send(JSON.stringify({ + op: 3 + })) + setTimeout(() => { + ping(dur) + if (Date.now() - lastPong > 120000) { + sock.close() + console.log("Max duration since last pong exceeded- Closing socket.") + } + }, dur); +} + +function socketeer() { + sock = new WebSocket('wss://api.violets-purgatory.dev') + + sock.addEventListener("open", () => { + ping(30000) + }) + + sock.addEventListener("error", (error) => { + console.log(error) + }) + + sock.addEventListener("close", () => { + console.log("Connection Closed. Attempting Reconnect in 30 seconds.") + setTimeout(() => { + socketeer() + }, 30000); + }) + + sock.addEventListener("message", async(data) => { + data = data.data + data = JSON.parse(data) + if (data.op == 4) { + globalSpins = data.spins + if (firsttimeDebounce == true) { + firsttimeDebounce = false + document.querySelector(".globalSpins").innerHTML = globalSpins + 1; + } else { + document.querySelector(".globalSpins").innerHTML = globalSpins; + } + } else if (data.op == 0) { + var discFetch = await (await fetch("/discHTML")).text() + document.querySelector("#activityHtml").innerHTML = discFetch + } else if (data.op == 3) { + lastPong = Date.now() + } else { + console.log(data) + } + }) +} \ No newline at end of file diff --git a/static/noScript.css b/static/noScript.css new file mode 100644 index 0000000..63de797 --- /dev/null +++ b/static/noScript.css @@ -0,0 +1,9 @@ +.pfp:active { + rotate: 7200deg; + transform: scale(1.15); + transition: all 5s cubic-bezier(0.445, 0.05, 0.55, 0.95) !important; +} + +.noscript { + display: initial; +} \ No newline at end of file diff --git a/static/root.css b/static/root.css index 492cf3d..662e888 100644 --- a/static/root.css +++ b/static/root.css @@ -24,6 +24,14 @@ box-shadow: outset rgb(35, 20, 60) 0px 0px 20px; } +.linkContainer { + display: flex; + flex-wrap: wrap; + max-width: 385px; + margin: auto; + justify-content: center; +} + .animatedTitle { animation: mainText 2s cubic-bezier(0.075, 0.82, 0.165, 1); margin: auto; @@ -40,60 +48,21 @@ .pfp { border-radius: 15px; border: darkgray 4px solid; + float: right; width: 60%; aspect-ratio: 1/1; transform: scale(0.9); border-radius: 50%; + rotate: 0deg; + user-select: none; + + animation-duration: 2s; + animation-timing-function: linear; + animation-iteration-count: infinite; } -.activity { - border-width: 3px; - border-radius: 10px; - overflow: hidden; - margin: auto; - padding: 0; - display: flex; - position: relative; - z-index: 3; - /* max-height: 200px; */ -} - -.activity>p { - width: 100%; - max-height: 100%; - overflow-wrap: anywhere; - text-overflow: ellipsis; - padding: 3px; - line-height: 1.5rem; - align-self: center; -} - -.activity>img { - width: 40%; - aspect-ratio: 1/1; - object-fit: cover; -} - -.activity>img:not(.smallimg) { - min-width: 150px; - max-width: 150px; -} - -.activity>.smallimg { - width: 48px; - height: 48px; - position: absolute; - bottom: 0px; - left: 0px; - border-radius: 50px; - background: black; - padding: 5px; - /* border: 2px gray solid; */ - transform: scale(0.9); -} - -.activity>.smallimg:hover { - transform: scale(1); +.CLAlign { + display: inline-block; } img:not(.project-inner > div > img):not(.activity>img) { @@ -118,25 +87,14 @@ img:not(.project-inner > div > img):not(.activity>img) { } } -.lengthBar { - background-color: rgb(50, 40, 60); - display: inline-block; - width: 80%; - height: 10px; - padding: 0; - overflow: hidden; - border-radius: 5px; - margin-right: 1.9%; -} +@keyframes spinny { + 0% { + rotate: 0deg; + } -.lengthBar>span { - margin: 0; - padding: 0; - width: 100%; - background-color: rgb(200, 200, 230); - height: 20px; - display: block; - position: relative; + 100% { + rotate: 360deg; + } } @keyframes mainText { diff --git a/static/socials/index.html b/static/socials/index.html index 65e5df8..33d6575 100644 --- a/static/socials/index.html +++ b/static/socials/index.html @@ -2,8 +2,9 @@ - + + @@ -13,35 +14,43 @@ - + + {WEATHER_MODIFIER} + + Home + FAQ + Stats
Socials
+
+
-
\ No newline at end of file
diff --git a/static/stats/index.html b/static/stats/index.html
new file mode 100644
index 0000000..310a47b
--- /dev/null
+++ b/static/stats/index.html
@@ -0,0 +1,52 @@
+
+
+
+
+
+
+
+
+
+
+
+ Violet's Purgatory
+
+
+
+
+
+
+
+
+
+
+ {WEATHER_MODIFIER}
+ Home
+ Socials
+ FAQ
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/static/style.css b/static/style.css
index 5cbb67a..4e5c9db 100644
--- a/static/style.css
+++ b/static/style.css
@@ -1,10 +1,13 @@
-/*
-DO NOT MODIFY IF YOU ARE TRYING TO CHANGE THINGS ON THE SITE!!!
-This exists for compatibility with services on Violet's purgatory
-Soon, this will be removed, and replaced with a CDN or something...
+/*
+ This is the GLOBAL css file.
+ Any changes made in here, will apply to the ENTIRE site.
+ Only put changes here if you intend to put changes across
+ the whole site!
*/
-@import url("https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css");
+:root {
+ color-scheme: dark;
+}
@font-face {
font-display: swap;
@@ -17,68 +20,85 @@ Soon, this will be removed, and replaced with a CDN or something...
* {
font-family: 'Rubik', Verdana, Geneva, Tahoma, sans-serif;
padding: 0;
+ margin: 0;
+ font-weight: 400;
text-align: center;
-}
-
-h1 {
- color: rgb(225, 215, 255);
- font-size: 2.5rem;
-}
-
-h2 {
- font-size: 2rem;
- color: rgb(225, 215, 255)
-}
-
-h3 {
- font-size: 1.65rem
-}
-
-h3,
-li {
color: white;
}
-ul, ol {
- display: inline-block
+#topbar {
+ background-color: rgb(75, 50, 125);
+ width: 100%;
+ padding: 1vh 0px;
+ position: sticky;
+ left: 0px;
+ top: 0px;
+ z-index: 10;
+ opacity: 0.5;
+ transform: scale(1);
+ transition: all 2s cubic-bezier(0.075, 0.82, 0.165, 1);
}
-li {
- font-size: 1.2rem;
- text-align: left;
+#topbar:hover {
+ opacity: 1;
+ transform: scale(1.05);
}
-body,
-html {
- overflow-x: hidden;
+#topbar>* {
+ display: inline-block;
+ font-size: 1.5rem;
+}
+
+main:nth-of-type(1) {
+ width: 95%;
+ max-width: 1000px;
margin: auto;
- background-color: rgb(15, 4, 45);
- background: linear-gradient(rgb(20, 4, 55), black);
- width: 100vw;
- height: 100vh;
- margin: 0;
- padding: 0;
- background-attachment: local;
}
body {
- padding: 2.5%;
+ overflow-x: hidden;
+
+ background-color: rgb(55, 4, 75);
+ background: linear-gradient(rgb(40, 4, 75), black);
+
+ background-attachment: local;
+
+ animation: hideContent 2.5s;
}
-.fadediv {
- animation-name: fade-in;
- animation-duration: .75s;
- animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
- margin: auto;
- max-width: 1000px;
+body, html {
+ min-height: 100%;
}
a {
- color: rgb(175, 225, 255);
display: inline-block;
transition: 1.5s all cubic-bezier(0.075, 0.82, 0.165, 1);
}
+a[href] {
+ color: rgb(175, 225, 255);
+}
+
+
+h3 {
+ font-size: 1.5rem;
+ padding: 10px;
+}
+
+@media screen and (min-width: 650px) {
+ .grid-container {
+ display: grid;
+ grid-template-columns: 1fr 1fr;
+ grid-gap: 10px;
+ }
+
+ .grid-child {
+ margin: auto;
+ align-content: center;
+ /* border: 2px white solid; */
+ }
+}
+
.chip {
position: relative;
z-index: 3;
@@ -93,9 +113,12 @@ a {
transition: transform 1.25s cubic-bezier(0.075, 0.82, 0.165, 1), background-color 2s cubic-bezier(0.075, 0.82, 0.165, 1);
}
-.chip,
-.chip>* {
+a.chip {
text-decoration: none;
+ /* background-image: linear-gradient(rgb(175, 225, 255), rgb(175, 225, 255));
+ background-size: calc(100% - 15px) 2px;
+ background-position: 50% 87.5%;
+ background-repeat: no-repeat; */
}
.chip:hover {
@@ -106,10 +129,47 @@ a {
transition: transform 0.75s cubic-bezier(0.075, 0.82, 0.165, 1), background-color 3s cubic-bezier(0.075, 0.82, 0.165, 1);
}
-.chip:hover > .smallimg {
+.chip:hover>.smallimg {
background-color: rgb(10, 0, 25);
}
+hr {
+ color: white;
+ border: white solid;
+ opacity: 0.25;
+ border-width: 2px;
+ margin: 15px 10%;
+ /* background-color: none; */
+}
+
+p {
+ font-size: 1.25rem;
+ margin: 5px;
+ line-height: 2rem;
+ text-wrap: pretty;
+}
+
+img {
+ width: 100%;
+ /* max-width: 135px; */
+}
+
+h2 {
+ font-size: 1.8rem;
+}
+
+.note {
+ color: darkgray;
+ font-size: 1rem;
+}
+
+.striked {
+ text-decoration: line-through;
+ text-decoration-color: white;
+}
+
+
+
.activity {
border-width: 3px;
border-radius: 10px;
@@ -119,25 +179,36 @@ a {
display: flex;
position: relative;
z-index: 3;
+ /* max-height: 200px; */
}
.activity>p {
width: 100%;
- overflow-wrap: break-word;
+ max-height: 100%;
+ overflow-wrap: anywhere;
+ text-overflow: ellipsis;
+ padding: 3px;
+ line-height: 1.5rem;
+ align-self: center;
}
.activity>img {
- width: 128px;
+ width: 40%;
aspect-ratio: 1/1;
object-fit: cover;
}
+.activity>img:not(.smallimg) {
+ min-width: 150px;
+ max-width: 150px;
+}
+
.activity>.smallimg {
- width: 64px;
- height: 64px;
+ width: 48px;
+ height: 48px;
position: absolute;
bottom: 0px;
- left: 72px;
+ left: 0px;
border-radius: 50px;
background: black;
padding: 5px;
@@ -149,101 +220,17 @@ a {
transform: scale(1);
}
-a:hover {
- color: white;
- transition: 0.5s all cubic-bezier(0.075, 0.82, 0.165, 1);
+ul, ol {
+ display: inline-block
}
-p {
- color: white;
+li {
font-size: 1.2rem;
- padding: 0;
- margin: 10px;
+ text-align: left;
}
-img:not(.project-inner > div > img) {
- width: 100%;
- max-width: 135px;
- transition: all 2s cubic-bezier(0.075, 0.82, 0.165, 1);
-}
-
-.pfp {
- border-radius: 15px;
- border: darkgray 4px solid;
- width: 60%;
- aspect-ratio: 1/1;
- transform: scale(0.9);
- border-radius: 50%;
-}
-
-.pfp:hover {
- transform: scale(1);
- border-color: rgb(255, 200, 255);
- object-fit: cover;
-}
-
-.emoji {
- width: 32px;
- border-radius: 10%;
- /* border: 1px gray solid; */
-}
-
-hr {
- color: white;
- opacity: 0.25;
- border-width: 2px;
- margin: 15px 10%;
-}
-
-#card {
- background-color: rgb(15, 5, 80);
- padding: 15px;
- border: 2px white solid;
- margin: 20px auto;
- width: 95%;
- max-width: 800px;
- z-index: 3;
- position: relative;
-}
-
-.me {
- border-color: limegreen;
-}
-
-.project {
- background-color: rgba(35, 35, 35, 0.8);
- padding: 15px;
- border: 2px gray solid;
- margin: 20px 0px;
- border-radius: 15px;
-}
-
-.project-inner {
- overflow: hidden;
- padding: 0;
- margin: auto;
- z-index: 3;
-}
-
-.project-inner>div>img {
- object-fit: cover;
- border: 2px white solid;
- width: 80%;
- max-width: 500px;
- margin: auto;
- border-radius: 10px;
-}
-
-.project>p {
- display: inline-block;
-}
-
-.minipfp {
- width: 70px;
- display: inline-block;
- margin-right: 10px;
- border: 2px lightgray solid;
- border-radius: 5px;
+.noscript {
+ display: none;
}
.lengthBar {
@@ -257,6 +244,16 @@ hr {
margin-right: 1.9%;
}
+.textBlock {
+ color: rgb(255, 255, 255);
+ white-space: pre-wrap;
+ background-color: rgb(20, 20, 20);
+ border: 2px lightgray solid;
+ padding: 15px;
+ /* font-family: 'Source Code Pro', sans-serif; */
+ text-align: center;
+}
+
.lengthBar>span {
margin: 0;
padding: 0;
@@ -267,19 +264,29 @@ hr {
position: relative;
}
-.note {
- font-size: 0.95rem;
- color: lightgray;
+video {
+ width: 95%;
+ max-height: 90vh;
}
-@keyframes fade-in {
- 0% {
- opacity: 0;
- transform: translateY(50vh);
- }
+sup {
+ color: gray;
+}
- 100% {
- opacity: 1;
- transform: none;
- }
+.noteList {
+ list-style: none;
+}
+
+.noteList > * {
+ counter-increment: noteList;
+ color: gray;
+ font-size: 1rem;
+}
+
+.noteList > li::before {
+ content: "*" counter(noteList) ". ";
+}
+
+em {
+ color: inherit;
}
\ No newline at end of file
diff --git a/static/subpage.css b/static/subpage.css
index 9bfb586..ab32dc8 100644
--- a/static/subpage.css
+++ b/static/subpage.css
@@ -6,14 +6,18 @@
h1:nth-of-type(1) {
font-size: 2.5rem;
+
}
body {
padding: 5vh 0;
}
-main {
+.mainDiv {
animation: fadeUp 1s cubic-bezier(0.075, 0.82, 0.165, 1);
+ padding: 0 2.5vw;
+ max-width: 800px;
+ margin: auto;
}
@keyframes fadeUp {
diff --git a/weatherGenerator.js b/weatherGenerator.js
deleted file mode 100644
index 5c57a8b..0000000
--- a/weatherGenerator.js
+++ /dev/null
@@ -1,103 +0,0 @@
-module.exports = {
-
- makeRain: function (hardRain) {
- var html = ""
-
- html += `Here's most of the sites you can find me on-
if you needed that for some reason?
Chat
Matrix: @bingus_violet:matrix.violets-purgatory.dev -Discord: {DISCORD_USER}
-Revolt: Bingus{Violet}#5573
+ Discord: {DISCORD_USER} + Revolt: Bingus{Violet}#5573Coding
+ Forgejo: bingus_violet (git.violets-purgatory.dev) Codeberg: bingus_violet Docker: bingusviolet Github: violets-puragtory @@ -55,8 +64,13 @@-
Please note I am extremely unhinged and gay on Fedi, I don't use Github, and I barely understand Docker.
+
+ {ACTIVITIES}
+
+
+ {SELECTED_VIDEO}
+Stats
+This is the full stats page! This page exists for testing the speed of site generation, and contains every keyword on Violet's Purgatory in a hidden div.
+ + + +
Stats
+ +
-
+
- Page generation time: {LOAD_TIME} +
- Uptime: {UPTIME} +
- Total reloads: {RELOAD_COUNT} *1 +
- Cached Images: {CACHED_IMAGES} *2 +
+
-
+
- Increments by 1 EVERY time ANY page is loaded. +
- Cached Images are cleared on server restart. + +
`
-
- html +=
- `
-
- `
-
- var amount = 7
-
- var iterationReducer = 3
-
- if (hardRain) {
- amount = 100
- }
-
- for (let index = 0; index < amount; index++) {
- html += ``
- }
- html += ""
- html += "