Compare commits
No commits in common. "25287795d874f639db8cd71147d0a02743824299" and "9c209218a72ef8fe4ba8226968d85c8ac1439b08" have entirely different histories.
25287795d8
...
9c209218a7
21 changed files with 11179 additions and 1569 deletions
|
|
@ -74,9 +74,13 @@
|
|||
"JQuery",
|
||||
".js",
|
||||
|
||||
"enby",
|
||||
|
||||
"Slay the Spire",
|
||||
|
||||
"Liberapay"
|
||||
"Liberapay",
|
||||
|
||||
"Golden Wind"
|
||||
],
|
||||
"color": "yellow"
|
||||
},
|
||||
|
|
@ -96,7 +100,16 @@
|
|||
},
|
||||
{
|
||||
"words": [
|
||||
"Teto T",
|
||||
"Jojo's Bizarre Adventure",
|
||||
"Jojo"
|
||||
],
|
||||
"caseInsensitive": true,
|
||||
"color": "rgb(170, 80, 225)"
|
||||
},
|
||||
{
|
||||
"words": [
|
||||
"Teto Tuesday",
|
||||
"Teto Territory",
|
||||
"Teto",
|
||||
"Kasane"
|
||||
],
|
||||
|
|
@ -135,8 +148,7 @@
|
|||
"Shortcat",
|
||||
"Valve",
|
||||
"Spooky",
|
||||
"The Ironclad",
|
||||
"Search Party"
|
||||
"The Ironclad"
|
||||
],
|
||||
"color": "orange"
|
||||
},
|
||||
|
|
@ -158,7 +170,6 @@
|
|||
},
|
||||
{
|
||||
"words": [
|
||||
"Violet's ",
|
||||
"Violet",
|
||||
"Purgatory",
|
||||
"violets-",
|
||||
|
|
@ -169,9 +180,9 @@
|
|||
},
|
||||
{
|
||||
"words": [
|
||||
"abyss"
|
||||
"bisexual"
|
||||
],
|
||||
"color": "rgb(150, 50, 255)"
|
||||
"color": "rgb(214, 2, 112)"
|
||||
},
|
||||
{
|
||||
"words": [
|
||||
|
|
@ -189,11 +200,7 @@
|
|||
"words": [
|
||||
"Codeberg",
|
||||
|
||||
"TrueNAS",
|
||||
|
||||
"Miku M",
|
||||
"Miku",
|
||||
"Hatsune"
|
||||
"TrueNAS"
|
||||
],
|
||||
"color": "rgb(0, 255, 255)"
|
||||
},
|
||||
|
|
@ -303,6 +310,15 @@
|
|||
"italicized": true,
|
||||
"caseInsensitive": true
|
||||
},
|
||||
{
|
||||
"words": [
|
||||
"Pokerogue"
|
||||
],
|
||||
"caseInsensitive": true,
|
||||
"color": "#366383",
|
||||
"outline": "#d43131",
|
||||
"bold": true
|
||||
},
|
||||
{
|
||||
"words": [
|
||||
"page embed"
|
||||
|
|
|
|||
|
|
@ -290,7 +290,7 @@ function converter(html, dynamic = true) {
|
|||
},
|
||||
"SELECTED_VIDEO": () => {
|
||||
if (api.lanyard && api.lanyard.video) {
|
||||
return `<h2><hr/>Predetermined weekly video!</h2><p>I would call it random but I actually select them manually.</p>
|
||||
return `<h2><hr/>Random video!</h2><p>I would call it random <em>daily</em> video but its not at all daily...</p>
|
||||
<br/>
|
||||
<video controls="true" src="${api.lanyard.video.url}"></video>`
|
||||
}
|
||||
|
|
@ -344,15 +344,6 @@ function converter(html, dynamic = true) {
|
|||
addedHTML += "<p>No blog posts found... <br>wait <br> huh ??? <br>what???????<br> how ???????????????<br> WHY ?!<br> Violet must've fucked up like. REALLY bad. <br> We're so cooked</p>"
|
||||
}
|
||||
return addedHTML
|
||||
},
|
||||
"SUBPAGE_JS": () => {
|
||||
return `
|
||||
<script src="../js/cash.js"></script>
|
||||
<script src="../js/main.js"></script>
|
||||
<script src="../js/constants.js"></script>
|
||||
<script src="../js/lanyardSocket.js"></script>
|
||||
<script src="../js/timeFormatter.js"></script>
|
||||
`
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
32
static/ambience/ambient.js
Normal file
32
static/ambience/ambient.js
Normal file
|
|
@ -0,0 +1,32 @@
|
|||
function loop() {
|
||||
var date = new Date()
|
||||
|
||||
var hour = date.getHours();
|
||||
hour = (hour < 10 ? "0" : "") + hour;
|
||||
|
||||
var min = date.getMinutes();
|
||||
min = (min < 10 ? "0" : "") + min;
|
||||
|
||||
var sec = date.getSeconds();
|
||||
sec = (sec < 10 ? "0" : "") + sec;
|
||||
|
||||
$("#time").text(hour + ":" + min)
|
||||
|
||||
setTimeout(() => {
|
||||
loop()
|
||||
}, 1000)
|
||||
}
|
||||
|
||||
document.addEventListener("DOMContentLoaded", function() {
|
||||
loop()
|
||||
})
|
||||
|
||||
$(document).on('keypress',function(e) {
|
||||
if(e.which == 102) {
|
||||
if ($.fullscreen.isFullScreen()) {
|
||||
$.fullscreen.exit()
|
||||
} else {
|
||||
$("body").fullscreen()
|
||||
}
|
||||
}
|
||||
});
|
||||
28
static/ambience/fullscreen.js
Normal file
28
static/ambience/fullscreen.js
Normal file
File diff suppressed because one or more lines are too long
37
static/ambience/index.html
Normal file
37
static/ambience/index.html
Normal file
|
|
@ -0,0 +1,37 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="../style.css">
|
||||
<link rel="stylesheet" type="text/css" href="../subpage.css">
|
||||
<link rel="stylesheet" href="./style.css">
|
||||
|
||||
<script src="../jquery.js"></script>
|
||||
<script src="../main.js"></script>
|
||||
<script src="./fullscreen.js"></script>
|
||||
<script src="./ambient.js"></script>
|
||||
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<title>Violet's Purgatory Ambient Page</title>
|
||||
|
||||
<meta name="darkreader-lock">
|
||||
|
||||
<meta content="Ambient Page - Violet's Purgatory" property="og:title" />
|
||||
<meta content="This page isn't really made for public use. Ignore it!" property="og:description" />
|
||||
<meta content="https://api.violets-purgatory.dev/v1/pfp" property="og:image" />
|
||||
<meta content="#a200ff" data-react-helmet="true" name="theme-color" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
{WEATHER_MODIFIER}
|
||||
<div class="mainDiv">
|
||||
<h1 id="time">00:00</h1>
|
||||
<div id="activityHtml">
|
||||
{ACTIVITIES}
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
19
static/ambience/style.css
Normal file
19
static/ambience/style.css
Normal file
|
|
@ -0,0 +1,19 @@
|
|||
body {
|
||||
background-image: none;
|
||||
background-color: black;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin: auto;
|
||||
|
||||
}
|
||||
|
||||
@media screen and (min-height: 500px) {
|
||||
html,
|
||||
body {
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
#time {
|
||||
font-size: 5rem;
|
||||
}
|
||||
|
|
@ -4,6 +4,9 @@
|
|||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="style.css">
|
||||
|
||||
<script src="../jquery.js"></script>
|
||||
<script src="../main.js"></script>
|
||||
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
|
|
|
|||
|
|
@ -5,7 +5,8 @@
|
|||
<link rel="stylesheet" type="text/css" href="/style.css">
|
||||
<link rel="stylesheet" type="text/css" href="/subpage.css">
|
||||
|
||||
{SUBPAGE_JS}
|
||||
<script src="../jquery.js"></script>
|
||||
<script src="../main.js"></script>
|
||||
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
|
|
|||
|
|
@ -2,17 +2,14 @@
|
|||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="./root.css">
|
||||
<link rel="stylesheet" type="text/css" href="./style.css">
|
||||
<link rel="stylesheet" type="text/css" href="./root.css">
|
||||
<noscript>
|
||||
<link rel="stylesheet" href="./noScript.css">
|
||||
</noscript>
|
||||
|
||||
<script src="./js/cash.js"></script>
|
||||
<script src="./js/constants.js"></script>
|
||||
<script src="./js/lanyardSocket.js"></script>
|
||||
<script src="./js/timeFormatter.js"></script>
|
||||
<script src="./js/spin.js"></script>
|
||||
<script src="./jquery.js"></script>
|
||||
<script src="./main.js"></script>
|
||||
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
|
@ -29,7 +26,7 @@
|
|||
|
||||
<body>
|
||||
{WEATHER_MODIFIER}
|
||||
<h1 class="animatedTitle">Welcome to <span class="mainTitle noHighlight">Violet's Purgatory</span><span class="note">Commit {COMMIT_COUNT}</span></h1>
|
||||
<h1 class="animatedTitle">Welcome to <span class="mainTitle">Violet's Purgatory</span><span class="note">Commit {COMMIT_COUNT}</span></h1>
|
||||
<main class="animatedMain">
|
||||
<p>Make sure to check out this project on <a href="https://git.violets-purgatory.dev/bingus_violet/violets-purgatory">Forgejo</a>!</p>
|
||||
<hr>
|
||||
|
|
@ -37,7 +34,7 @@
|
|||
<h2>{Violet}</h2>
|
||||
<div style="display: flex; justify-content: center; align-items: center;">
|
||||
<div style="width: 50%;">
|
||||
<img draggable="false" src="https://api.violets-purgatory.dev/v1/pfp?width=256&height=256" class="pfp">
|
||||
<img draggable="false" src="https://api.violets-purgatory.dev/v1/pfp" class="pfp">
|
||||
</div>
|
||||
<div style="width: 50%;">
|
||||
<div style="float: left;">
|
||||
|
|
@ -72,6 +69,7 @@
|
|||
<div id="activityHtml">
|
||||
{ACTIVITIES}
|
||||
</div>
|
||||
|
||||
{ANNOUNCEMENT}
|
||||
|
||||
<h2><hr>Services</h2>
|
||||
|
|
|
|||
10716
static/jquery.js
vendored
Normal file
10716
static/jquery.js
vendored
Normal file
File diff suppressed because it is too large
Load diff
1237
static/js/cash.js
1237
static/js/cash.js
File diff suppressed because it is too large
Load diff
|
|
@ -1,26 +0,0 @@
|
|||
const discStatuses = {
|
||||
"online": {
|
||||
"text": "Online",
|
||||
"color": "rgb(100, 255, 100)"
|
||||
},
|
||||
"dnd": {
|
||||
"text": "DND",
|
||||
"color": "rgb(255, 100, 100)"
|
||||
},
|
||||
"idle": {
|
||||
"text": "Idle",
|
||||
"color": "rgb(255, 255, 75)"
|
||||
},
|
||||
"offline": {
|
||||
"text": "",
|
||||
"color": "rgb(175, 175, 200)"
|
||||
}
|
||||
}
|
||||
|
||||
var teto = false
|
||||
|
||||
var date = new Date()
|
||||
|
||||
if (date.getDay() == 2) {
|
||||
teto = true
|
||||
}
|
||||
|
|
@ -1,79 +0,0 @@
|
|||
var sock
|
||||
|
||||
var firsttimeDebounce = true
|
||||
|
||||
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.")
|
||||
$("#apiConnected").text("false")
|
||||
setTimeout(() => {
|
||||
socketeer()
|
||||
}, 30000);
|
||||
})
|
||||
|
||||
sock.addEventListener("message", async (data) => {
|
||||
data = data.data
|
||||
data = JSON.parse(data)
|
||||
if (data.op == 4) {
|
||||
$("#apiConnected").text("true")
|
||||
globalSpins = data.spins
|
||||
if (firsttimeDebounce == true) {
|
||||
firsttimeDebounce = false
|
||||
$(".globalSpins").innerHTML = globalSpins + 1;
|
||||
} else {
|
||||
$(".globalSpins").innerHTML = globalSpins;
|
||||
}
|
||||
} else if (data.op == 0) {
|
||||
var lanyard = data.d
|
||||
var statusInfo = discStatuses[lanyard.discord_status]
|
||||
var lastStatus = $(".statusColor")
|
||||
|
||||
if (lastStatus.text() != statusInfo.text) {
|
||||
lastStatus.text(statusInfo.text)
|
||||
lastStatus.css("color", statusInfo.color)
|
||||
|
||||
$(".pfp").css("borderColor", statusInfo.color)
|
||||
}
|
||||
|
||||
// if (lanyard.activities[0] && lanyard.activities[0].type == 4) {
|
||||
// document.querySelector(".customStatus").innerHTML = `<hr><img src=""><p>${lanyard.activities[0].state}</p>`
|
||||
// } else {
|
||||
// document.querySelector(".customStatus").innerHTML = ""
|
||||
// }
|
||||
|
||||
var discFetch = await (await fetch("/discHTML")).text()
|
||||
$("#activityHtml").html(discFetch)
|
||||
} else if (data.op == 3) {
|
||||
lastPong = Date.now()
|
||||
} else {
|
||||
console.log(data)
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
socketeer()
|
||||
|
|
@ -1,7 +0,0 @@
|
|||
window.onbeforeunload = function () {
|
||||
window.scrollTo(0, 0);
|
||||
}
|
||||
|
||||
document.addEventListener("DOMContentLoaded", function() {
|
||||
$("#jsEnabled").text("true")
|
||||
})
|
||||
|
|
@ -1,102 +0,0 @@
|
|||
const spinSpeed = 30
|
||||
var spinFactor = 3
|
||||
|
||||
var pfp
|
||||
|
||||
var music
|
||||
|
||||
if (teto) {
|
||||
music = new Audio("/snds/Triple Baka.ogg")
|
||||
} else {
|
||||
music = new Audio("/snds/Lotus Waters.ogg")
|
||||
}
|
||||
|
||||
music.loop = true
|
||||
music.preservesPitch = false
|
||||
|
||||
var spins = 0
|
||||
var lastSent = 0
|
||||
var globalSpins = 0
|
||||
|
||||
var spinning = false
|
||||
|
||||
var spinWaiting = false
|
||||
|
||||
function resetPFP() {
|
||||
$(".pfp")
|
||||
}
|
||||
|
||||
function lerp(a, b, t) {
|
||||
return a * (1 - t) + b * t
|
||||
}
|
||||
|
||||
function spinLoop() {
|
||||
spinWaiting = true
|
||||
setTimeout(() => {
|
||||
spinWaiting = false
|
||||
if (spinning) {
|
||||
// music.volume = 0.5
|
||||
if (music.currentTime > 6.5 && teto) {
|
||||
spinFactor = 0.25
|
||||
} else {
|
||||
spinFactor = 3
|
||||
}
|
||||
if (!teto) {
|
||||
music.playbackRate = lerp(music.playbackRate, 1, 1/spinSpeed)
|
||||
music.volume = lerp(music.volume, 0.5, 1/spinSpeed)
|
||||
}
|
||||
spins += 1/spinSpeed / spinFactor
|
||||
if (Math.floor(spins) != lastSent && sock && sock.OPEN) {
|
||||
$(".globalSpins").text(globalSpins + 1)
|
||||
lastSent = Math.floor(spins)
|
||||
// resetPFP()
|
||||
sock.send(`{"op": 4}`)
|
||||
if (spins > 1) {
|
||||
$(".spinnyCount").css("display", "block")
|
||||
$(".localSpins").html(lastSent);
|
||||
}
|
||||
}
|
||||
} else {
|
||||
if (!teto) {
|
||||
music.playbackRate = lerp(music.playbackRate, 0.5, 1/spinSpeed)
|
||||
music.volume = lerp(music.volume, -0, 3/spinSpeed)
|
||||
} else {
|
||||
music.pause()
|
||||
music.currentTime = 1.5
|
||||
}
|
||||
|
||||
spins = lerp(spins, Math.round(spins), 1 / spinSpeed * 3)
|
||||
}
|
||||
$(".pfp").css("rotate", (spins * 360) + "deg")
|
||||
spinLoop()
|
||||
}, 1/spinSpeed * 1000);
|
||||
}
|
||||
|
||||
document.addEventListener("DOMContentLoaded", function() {
|
||||
$("#jsEnabled").text("true")
|
||||
|
||||
pfp = $(".pfp")
|
||||
|
||||
spinLoop()
|
||||
|
||||
pfp.on("mousedown", () => {
|
||||
// if (!spinWaiting) {
|
||||
// spinLoop();
|
||||
// }
|
||||
music.play()
|
||||
|
||||
spinning = true
|
||||
})
|
||||
|
||||
document.body.onmouseup = () => {
|
||||
if (music.currentTime != 0) {
|
||||
// music.currentTime = 0
|
||||
// music.pause()
|
||||
|
||||
// whipLash.currentTime = 0
|
||||
// whipLash.play()
|
||||
|
||||
spinning = false
|
||||
}
|
||||
}
|
||||
})
|
||||
|
|
@ -1,50 +0,0 @@
|
|||
function gameTimeFormatter(seconds) {
|
||||
seconds = Math.ceil(seconds / 1000)
|
||||
var minutes = Math.ceil(seconds / 60)
|
||||
var hours = Math.floor(minutes / 60)
|
||||
if (seconds <= 60) {
|
||||
return 'about ' + seconds + ' seconds'
|
||||
} else if (minutes < 60) {
|
||||
return `${minutes} Minutes`
|
||||
}
|
||||
|
||||
return `${hours} hours and ${minutes % 60} minutes`
|
||||
|
||||
}
|
||||
|
||||
function timeFormatter(seconds) {
|
||||
seconds = Math.ceil(seconds / 1000)
|
||||
var minutes = Math.floor(seconds / 60)
|
||||
|
||||
if (seconds % 60 < 10) {
|
||||
return `${minutes}:0${seconds % 60}`
|
||||
} else {
|
||||
return `${minutes}:${seconds % 60}`
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
function secondLoop() {
|
||||
$(".durationBarFormatter").each((_, item) => {
|
||||
item = $(item)
|
||||
item.text(`${timeFormatter((Math.min(Date.now(), item.attr("data-end")) - 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);
|
||||
}
|
||||
|
||||
document.addEventListener("DOMContentLoaded", function() {
|
||||
secondLoop()
|
||||
})
|
||||
269
static/main.js
Normal file
269
static/main.js
Normal file
|
|
@ -0,0 +1,269 @@
|
|||
const discStatuses = {
|
||||
"online": {
|
||||
"text": "Online",
|
||||
"color": "rgb(100, 255, 100)"
|
||||
},
|
||||
"dnd": {
|
||||
"text": "DND",
|
||||
"color": "rgb(255, 100, 100)"
|
||||
},
|
||||
"idle": {
|
||||
"text": "Idle",
|
||||
"color": "rgb(255, 255, 75)"
|
||||
},
|
||||
"offline": {
|
||||
"text": "",
|
||||
"color": "rgb(175, 175, 200)"
|
||||
}
|
||||
}
|
||||
|
||||
const spinSpeed = 30
|
||||
var spinFactor = 3
|
||||
|
||||
var date = new Date()
|
||||
|
||||
var teto = false
|
||||
|
||||
if (date.getDay() == 2) {
|
||||
teto = true
|
||||
}
|
||||
|
||||
var pfp
|
||||
|
||||
var music
|
||||
|
||||
if (teto) {
|
||||
music = new Audio("/snds/Triple Baka.ogg")
|
||||
} else {
|
||||
music = new Audio("/snds/Lotus Waters.ogg")
|
||||
}
|
||||
|
||||
music.loop = true
|
||||
music.preservesPitch = false
|
||||
|
||||
var sock
|
||||
|
||||
var spins = 0
|
||||
var lastSent = 0
|
||||
var globalSpins = 0
|
||||
|
||||
var spinning = false
|
||||
|
||||
var firsttimeDebounce = true
|
||||
|
||||
var spinWaiting = false
|
||||
|
||||
function resetPFP() {
|
||||
$(".pfp").attr("src", "https://api.violets-purgatory.dev/v1/pfp?" + new Date().getTime())
|
||||
}
|
||||
|
||||
function lerp(a, b, t) {
|
||||
return a * (1 - t) + b * t
|
||||
}
|
||||
|
||||
function gameTimeFormatter(seconds) {
|
||||
seconds = Math.ceil(seconds / 1000)
|
||||
var minutes = Math.ceil(seconds / 60)
|
||||
var hours = Math.floor(minutes / 60)
|
||||
if (seconds <= 60) {
|
||||
return 'about ' + seconds + ' seconds'
|
||||
} else if (minutes < 60) {
|
||||
return `${minutes} Minutes`
|
||||
}
|
||||
|
||||
return `${hours} hours and ${minutes % 60} minutes`
|
||||
|
||||
}
|
||||
|
||||
function timeFormatter(seconds) {
|
||||
seconds = Math.ceil(seconds / 1000)
|
||||
var minutes = Math.floor(seconds / 60)
|
||||
|
||||
if (seconds % 60 < 10) {
|
||||
return `${minutes}:0${seconds % 60}`
|
||||
} else {
|
||||
return `${minutes}:${seconds % 60}`
|
||||
}
|
||||
}
|
||||
|
||||
function spinLoop() {
|
||||
spinWaiting = true
|
||||
setTimeout(() => {
|
||||
spinWaiting = false
|
||||
if (spinning) {
|
||||
// music.volume = 0.5
|
||||
if (music.currentTime > 6.5 && teto) {
|
||||
spinFactor = 0.25
|
||||
} else {
|
||||
spinFactor = 3
|
||||
}
|
||||
if (!teto) {
|
||||
music.playbackRate = lerp(music.playbackRate, 1, 1/spinSpeed)
|
||||
music.volume = lerp(music.volume, 0.5, 1/spinSpeed)
|
||||
}
|
||||
spins += 1/spinSpeed / spinFactor
|
||||
if (Math.floor(spins) != lastSent && sock && sock.OPEN) {
|
||||
$(".globalSpins").text(globalSpins + 1)
|
||||
lastSent = Math.floor(spins)
|
||||
// resetPFP()
|
||||
sock.send(`{"op": 4}`)
|
||||
if (spins > 1) {
|
||||
$(".spinnyCount").css("display", "block")
|
||||
$(".localSpins").html(lastSent);
|
||||
}
|
||||
}
|
||||
} else {
|
||||
if (!teto) {
|
||||
music.playbackRate = lerp(music.playbackRate, 0.5, 1/spinSpeed)
|
||||
music.volume = lerp(music.volume, -0, 3/spinSpeed)
|
||||
} else {
|
||||
music.pause()
|
||||
music.currentTime = 1.5
|
||||
}
|
||||
|
||||
spins = lerp(spins, Math.round(spins), 1 / spinSpeed * 3)
|
||||
}
|
||||
$(".pfp").css("rotate", (spins * 360) + "deg")
|
||||
spinLoop()
|
||||
}, 1/spinSpeed * 1000);
|
||||
}
|
||||
|
||||
function secondLoop() {
|
||||
$(".durationBarFormatter").each((_, item) => {
|
||||
item = $(item)
|
||||
item.text(`${timeFormatter((Math.min(Date.now(), item.attr("data-end")) - 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.scrollTo(0, 0);
|
||||
}
|
||||
|
||||
document.addEventListener("DOMContentLoaded", function() {
|
||||
$("#jsEnabled").text("true")
|
||||
|
||||
pfp = $(".pfp")
|
||||
|
||||
spinLoop()
|
||||
secondLoop()
|
||||
|
||||
pfp.on("mousedown", () => {
|
||||
// if (!spinWaiting) {
|
||||
// spinLoop();
|
||||
// }
|
||||
music.play()
|
||||
|
||||
spinning = true
|
||||
|
||||
pfp.css("transition", "")
|
||||
|
||||
pfp.css("scale", "1.1")
|
||||
})
|
||||
|
||||
document.body.onmouseup = () => {
|
||||
if (music.currentTime != 0) {
|
||||
// music.currentTime = 0
|
||||
// music.pause()
|
||||
|
||||
// whipLash.currentTime = 0
|
||||
// whipLash.play()
|
||||
|
||||
spinning = false
|
||||
|
||||
// pfp.style.transition = "all 3s cubic-bezier(0.39, 0.575, 0.565, 1)"
|
||||
|
||||
pfp.css("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.")
|
||||
$("#apiConnected").text("false")
|
||||
setTimeout(() => {
|
||||
socketeer()
|
||||
}, 30000);
|
||||
})
|
||||
|
||||
sock.addEventListener("message", async (data) => {
|
||||
data = data.data
|
||||
data = JSON.parse(data)
|
||||
if (data.op == 4) {
|
||||
$("#apiConnected").text("true")
|
||||
globalSpins = data.spins
|
||||
if (firsttimeDebounce == true) {
|
||||
firsttimeDebounce = false
|
||||
$(".globalSpins").innerHTML = globalSpins + 1;
|
||||
} else {
|
||||
$(".globalSpins").innerHTML = globalSpins;
|
||||
}
|
||||
} else if (data.op == 0) {
|
||||
var lanyard = data.d
|
||||
var statusInfo = discStatuses[lanyard.discord_status]
|
||||
var lastStatus = $(".statusColor")
|
||||
|
||||
if (lastStatus.text() != statusInfo.text) {
|
||||
lastStatus.text(statusInfo.text)
|
||||
lastStatus.css("color", statusInfo.color)
|
||||
|
||||
pfp.css("borderColor", statusInfo.color)
|
||||
|
||||
resetPFP()
|
||||
}
|
||||
|
||||
// if (lanyard.activities[0] && lanyard.activities[0].type == 4) {
|
||||
// document.querySelector(".customStatus").innerHTML = `<hr><img src=""><p>${lanyard.activities[0].state}</p>`
|
||||
// } else {
|
||||
// document.querySelector(".customStatus").innerHTML = ""
|
||||
// }
|
||||
|
||||
var discFetch = await (await fetch("/discHTML")).text()
|
||||
$("#activityHtml").html(discFetch)
|
||||
} else if (data.op == 3) {
|
||||
lastPong = Date.now()
|
||||
} else {
|
||||
console.log(data)
|
||||
}
|
||||
})
|
||||
}
|
||||
|
|
@ -3,17 +3,11 @@
|
|||
intended for the main page of the site!
|
||||
*/
|
||||
|
||||
body {
|
||||
animation: hideContent 1s;
|
||||
}
|
||||
|
||||
.mainTitle {
|
||||
font-size: min(calc(2rem + 2vw), 3rem);
|
||||
display: block;
|
||||
padding-top: 5px;
|
||||
line-height: min(calc(2.2rem + 2vw), 3rem);
|
||||
|
||||
color: rgb(175, 125, 255);
|
||||
}
|
||||
|
||||
#card {
|
||||
|
|
@ -40,8 +34,6 @@ body {
|
|||
|
||||
.animatedTitle {
|
||||
animation: mainText 2s cubic-bezier(0.075, 0.82, 0.165, 1);
|
||||
/* animation-delay: 1s; */
|
||||
animation-fill-mode: both;
|
||||
margin: auto;
|
||||
max-width: 75%;
|
||||
padding-top: 30px;
|
||||
|
|
@ -49,9 +41,8 @@ body {
|
|||
}
|
||||
|
||||
.animatedMain {
|
||||
animation: fadeDelay 1s cubic-bezier(0.075, 0.82, 0.165, 1);
|
||||
animation-delay: 1.25s;
|
||||
animation-fill-mode: both;
|
||||
opacity: 1;
|
||||
animation: fadeDelay 2s cubic-bezier(0.075, 0.82, 0.165, 1);
|
||||
}
|
||||
|
||||
.pfp {
|
||||
|
|
@ -70,10 +61,6 @@ body {
|
|||
animation-iteration-count: infinite;
|
||||
}
|
||||
|
||||
.pfp:active {
|
||||
scale: 1.1;
|
||||
}
|
||||
|
||||
.CLAlign {
|
||||
display: inline-block;
|
||||
}
|
||||
|
|
@ -95,10 +82,6 @@ img:not(.project-inner > div > img):not(.activity>img) {
|
|||
transition: all 2s cubic-bezier(0.075, 0.82, 0.165, 1);
|
||||
}
|
||||
|
||||
.statusColor {
|
||||
transition: color 2s cubic-bezier(0.075, 0.82, 0.165, 1);
|
||||
}
|
||||
|
||||
@keyframes spinny {
|
||||
0% {
|
||||
rotate: 0deg;
|
||||
|
|
@ -109,26 +92,16 @@ img:not(.project-inner > div > img):not(.activity>img) {
|
|||
}
|
||||
}
|
||||
|
||||
@keyframes fadeDelay {
|
||||
0% {
|
||||
display: none;
|
||||
opacity: 0;
|
||||
transform: translateY(25vh);
|
||||
}
|
||||
|
||||
100% {
|
||||
display: block;
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes mainText {
|
||||
0% {
|
||||
transform: translateY(calc(50vh - 6rem)) scale(1.5);
|
||||
opacity: 0;
|
||||
/* height: 4rem; */
|
||||
}
|
||||
|
||||
50% {
|
||||
opacity: 1;
|
||||
/* height: 4rem; */
|
||||
transform: translateY(calc(50vh - 6rem)) scale(1.25);
|
||||
}
|
||||
|
||||
|
|
@ -137,13 +110,35 @@ img:not(.project-inner > div > img):not(.activity>img) {
|
|||
}
|
||||
}
|
||||
|
||||
.statusColor {
|
||||
transition: color 2s cubic-bezier(0.075, 0.82, 0.165, 1);
|
||||
}
|
||||
|
||||
@keyframes fadeDelay {
|
||||
0% {
|
||||
opacity: 0;
|
||||
display: none;
|
||||
}
|
||||
|
||||
66% {
|
||||
opacity: 0;
|
||||
transform: translateY(25vh);
|
||||
display: none;
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
transform: none;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes hideContent {
|
||||
0% {
|
||||
overflow-y: hidden;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
100% {
|
||||
30% {
|
||||
overflow-y: hidden;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -5,7 +5,8 @@
|
|||
<link rel="stylesheet" type="text/css" href="../style.css">
|
||||
<link rel="stylesheet" type="text/css" href="../subpage.css">
|
||||
|
||||
{SUBPAGE_JS}
|
||||
<script src="../jquery.js"></script>
|
||||
<script src="../main.js"></script>
|
||||
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
|
|
|||
|
|
@ -5,7 +5,8 @@
|
|||
<link rel="stylesheet" type="text/css" href="../style.css">
|
||||
<link rel="stylesheet" type="text/css" href="../subpage.css">
|
||||
|
||||
{SUBPAGE_JS}
|
||||
<script src="../jquery.js"></script>
|
||||
<script src="../main.js"></script>
|
||||
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
|
|
|||
|
|
@ -65,10 +65,14 @@ main:nth-of-type(1), .mainDiv {
|
|||
}
|
||||
|
||||
body {
|
||||
background-color: rgb(20, 4, 50);
|
||||
overflow-x: hidden;
|
||||
|
||||
background-color: rgb(55, 4, 75);
|
||||
background: linear-gradient(rgb(30, 4, 75), black);
|
||||
|
||||
background-attachment: local;
|
||||
|
||||
animation: hideContent 2.5s;
|
||||
}
|
||||
|
||||
body, html {
|
||||
|
|
|
|||
Loading…
Reference in a new issue