Add JS worker

public/arc/asset/js/main.js

@@ -0,0 +1,41 @@
+function headerPath() {
+  var path = document.getElementById("path");
+  path.innerText = window.location.host + window.location.pathname;
+}
+window.onload = headerPath();
+function footerYear() {
+  var year = document.getElementById("year");
+  var date = new Date();
+  var dateYear = date.getFullYear();
+  year.innerText = dateYear;
+}
+window.onload = footerYear();
+function playSong() {
+  var audio = new Audio("/arc/asset/audio/blue-salvia.mp3");
+  audio.play();
+  audio.volume = 0.35;
+  audio.loop = true;
+}
+function openPopup() {
+  var popupSong = document.getElementById("popup-song");
+  var popupOverlay = document.getElementById("popup-overlay");
+  var gifAnimated = document.querySelectorAll(".gif.animated");
+  for (let i = 0; i < gifAnimated.length; i++) {
+    gifAnimated[i].style.transform = 'translateY(-125%)';
+  }
+  popupSong.style.display = "flex";
+  popupOverlay.style.display = "block";
+  document.body.style.overflow = "hidden";
+}
+window.onload = openPopup();
+function closePopup() {
+  var popupSong = document.getElementById("popup-song");
+  var popupOverlay = document.getElementById("popup-overlay");
+  var gifAnimated = document.querySelectorAll(".gif.animated");
+  for (let i = 0; i < gifAnimated.length; i++) {
+    gifAnimated[i].style.transform = 'translateY(0%)';
+  }
+  popupSong.style.display = "none";
+  popupOverlay.style.display = "none";
+  document.body.style.overflow = "visible";
+}