refactor: website style overhaul

feat: add FurAffinity

static/arrow_downward.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#e8eaed"><path d="M440-800v487L216-537l-56 57 320 320 320-320-56-57-224 224v-487h-80Z"/></svg>

static/assets/fur-affinity.svg

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg fill="#000000" width="800px" height="800px" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
+  <path d="M22.427 6.844l-0.344 2.656 3.245 0.958 0.042 2.865 2.974 0.057-0.073 3.005 2.891-0.188c0.005-1.010 0.068-6.724 0.839-9.354zM15.141 24.318c0.073-0.281 0-1.203 0-1.526l-0.063-1.948c-2.698-0.115-5.604 0.427-5.604 2.911 0 0.542 0.229 1.026 0.568 1.401h4.417c0.333-0.188 0.578-0.448 0.682-0.839zM27.188 17.422l0.068-2.995-2.938-0.057-0.047-3.229-3.37-1.151 0.453-3.146h-12.573c-5.094 0-8.781 4.339-8.781 9.089v9.224h5.49c-0.036-0.333-0.047-0.672-0.031-1.005 0.198-4.891 5.599-5.729 9.656-5.609v-1.406c-0.068-1.135-0.99-2.141-3.656-2.141-1.776 0-3.885 0.229-5.25 0.724l0.359-3.182c1.307-0.365 2.776-0.724 5.938-0.724 6.099 0 6.771 2.703 6.724 5.844l-0.031 7.5h3.307v-0.005l0.125 0.005c4.406 0 8.031-3.589 8.484-7.891z"/>
+</svg>

static/file_icon.svg

@@ -1,3 +0,0 @@
-<svg width="30" height="37" viewBox="0 0 30 37" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M18.75 0H3.75C2.75544 0 1.80161 0.38982 1.09835 1.0837C0.395088 1.77759 0 2.7187 0 3.7V33.3C0 35.3535 1.66875 37 3.75 37H26.25C28.3313 37 30 35.3535 30 33.3V11.1L18.75 0ZM26.25 33.3H3.75V3.7H16.875V12.95H26.25V33.3ZM10.3875 25.2525L14.3063 29.119L11.9063 31.45L5.625 25.2525L11.9063 19.055L14.3063 21.386L10.3875 25.2525ZM24.375 25.2525L18.0937 31.45L15.7125 29.119L19.6313 25.2525L15.7125 21.386L18.0937 19.055L24.375 25.2525Z" fill="white"/>
-</svg>

static/script.js

@@ -28,7 +28,7 @@ function deletePreviousTrack(newTrackName) {
       prevTrackNameLen - removed
     );
 
-    if (removed == prevTrackNameLen - 1) {
+    if (removed == prevTrackNameLen) {
       clearInterval(DELETE_INTERVAL);
       updateTrack(newTrackName);
       return true;
@@ -51,9 +51,6 @@ function updateTrack(newTrackName) {
 
     if (added == TrackNameLen) {
       clearInterval(UPDATE_INTERVAL);
-      setTimeout(() => {
-        trackName.innerHTML += '"';
-      }, SYMBOL_DELAY);
       trackName.style.setProperty("--cursor-animation", "blink");
       setTimeout(() => {
         trackName.style.setProperty("--cursor-color", "transparent");
@@ -66,7 +63,6 @@ function updateTrack(newTrackName) {
 async function updatePlayingTrack() {
   const trackName = document.getElementById("track-name");
   const prevTrackName = trackName.innerHTML;
-  const prevTrackNameLen = trackName.innerHTML.length;
 
   fetch("https://lastfm-last-played.biancarosa.com.br/radiquum/latest-song")
     .then((res) => {
@@ -77,7 +73,7 @@ async function updatePlayingTrack() {
     })
     .then((data) => {
       if (
-        prevTrackName != `"${data.track.artist["#text"]} - ${data.track.name}"`
+        prevTrackName != `${data.track.artist["#text"]} - ${data.track.name}`
       ) {
         trackName.style.setProperty("--cursor-color", "#fff");
         trackName.style.setProperty("--cursor-animation", "blink");
@@ -100,7 +96,7 @@ let last_Y_pos = 0;
 let header_opacity = 0;
 
 window.onscroll = () => {
-  let landingBlock = document.getElementById("section_landing").clientHeight;
+  let landingBlock = document.getElementById("landing").clientHeight;
 
   if (window.scrollY < (landingBlock * HEADER_ACTIVATION_PERCENT)) {
     header.style.display = "none";