Compare commits

..

No commits in common. "b6a8de64fce73aba4efca64e3e92dc9e172d3800" and "0692b176eace8bf4d4a6e83aaf59694fa946f13d" have entirely different histories.

11 changed files with 349 additions and 366 deletions

View file

@ -124,235 +124,171 @@
} }
} }
}, },
"highlightedWords": [ "highlightedWords": {
{ "birds": {
"words": [
"birds",
"Pissing",
"Starwalker",
"word highlighting",
"highlight",
"Highlight",
"Javascript",
"JSON",
"JQuery",
".js",
"enby",
"Slay the Spire"
],
"color": "yellow" "color": "yellow"
}, },
{ "Pissing": {
"words": [ "color": "yellow"
"Teto Tuesday",
"Teto Territory",
"Teto",
"Kasane"
],
"color": "#d5738d",
"caseInsensitive": true
}, },
{ "Starwalker": {
"words": [ "color": "yellow"
"YouTube",
"ULTRAKILL",
"Lethal Company"
],
"color": "red",
"caseInsensitive": true
}, },
{ "word highlighting": {
"words": [ "color": "yellow"
"Spooky's Jump Scare Mansion"
],
"color": "rgb(150, 175, 255)"
}, },
{ "Godot Engine": {
"words": [
"Forgejo",
"HTML",
"Shortcat",
"Valve",
"Spooky",
"The Ironclad"
],
"color": "orange"
},
{
"words": [
"NodeJS",
"Spotify",
"Wambu",
"Matrix",
"The Silent"
],
"color": "limegreen"
},
{
"words": [
"Godot Engine"
],
"color": "#64B5F6" "color": "#64B5F6"
}, },
{ "Javascript": {
"words": [ "color": "yellow"
"Violet", },
"Purgatory", "JSON": {
"Limbo", "color": "yellow"
"The Watcher" },
], "JQuery": {
"color": "yellow"
},
"NodeJS": {
"color": "limegreen"
},
"Violet": {
"color": "rgb(200, 150, 255)" "color": "rgb(200, 150, 255)"
}, },
{ "Purgatory": {
"words": [ "color": "rgb(200, 150, 255)"
"bisexual" },
], "Limbo": {
"color": "rgb(200, 150, 255)"
},
"Asahi": {
"color": "rgb(255, 175, 175)",
"caseInsensitive": true
},
"Lunya": {
"color": "rgb(255, 175, 175)"
},
"Sylvie": {
"color": "#f768a4"
},
"bisexual": {
"color": "rgb(214, 2, 112)" "color": "rgb(214, 2, 112)"
}, },
{ "enby": {
"words": [ "color": "rgb(252, 244, 52)"
"Fedi" },
], "YouTube": {
"color": "rgb(255, 0, 0)",
"caseInsensitive": true
},
"Fedi": {
"color": "rgb(175, 125, 200)" "color": "rgb(175, 125, 200)"
}, },
{ "Matrix": {
"words": [ "color": "limegreen"
"Element" },
], "Element": {
"color": "rgb(100, 255, 200)" "color": "rgb(100, 255, 200)"
}, },
{ "Codeberg": {
"words": [
"Codeberg"
],
"color": "rgb(0, 255, 255)" "color": "rgb(0, 255, 255)"
}, },
{ "Code": {
"words": [
"Code"
],
"color": "rgb(150, 175, 255)" "color": "rgb(150, 175, 255)"
}, },
{ "Docker": {
"words": [
"Codium"
],
"color": "rgb(150, 175, 255)"
},
{
"words": [
"Docker"
],
"color": "blue" "color": "blue"
}, },
{ "Github": {
"words": [
"Github"
],
"color": "gray" "color": "gray"
}, },
{ "Steam": {
"words": [
"Steam"
],
"color": "lightgray" "color": "lightgray"
}, },
{ "Univerter": {
"words": [
"Univerter"
],
"link": "https://univerter.dev/", "link": "https://univerter.dev/",
"color": "rgb(200, 175, 255)" "color": "rgb(200, 175, 255)"
}, },
{ "Ko-fi": {
"words": [
"Ko-fi"
],
"color": "rgb(255, 150, 150)" "color": "rgb(255, 150, 150)"
}, },
{ "Revolt": {
"words": [
"Revolt"
],
"color": "rgb(255, 50, 50)" "color": "rgb(255, 50, 50)"
}, },
{ "Discord": {
"words": [
"Discord"
],
"color": "rgb(150, 150, 255)" "color": "rgb(150, 150, 255)"
}, },
{ "SearXNG": {
"words": [
"SearXNG"
],
"color": "rgb(100, 100, 255)" "color": "rgb(100, 100, 255)"
}, },
{ "highlight": {
"words": [ "color": "yellow",
"CSS", "caseInsensitive": true
"Neow", },
"The Defect" "Forgejo": {
], "color": "orange"
},
"HTML": {
"color": "orange"
},
"CSS": {
"color": "rgb(50, 200, 255)" "color": "rgb(50, 200, 255)"
}, },
{ "Thumbor": {
"words": [
"Thumbor"
],
"color": "rgb(225, 225, 255)" "color": "rgb(225, 225, 255)"
}, },
{ "Spotify": {
"words": [ "color": "limegreen"
"Risk of Rain 2" },
], "Ultrakill": {
"color": "red",
"caseInsensitive": true
},
"Risk of Rain 2": {
"color": "rgb(150, 220, 255)", "color": "rgb(150, 220, 255)",
"caseInsensitive": true "caseInsensitive": true
}, },
{ "Liberapay": {
"words": [
"Liberapay"
],
"color": "yellow" "color": "yellow"
}, },
{ "Roblox": {
"words": [
"Roblox"
],
"color": "rgb(225, 225, 225)" "color": "rgb(225, 225, 225)"
}, },
{ "Teto Tuesday": {
"words": [ "color": "rgb(255, 100, 100)",
"Ryouiki Tenkai" "caseInsensitive": true
], },
"Teto Territory": {
"color": "rgb(255, 100, 100)",
"caseInsensitive": true
},
"Teto": {
"color": "rgb(255, 100, 100)",
"caseInsensitive": true
},
"Kasane": {
"color": "rgb(255, 100, 100)",
"caseInsensitive": true
},
"Ryouiki Tenkai": {
"bold": true, "bold": true,
"italicized": true, "italicized": true,
"caseInsensitive": true "caseInsensitive": true
}, },
{ "Pokerogue": {
"words": [
"Pokerogue"
],
"caseInsensitive": true, "caseInsensitive": true,
"color": "#366383", "color": "#366383",
"outline": "#d43131", "outline": "#d43131",
"bold": true "bold": true
}, },
{ "page embed": {
"words": [
"page embed"
],
"link": "/faq#embeds" "link": "/faq#embeds"
}, },
{ "YIP": {
"words": [
"YIP"
],
"italicized": true "italicized": true
},
"Lethal Company": {
"color": "red"
} }
] }
} }

View file

@ -1,28 +0,0 @@
const express = require("express"),
path = require("path")
var app = express()
const PORT = process.env.PORT || 8080
const cachePath = path.join(__dirname, 'cached')
const assetPath = path.join(__dirname, "assets")
app.listen(PORT, () => {
console.log("Violet's Purgatory is now listening on port: " + PORT)
})
const pageUpdater = require("./pageUpdater.js")
app.use("/fonts", express.static(path.join(assetPath, "fonts")))
app.use("/cached", express.static(cachePath))
app.use("/imgs", express.static(path.join(assetPath, "Images")))
app.use("/snds", express.static(path.join(assetPath, "Sounds")))
app.use("/emojis", express.static(path.join(cachePath, "emojis")))
app.use(pageUpdater.middleWare)
module.exports = {
app: app
}

View file

@ -1,29 +0,0 @@
const path = require("path"),
fs = require("fs")
const cachePath = path.join(__dirname, 'cached')
const assetPath = path.join(__dirname, "assets")
const configPath = path.join(__dirname, 'config')
const configFile = path.join(configPath, "config.json")
const announcementFile = path.join(configPath, "announcement.html")
if (!fs.existsSync(configPath)) {
fs.mkdirSync(configPath)
}
if (!fs.existsSync(configFile)) {
fs.writeFileSync(configFile, fs.readFileSync(path.join(assetPath, "defaults/config.json")))
}
if (!fs.existsSync(announcementFile)) {
fs.writeFileSync(announcementFile, ``)
}
if (!fs.existsSync(cachePath)) {
fs.mkdirSync(cachePath)
}
if (!fs.existsSync(path.join(cachePath, "emojis"))) {
fs.mkdirSync(path.join(cachePath, "emojis"))
}

View file

@ -1,13 +1,61 @@
const fs = require("fs") const express = require('express'),
path = require('path'),
fs = require('fs'),
WebSocket = require("ws")
require("./fileHandler.js") var app = express()
require('./expressHandler.js')
// require("./imageEmbedder.js") const PORT = process.env.PORT || 8080
const staticpath = path.join(__dirname, 'static')
const cachePath = path.join(__dirname, 'cached')
const assetPath = path.join(__dirname, "assets")
const configPath = path.join(__dirname, 'config')
const configFile = path.join(configPath, "config.json")
const announcementFile = path.join(configPath, "announcement.html")
if (!fs.existsSync(configPath)) {
fs.mkdirSync(configPath)
}
if (!fs.existsSync(configFile)) {
fs.writeFileSync(configFile, fs.readFileSync(path.join(assetPath, "defaults/config.json")))
}
if (!fs.existsSync(announcementFile)) {
fs.writeFileSync(announcementFile, ``)
}
const pageUpdater = require('./pageUpdater.js')
var constants = JSON.parse(fs.readFileSync(path.join(__dirname, 'constants.json')))
app.listen(PORT, () => {
console.log("Violet's Purgatory is now listening on port: " + PORT)
})
app.use("/fonts", express.static(path.join(assetPath, "fonts")))
app.use("/cached", express.static(cachePath))
app.use("/imgs", express.static(path.join(assetPath, "Images")))
app.use("/snds", express.static(path.join(assetPath, "Sounds")))
app.use("/emojis", express.static(path.join(cachePath, "emojis")))
if (!fs.existsSync(cachePath)) {
fs.mkdirSync(cachePath)
}
if (!fs.existsSync(path.join(cachePath, "emojis"))) {
fs.mkdirSync(path.join(cachePath, "emojis"))
}
app.use(pageUpdater.middleWare)
process.on('uncaughtException', (err, origin) => { process.on('uncaughtException', (err, origin) => {
fs.writeSync( fs.writeSync(
process.stderr.fd, process.stderr.fd,
`Caught exception: ${err}\n` + `Caught exception: ${err}\n` +
`Exception origin: ${origin}`, `Exception origin: ${origin}`,
); );
}); });

View file

@ -137,17 +137,16 @@ module.exports = {
time = activity.timestamps.start time = activity.timestamps.start
} }
if (!activity.assets) { if (!activity.assets) {
activity.assets = { "large_text": "", "small_text": "" } activity.assets = { "large_text": " ", "small_text": " " }
} }
var text1 = onlyIfExists("<br><span style='font-size: 1.3rem;'>" + activity.song + "</span>", activity.song) || activity.details var text1 = onlyIfExists("<br><span style='font-size: 1.3rem;'>" + activity.song + "</span>", activity.song) || activity.details || activity.assets.large_text
var text2 = onlyIfExists("By: " + activity.artist, activity.artist) || activity.state var text2 = onlyIfExists("By: " + activity.artist, activity.artist) || activity.state || activity.assets.small_text
var text3 = onlyIfExists("On: " + activity.album, activity.album != activity.song && activity.album) var text3 = onlyIfExists("On: " + activity.album, activity.album)
addedHTML += ` addedHTML += `
<div class="chip activity grid-child"> <div class="chip activity grid-child">
<img src="${get_img(activity)}" title="${activity.assets.large_text || activity.assets.small_text}"> <img src="${get_img(activity)}" title="${activity.assets.large_text || activity.assets.small_text}">
${onlyIfExists(`<img class="smallimg" src="${get_img(activity, "small_image")}" title="${activity.assets.small_text}">`, activity.assets.small_image)}
<p style="text-align: left; font-size: 1.15rem;"> <p style="text-align: left; font-size: 1.15rem;">
<span style="font-size: 1.6rem;">${activity.name}</span> <span style="font-size: 1.6rem;">${activity.name}</span>
${onlyIfExists("<br>" + text1, text1)} ${onlyIfExists("<br>" + text1, text1)}

View file

@ -90,103 +90,82 @@ function highlighter(json, full = true) {
element.children = highlighter(element.children, full) element.children = highlighter(element.children, full)
} }
} else if (element.type == "text") { } else if (element.type == "text") {
var index = 0 var highTable = Object.keys(highlightedWords)
for (let i = 0; i < highlightedWords.length; i++) {
var dict = highlightedWords[i]
for (let x = 0; x < dict.words.length; x++) {
index += 1
var term = dict.words[x];
var termProps = dict
var reg = term for (let index = 0; index < highTable.length; index++) {
if (termProps.caseInsensitive) { var term = highTable[index];
reg = new RegExp(`(${term})`, "gi") var termProps = highlightedWords[term]
}
element.content = element.content.replaceAll(`{${term}}`, "TEMPORARY_REPLACE") var reg = term
element.content = element.content.replaceAll(reg, "{TERM" + index + "}") if (termProps.caseInsensitive) {
element.content = element.content.replaceAll("TEMPORARY_REPLACE", `${term}`) reg = new RegExp(`(${term})`, "gi")
} }
element.content = element.content.replaceAll(`{${term}}`, "TEMPORARY_REPLACE")
element.content = element.content.replaceAll(reg, "{TERM" + index + "}")
element.content = element.content.replaceAll("TEMPORARY_REPLACE", `${term}`)
} }
if (full) { if (full) {
var index = 0 for (let index = 0; index < highTable.length; index++) {
for (let i = 0; i < highlightedWords.length; i++) { var termKey = "{TERM" + index + "}"
var dict = highlightedWords[i] var termProps = highlightedWords[highTable[index]]
for (let x = 0; x < dict.words.length; x++) { while (element.content.includes(termKey)) {
index += 1 var termIndex = element.content.indexOf(termKey)
var termKey = "{TERM" + index + "}"
var termProps = dict
while (element.content.includes(termKey)) {
var termIndex = element.content.indexOf(termKey)
var spanEnd = element.content.indexOf(" ", termIndex) var spanEnd = element.content.indexOf(" ", termIndex)
if (spanEnd == -1) { if (spanEnd == -1) {
spanEnd = element.content.length spanEnd = element.content.length
} }
var spanStart = element.content.substring(0, termIndex).lastIndexOf(" ") + 1 var endContent = element.content.substring(termIndex + termKey.length, spanEnd)
// if (highTable[index] == "ULTRAKILL") { var spanStart = element.content.substring(0, termIndex).lastIndexOf(" ") + 1
// console.log(startContent, " ---- ", endContent) var startContent = element.content.substring(spanStart - 1, termIndex)
// }
var style = termProps.style || ""
var startContent = element.content.substring(spanStart - 1, termIndex) var classes = termProps.classes || ""
var endContent = element.content.substring(termIndex + termKey.length, spanEnd) var link = termProps.link || ""
if (startContent.includes("(") && !endContent.includes(")")) { if (termProps.color) {
spanEnd = element.content.indexOf(")", spanStart) + 1 style += `color: ${termProps.color};`
endContent = element.content.substring(termIndex + termKey.length, spanEnd) }
}
else if (endContent.includes(")") && !startContent.includes("(")) { if (termProps.italicized) {
spanStart = element.content.substring(0, spanStart).lastIndexOf("(") style += "font-style: italic;"
startContent = element.content.substring(spanStart - 1, termIndex) }
}
if (termProps.outline) {
var style = termProps.style || "" var width = 2
var classes = termProps.classes || "" // style += `text-shadow: -1px -1px 0 ${termProps.outline}, 1px -1px 0 ${termProps.outline}, -1px 1px 0 ${termProps.outline}, 1px 1px 0 ${termProps.outline};`
var link = termProps.link || "" style += `-webkit-text-stroke: 1px ${termProps.outline};`
// ^ Not in use because it looks bad :30
if (termProps.color) { }
style += `color: ${termProps.color};`
} if (termProps.bold) {
classes += "bold"
if (termProps.italicized) { }
style += "font-style: italic;"
} if (style.length > 2) {
style = `style="${style}"`
if (termProps.outline) { }
var width = 2
// style += `text-shadow: -1px -1px 0 ${termProps.outline}, 1px -1px 0 ${termProps.outline}, -1px 1px 0 ${termProps.outline}, 1px 1px 0 ${termProps.outline};` if (classes.length > 2) {
style += `-webkit-text-stroke: 1px ${termProps.outline};` classes = `class="${classes}"`
// ^ Not in use because it looks bad :30 }
}
var stuff = (startContent + highTable[index] + endContent).trim()
if (termProps.bold) {
classes += "bold" if (!stuff.includes("span")) {
} var replacement = `<span ${style} ${classes} ${link}>${stuff}</span>`
if (style.length > 2) { if (link) {
style = `style="${style}"` replacement = `<a href="${link}">${replacement}</a>`
}
if (classes.length > 2) {
classes = `class="${classes}"`
}
var stuff = (startContent + dict.words[x] + endContent).trim()
if (!stuff.includes("span")) {
var replacement = `<span ${style} ${classes} ${link}>${stuff}</span>`
if (link) {
replacement = `<a href="${link}">${replacement}</a>`
}
element.content = element.content.substring(0, spanStart) + replacement + element.content.substring(spanEnd)
} else {
element.content = element.content.replace(termKey, dict.words[x])
} }
element.content = element.content.substring(0, spanStart) + replacement + element.content.substring(spanEnd)
} else {
element.content = element.content.replace(termKey, highTable[index])
} }
} }
} }
@ -202,16 +181,9 @@ function highlighter(json, full = true) {
function converter(html, dynamic = true) { function converter(html, dynamic = true) {
var startTime = Date.now() var startTime = Date.now()
var config = JSON.parse(fs.readFileSync(path.join(__dirname, 'config/config.json'))) var config = JSON.parse(fs.readFileSync(path.join(__dirname, 'config/config.json')))
var staticReplacers = { var staticReplacers = {
"ALL_HIGHLIGHTS": () => { "ALL_HIGHLIGHTS": Object.keys(highlightedWords).join(", "),
var addedHTML = ""
for (var i = 0; i < highlightedWords.length; i++) {
addedHTML += highlightedWords[i].words.join(", ")
addedHTML += ", "
}
return addedHTML.substring(0, addedHTML.length - 2)
},
"BRANCH_NAME": () => { "BRANCH_NAME": () => {
if (process.env.BRANCH == "dev") { if (process.env.BRANCH == "dev") {
return "Stable" return "Stable"

92
static/asahi/index.html Normal file
View file

@ -0,0 +1,92 @@
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" type="text/css" href="/style.css">
<link rel="stylesheet" type="text/css" href="/root.css">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="../jquery.js"></script>
<script src="../main.js"></script>
<title>Violet's Purgatory</title>
<meta name="darkreader-lock">
<meta content="Violet's Purgatory" property="og:title" />
<meta
content="Hello this is tje asahi a uhm uuhhh uhm ummmm uhmmm uhhh uhmmm ummm uhhh um!"
property="og:description" />
<meta content="./pfp.png" property="og:image" />
<meta content="#a200ff" data-react-helmet="true" name="theme-color" />
</head>
<body>
{WEATHER_MODIFIER}
{TOPBAR}
<h1 class="animatedTitle">Welcome to my<span class="mainTitle" style="color: rgb(200, 150, 255)">Humble Abode</span>
</h1>
<main class="animatedMain">
<p>nice seeing you here! while you're at it, why not check out my socials or about me?</p>
<hr>
<div id="card">
<h2>Asahi</h2>
<div style="display: flex; justify-content: center; align-items: center;">
<div style="width: 50%;">
<img src="/imgs/asahiPFP.png" class="pfp">
</div>
<div style="width: 50%;">
<div style="float: left;">
<p>They/Them</p>
<p>Marcy & Violet &lt;3</p>
</div>
<!-- <p>THIS TEXT IS THE EPIC EXTREME FILLER TO TEST THE SITE'S FORMATTING :fire:</p> -->
</div>
</div>
<hr>
<div>
<p style="padding: 10px;">
<br>hi! my name is Asahi Lunya :3 i'm a bisexual enby who's a very queer mess
<br>i have interests in tech, aerospace, trains, art, and music! i'm also a privacy/security
enthusiast
<br>i'm currently learning many new things in my life, expanding my knowledge
<br>i hope you got to know me a little ^^
</p>
<!-- <a class="chip" href="https://beta.violets-purgatory.dev">Beta site</a>
<a class="chip" href="https://blog.violets-purgatory.dev">Blog</a> -->
<!-- <a class="chip" href="https://fs.violets-purgatory.dev">FileShare</a> -->
</div>
</div>
<h2><hr>Disclaimer!</h2>
<p>
This is NOT Asahi's real site! Please find it <a href="https://asahixp.pages.gay">here</a> instead!
</p>
<h2><hr>Quotes:</h2>
<p>“literally anything from the 1995 movie 'Hackers' will absolutely fit here” -tyberry<br>
"ooooo you like boys, ur a boykisser" -Elodie<br>
"asahi is twink-esk in spirit. aspirational." -Juniper<br>
"cute huggable nice huggable cute cute" -marcy<br>
"Petting Asahi makes the world better” -yassie<br>
"meow meow meow mrrrp nya~" -gettie<br>
"cute and queer catenby that functions as fedi's algorithm on the side" -7331<br>
"sometimes this one still forgets how friendly some people are here… like Asahi, for instance!” -Ariadne<br>
"Asahi wa sugoi desu ne?" -Bard<br>
"this is a quote :3c" -Ukko<br>
"best Asahi I've ever met (awww!)" -Kristina<br>
"asahi is friend shaped and they have a good heart" -Drew<br>
"10/10 will give loving headpats and will protect them!" -Natsura</p>
</main>
</body>
</html>

View file

@ -86,7 +86,6 @@
{PATH_SOCIALS} {PATH_SOCIALS}
<br> <br>
<h1><hr>FAQ</h1> <h1><hr>FAQ</h1>
<a href="faq/">See the full FAQ here!</a>
{PATH_FAQ} {PATH_FAQ}
{SELECTED_VIDEO} {SELECTED_VIDEO}

View file

@ -86,7 +86,7 @@ function timeFormatter(seconds) {
} }
} }
function spinLoop() { function loop() {
spinWaiting = true spinWaiting = true
setTimeout(() => { setTimeout(() => {
spinWaiting = false spinWaiting = false
@ -125,31 +125,26 @@ function spinLoop() {
spins = lerp(spins, Math.round(spins), 1 / spinSpeed * 3) spins = lerp(spins, Math.round(spins), 1 / spinSpeed * 3)
} }
$(".pfp").css("rotate", (spins * 360) + "deg") $(".pfp").css("rotate", (spins * 360) + "deg")
spinLoop()
$(".durationBarFormatter").each((_, item) => {
item = $(item)
item.text(`${timeFormatter((Date.now() - item.attr("data-start")))}/${timeFormatter((item.attr("data-end") - item.attr("data-start")))}`)
})
$(".timeEstimate").each((_, item) => {
item = $(item)
item.text(gameTimeFormatter(Date.now() - item.attr("data-start")))
})
$(".endEstimate").each((_, item) => {
item = $(item)
item.text(timeFormatter((item.attr("data-end") - Date.now())))
})
loop()
}, 1/spinSpeed * 1000); }, 1/spinSpeed * 1000);
} }
function secondLoop() {
$(".durationBarFormatter").each((_, item) => {
item = $(item)
item.text(`${timeFormatter((Date.now() - item.attr("data-start")))}/${timeFormatter((item.attr("data-end") - item.attr("data-start")))}`)
})
$(".timeEstimate").each((_, item) => {
item = $(item)
item.text(gameTimeFormatter(Date.now() - item.attr("data-start")))
})
$(".endEstimate").each((_, item) => {
item = $(item)
item.text(timeFormatter((item.attr("data-end") - Date.now())))
})
setTimeout(() => {
secondLoop()
}, 1000);
}
window.onbeforeunload = function () { window.onbeforeunload = function () {
window.scrollTo(0, 0); window.scrollTo(0, 0);
} }
@ -159,8 +154,7 @@ window.onload = function () {
pfp = $(".pfp") pfp = $(".pfp")
spinLoop() loop()
secondLoop()
pfp.on("mousedown", () => { pfp.on("mousedown", () => {
// if (!spinWaiting) { // if (!spinWaiting) {

View file

@ -1,6 +1,6 @@
#card { #card {
background-color: rgba(25, 0, 70, 1); background-color: rgba(20, 5, 90, 0.5);
/* backdrop-filter: blur(5px); */ /* backdrop-filter: blur(5px); */
} }
.magicStuff { .magicStuff {

View file

@ -1,6 +1,6 @@
#card { #card {
background-color: rgba(25, 0, 70, 1); background-color: rgba(50, 0, 90, 0.5);
/* backdrop-filter: blur(5px); */ /* backdrop-filter: blur(5px); */
} }
.rainStuff { .rainStuff {