Randomly chooses an image proxy to reduce traffic and increase speed
This commit is contained in:
parent
5440b6b8e8
commit
9ebcf125ea
2 changed files with 19 additions and 4 deletions
21
index.js
21
index.js
|
@ -15,6 +15,20 @@ var lanyardData = undefined
|
||||||
|
|
||||||
var discData = null
|
var discData = null
|
||||||
|
|
||||||
|
var thumborInstances = [
|
||||||
|
"https://thumbor-production-0e82.up.railway.app/",
|
||||||
|
"https://enormous-book-production.up.railway.app/",
|
||||||
|
"https://unusual-back-production.up.railway.app/",
|
||||||
|
"https://axiomatic-hair-production.up.railway.app/",
|
||||||
|
]
|
||||||
|
|
||||||
|
var thumbCount = 0
|
||||||
|
|
||||||
|
function getThumbor() {
|
||||||
|
thumbCount += 1
|
||||||
|
return thumborInstances[thumbCount % thumborInstances.length] + "unsafe"
|
||||||
|
}
|
||||||
|
|
||||||
const activityImages = {
|
const activityImages = {
|
||||||
"ULTRAKILL": "https://fs.violets-purgatory.dev/ULTRAKILL/etc/DiscordIcon.webp"
|
"ULTRAKILL": "https://fs.violets-purgatory.dev/ULTRAKILL/etc/DiscordIcon.webp"
|
||||||
}
|
}
|
||||||
|
@ -71,7 +85,7 @@ function pageUpdate() {
|
||||||
addedHTML += "<hr><p>"
|
addedHTML += "<hr><p>"
|
||||||
if (status.emoji) {
|
if (status.emoji) {
|
||||||
if (status.emoji.id) {
|
if (status.emoji.id) {
|
||||||
addedHTML += `<img class="emoji" src="https://thumbor-production-0e82.up.railway.app/unsafe/https://cdn.discordapp.com/emojis/${status.emoji.id}.webp?size=32&quality=lossless"/> `
|
addedHTML += `<img class="emoji" src="${getThumbor()}/https://cdn.discordapp.com/emojis/${status.emoji.id}.webp?size=32&quality=lossless"/> `
|
||||||
} else {
|
} else {
|
||||||
addedHTML += status.emoji.name
|
addedHTML += status.emoji.name
|
||||||
}
|
}
|
||||||
|
@ -158,7 +172,7 @@ function pageUpdate() {
|
||||||
if (activity.type == 2) {
|
if (activity.type == 2) {
|
||||||
addedHTML += `
|
addedHTML += `
|
||||||
<div class="chip activity col-md-6 testing">
|
<div class="chip activity col-md-6 testing">
|
||||||
<img src="https://thumbor-production-0e82.up.railway.app/unsafe/256x256/${get_img()}" title="${activity.assets.large_text || activity.assets.small_text}">
|
<img src="${getThumbor()}/256x256/${get_img()}" title="${activity.assets.large_text || activity.assets.small_text}">
|
||||||
<p>
|
<p>
|
||||||
Listening to <span style="color: limegreen;">${activity.name}</span>
|
Listening to <span style="color: limegreen;">${activity.name}</span>
|
||||||
<br> Song: ${activity.details || " "}
|
<br> Song: ${activity.details || " "}
|
||||||
|
@ -177,7 +191,7 @@ function pageUpdate() {
|
||||||
|
|
||||||
addedHTML += `
|
addedHTML += `
|
||||||
<div class="chip activity col-md-6 testing">
|
<div class="chip activity col-md-6 testing">
|
||||||
<img src="https://thumbor-production-0e82.up.railway.app/unsafe/${get_img()}" title="${activity.assets.large_text || activity.assets.small_text}">
|
<img src="${getThumbor()}/${get_img()}" title="${activity.assets.large_text || activity.assets.small_text}">
|
||||||
<p>
|
<p>
|
||||||
Playing <span style="color: rgb(255, 100, 150);">${activity.name}</span>
|
Playing <span style="color: rgb(255, 100, 150);">${activity.name}</span>
|
||||||
<br> ${activity.details || activity.assets.large_text || " "}
|
<br> ${activity.details || activity.assets.large_text || " "}
|
||||||
|
@ -224,6 +238,7 @@ function pageUpdate() {
|
||||||
|
|
||||||
html = '<!-- The following code is dynamically generated, I apologize for any formatting errors. Please view the "resources/mainPage.html" on the codeberg repository for something more readable. -->\n' + html
|
html = '<!-- The following code is dynamically generated, I apologize for any formatting errors. Please view the "resources/mainPage.html" on the codeberg repository for something more readable. -->\n' + html
|
||||||
|
|
||||||
|
html = html.replace("{THUMBOR}", getThumbor())
|
||||||
// fetch('https://github.com/Violets-puragtory/Violets-Purgatory.dev')
|
// fetch('https://github.com/Violets-puragtory/Violets-Purgatory.dev')
|
||||||
// .then(((data) => data.text()))
|
// .then(((data) => data.text()))
|
||||||
// .then((text) => {
|
// .then((text) => {
|
||||||
|
|
|
@ -27,7 +27,7 @@
|
||||||
<div class="container-fluid row" id="card">
|
<div class="container-fluid row" id="card">
|
||||||
<h2>Violet</h2>
|
<h2>Violet</h2>
|
||||||
<div style="display: flex; justify-content: center; align-items: center;">
|
<div style="display: flex; justify-content: center; align-items: center;">
|
||||||
<img src="https://thumbor-production-0e82.up.railway.app/unsafe/https://api.lanyard.rest/534132311781015564.png" class="pfp">
|
<img src="{THUMBOR}/https://api.lanyard.rest/534132311781015564.png" class="pfp">
|
||||||
<div>
|
<div>
|
||||||
<p><a href="pronouns">They/Them</a></p>
|
<p><a href="pronouns">They/Them</a></p>
|
||||||
<p>Developer</p>
|
<p>Developer</p>
|
||||||
|
|
Loading…
Reference in a new issue