From 3352ceb7969402716a28fb82c7ceaeb5b14b9131 Mon Sep 17 00:00:00 2001 From: bingus_violet Date: Thu, 25 Apr 2024 20:01:02 -0500 Subject: [PATCH] PNGs --- pageUpdater.js | 11 +++++++---- static/root.css | 21 --------------------- 2 files changed, 7 insertions(+), 25 deletions(-) diff --git a/pageUpdater.js b/pageUpdater.js index 7a3ad0f..f983850 100644 --- a/pageUpdater.js +++ b/pageUpdater.js @@ -25,6 +25,8 @@ function firstToUpper(str) { } var thumborURL = "https://thumbor.violets-purgatory.dev/unsafe/" +var imgExtension = "png" +var thumborArgs = `filters:format(${imgExtension})/` function timeFormatter(seconds) { seconds = Math.ceil(seconds) @@ -272,11 +274,12 @@ function socketeer() { if (get_img_url(activity)) { var url = get_img_url(activity) - var fn = Math.ceil(Math.random() * 100_000_000_000).toString() + var fn = Math.ceil(Math.random() * 100_000_000_000).toString() + "." + imgExtension var fp = path.join(__dirname, 'cached', fn) if (!cachedImages[url]) { - const response = await (await fetch(thumborURL + "200x200/" + url)).arrayBuffer() + const response = await (await fetch(thumborURL + "200x200/" + thumborArgs + url)).arrayBuffer() + console.log(url) fs.writeFileSync(fp, Buffer.from(response)) cachedImages[url] = fn @@ -285,11 +288,11 @@ function socketeer() { if (get_img_url(activity, "small_image")) { var url = get_img_url(activity, "small_image") - var fn = Math.ceil(Math.random() * 100_000_000_000).toString() + var fn = Math.ceil(Math.random() * 100_000_000_000).toString() + "." + imgExtension var fp = path.join(__dirname, 'cached', fn) if (!cachedImages[url]) { - const response = await (await fetch(thumborURL + "64x64/" + url)).arrayBuffer() + const response = await (await fetch(thumborURL + "64x64/" + thumborArgs + url)).arrayBuffer() fs.writeFileSync(fp, Buffer.from(response)) diff --git a/static/root.css b/static/root.css index bebb8dd..662e888 100644 --- a/static/root.css +++ b/static/root.css @@ -87,27 +87,6 @@ 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%; -} - -.lengthBar>span { - margin: 0; - padding: 0; - width: 100%; - background-color: rgb(200, 200, 230); - height: 20px; - display: block; - position: relative; -} - @keyframes spinny { 0% { rotate: 0deg;