package updates + image optimization + sourcecode beautification

website/scripts/binkies.ts

@@ -22,20 +22,18 @@ const binky = [
   ["https://windigone.nekoweb.org", "windigone.gif"],
   ["https://eye.nekoweb.org", "eye.gif"],
   ["https://yumeo.nekoweb.org", "yumeo.gif"],
-  ["insane.gif", "piracy.gif", "dsb.gif", "universe.gif"]
+  ["insane.gif", "piracy.gif", "dsb.gif", "universe.gif"],
 ];
 
 binky.forEach((z, i) => {
-  if(i == binky.length-1) {
-    z.forEach(g => {
+  if (i == binky.length - 1) {
+    z.forEach((g) => {
       const img = document.createElement("img");
-    
+
       img.src = `/assets/binkies/${g}`;
-      img.width = 88;
-      img.height = 31;
       img.alt = `!! binkie !!`;
       binkies.appendChild(img);
-    })
+    });
     return;
   }
 
@@ -45,7 +43,7 @@ binky.forEach((z, i) => {
   a.className = "hasBadge";
 
   const img = document.createElement("img");
-  
+
   img.src = `/assets/binkies/${z[1]}`;
   img.width = 88;
   img.height = 31;

website/scripts/commit.ts

@@ -8,21 +8,20 @@ const commit = document.getElementById("commit");
 const a = document.createElement("a");
 a.href = `https://git.sad.ovh/sophie/website/commit/${git.commit}`;
 
-const h2 = document.createElement("h2")
+const h2 = document.createElement("h2");
 h2.innerText = git.message;
 
 a.appendChild(h2);
 
 const p = document.createElement("p");
-p.innerText = `${timeAgo(date)} -- ${git.date}`
+p.innerText = `${timeAgo(date)} -- ${git.date}`;
 
 const p2 = document.createElement("p");
-p2.innerText = `commit by ${git.author.replace(/[^ ]*@.*/, "")}`
-
-commit?.appendChild(a)
-commit?.appendChild(p)
-commit?.appendChild(p2)
+p2.innerText = `commit by ${git.author.replace(/[^ ]*@.*/, "")}`;
 
+commit?.appendChild(a);
+commit?.appendChild(p);
+commit?.appendChild(p2);
 
 //           <h1>More binkies + thinliquid's logo!! tysm :3</h1>
 //<p>20 minutes ago -- 2024-08-29 22:00:36 GMT+3</p>

website/scripts/lastfm.ts

@@ -47,54 +47,60 @@ const lastFM = {
   apiKey: "816cfe50ddeeb73c9987b85de5c19e71",
   constructUrl: (method: string, parameters: Record<string, any>) => {
     const defaultParams = {
-        format: "json",
-        api_key: lastFM.apiKey,
-        method
-    } 
-    
+      format: "json",
+      api_key: lastFM.apiKey,
+      method,
+    };
+
     Object.assign(parameters, defaultParams);
-    
-    return "https://ws.audioscrobbler.com/2.0/?" + new URLSearchParams(parameters).toString()
+
+    return (
+      "https://ws.audioscrobbler.com/2.0/?" +
+      new URLSearchParams(parameters).toString()
+    );
   },
   getRecentTracks: async (user: string): Promise<GetRecentTracksType> => {
-    const request = await fetch(lastFM.constructUrl("User.getrecenttracks", {user, limit: 1}));
+    const request = await fetch(
+      lastFM.constructUrl("User.getrecenttracks", { user, limit: 1 })
+    );
     return await request.json();
   },
 };
 
 (async () => {
-    const recentTracks = await lastFM.getRecentTracks("yourfriendoss");
-    const track = recentTracks.recenttracks.track[0];
-    if(!track) return;
-    const lastFMElement = document.getElementById("lastfm")!
-    lastFMElement.innerHTML = "";
-    const img = document.createElement("img");
-    img.width = 174
-    img.height = 174
-    img.alt = "last.fm album art"
-    let imageUrl = track.image.find(z => z.size == "large")?.["#text"];
-    if(!imageUrl) imageUrl = track.image.at(-1)?.["#text"]!;
-  
-    img.src = imageUrl;
-    lastFMElement?.appendChild(img);
+  const recentTracks = await lastFM.getRecentTracks("yourfriendoss");
+  const track = recentTracks.recenttracks.track[0];
+  if (!track) return;
+  const lastFMElement = document.getElementById("lastfm")!;
+  lastFMElement.innerHTML = "";
+  const img = document.createElement("img");
+  img.width = 174;
+  img.height = 174;
+  img.alt = "last.fm album art";
+  let imageUrl = track.image.find((z) => z.size == "large")?.["#text"];
+  if (!imageUrl) imageUrl = track.image.at(-1)?.["#text"]!;
 
-    const div = document.createElement("div");
-    const h1 = document.createElement("h1");
-    const spanArtist = document.createElement("span");
-    const spanTitle = document.createElement("span");
+  img.src = imageUrl;
+  lastFMElement?.appendChild(img);
 
-    h1.innerText = track["@attr"]?.nowplaying ? "listening to Now" : "listened to " + timeAgo((+track.date?.uts!)*1000)
-    h1.style.margin = "0";
+  const div = document.createElement("div");
+  const h1 = document.createElement("h1");
+  const spanArtist = document.createElement("span");
+  const spanTitle = document.createElement("span");
 
-    spanArtist.style.fontSize = "xx-large";
-    spanTitle.style.fontSize = "x-large";
+  h1.innerText = track["@attr"]?.nowplaying
+    ? "listening to Now"
+    : "listened to " + timeAgo(+track.date?.uts! * 1000);
+  h1.style.margin = "0";
 
-    spanArtist.innerText = track.artist["#text"];
-    spanTitle.innerText = track.name;
-    
-    div.appendChild(h1)
-    div.appendChild(spanArtist)
-    div.appendChild(spanTitle)
-    lastFMElement?.appendChild(div);
+  spanArtist.style.fontSize = "xx-large";
+  spanTitle.style.fontSize = "x-large";
 
-})();
+  spanArtist.innerText = track.artist["#text"];
+  spanTitle.innerText = track.name;
+
+  div.appendChild(h1);
+  div.appendChild(spanArtist);
+  div.appendChild(spanTitle);
+  lastFMElement?.appendChild(div);
+})();

website/scripts/particles.ts

@@ -94,17 +94,21 @@ document.documentElement.addEventListener("mousemove", (event) => {
   particles.push(particle);
 });
 
-document.documentElement.addEventListener("touchmove", function(e) {
-  for(let i = 0; i < e.touches.length; i++) {
-    if (Date.now() - lastMoveTimestamp < 50) {
-      return;
-    }
-  
-    lastMoveTimestamp = Date.now();
-    const touch = e.touches.item(i);
-    if(!touch) return;
+document.documentElement.addEventListener(
+  "touchmove",
+  function (e) {
+    for (let i = 0; i < e.touches.length; i++) {
+      if (Date.now() - lastMoveTimestamp < 50) {
+        return;
+      }
 
-    const particle = new Particle(touch.pageX, touch.pageY);
-    particles.push(particle);
-  }
-}, false);
+      lastMoveTimestamp = Date.now();
+      const touch = e.touches.item(i);
+      if (!touch) return;
+
+      const particle = new Particle(touch.pageX, touch.pageY);
+      particles.push(particle);
+    }
+  },
+  false
+);