astro/public/scripts/sound.js

@@ -4,6 +4,15 @@ const clickSound = new Audio(
 const hoverSound = new Audio(
   "/assets/sounds/ui/zapsplat_button_click_bright_2.mp3"
 );
+const phonewaveSound = new Audio(
+  "/assets/sounds/sciadv/phonewave/phonewave.ogg"
+);
+const startLeapSound = new Audio(
+  "/assets/sounds/sciadv/phonewave/begin-leap.ogg"
+);
+const stopLeapSound = new Audio(
+  "/assets/sounds/sciadv/phonewave/SE11_03.ogg"
+);
 
 // Sound effects
 function PlaySound(soundobj) {
@@ -20,6 +29,8 @@ function StopSound(soundobj) {
 const buttons = document.querySelectorAll("button");
 const links = document.querySelectorAll("a");
 const image = document.querySelectorAll("img");
+const phonewave = document.getElementById("phonewave");
+
 
 // biome-ignore lint/complexity/noForEach: <explanation>
 links.forEach((a) => {
@@ -62,3 +73,16 @@ image.forEach((button) => {
   });
   */
 });
+
+
+phonewave.addEventListener("click", () => {
+  phonewaveSound.play();
+  setTimeout(() => {
+    startLeapSound.play();
+    setTimeout(() => {
+      window.location.replace("https://applianceri.ng/next?host=nelle.observer");
+      return;
+    }, 8000);
+    return;
+  }, 10000);
+});

astro/src/components/footer/webrings.astro

@@ -1,6 +1,6 @@
 Web Rings
-<br>
-<a href="https://applianceri.ng/next?host=nelle.observer"><img alt="Future Gadget 8 - PhoneWave (name subject to change)" src="/assets/webrings/phonewave.png" width="100px"></a>
+<br> <!--href="https://applianceri.ng/next?host=nelle.observer" -->
+<a id="phonewave" ><img alt="Future Gadget 8 - PhoneWave (name subject to change)" src="/assets/webrings/phonewave.png" width="100px"></a>
 <br>
 <a href=href="https://stellophiliac.github.io/roboring/nelle/previous"><i class="nf nf-cod-arrow_left"></i></a>
 <a href="https://stellophiliac.github.io/roboring"><!-- <image src="/assets/badges/fediring-badge.gif" alt="Fediring badge" loading="lazy">-->roboring</a>