From 47916d124f3aa2429ea0064dc02e7a12d30afb10 Mon Sep 17 00:00:00 2001
From: dginovker <danielginovker@gmail.com>
Date: Mon, 8 May 2023 01:10:29 +0900
Subject: [PATCH] Funorb - Add and hook up optional warning parameter to games

---
 services/m=funorb/data.json |  3 ++-
 services/m=funorb/game.html | 31 +++++++++++++++++--------------
 2 files changed, 19 insertions(+), 15 deletions(-)

diff --git a/services/m=funorb/data.json b/services/m=funorb/data.json
index ac5f30bae..341a14a83 100644
--- a/services/m=funorb/data.json
+++ b/services/m=funorb/data.json
@@ -3,7 +3,8 @@
     "name": "Age of War",
     "image": "./img/ageofwar.avif",
     "swf": "./swfs/ageofwar.swf",
-    "forum": "https://forum.2009scape.org/viewtopic.php?t=383-age-of-war"
+    "forum": "https://forum.2009scape.org/viewtopic.php?t=383-age-of-war",
+    "warn": "Warning: This game is very LOUD"
   },
   "bloonstd1": {
     "name": "Bloons TD 1",
diff --git a/services/m=funorb/game.html b/services/m=funorb/game.html
index c5f496de9..225bc37a7 100644
--- a/services/m=funorb/game.html
+++ b/services/m=funorb/game.html
@@ -90,7 +90,7 @@ en">
           </div>
           <div>
 
-            <span style="color: red;" id="warning"></span>
+            <div style="color: red; margin-top: 1rem;" id="warning"></div>
             <div id="notFound" style="display: none">
               <br />
               Return to <a href="./gamelist.html">the game list</a> and try again.
@@ -98,7 +98,7 @@ en">
 
             <div id="theGameScreen" style="height: max-content;">
               <script src="https://unpkg.com/@ruffle-rs/ruffle"></script>
-              <div style="text-align: center; padding-top: 1.5rem; padding-bottom: 1.5rem;">
+              <div style="text-align: center; padding-top: 0.5rem; padding-bottom: 1.5rem;">
                 <div id="swfgamecontainer">
                 </div>
               </div>
@@ -164,9 +164,9 @@ en">
 <script>
   fetch("data.json")
     .then(async response => {
-      console.log(response)
+      // console.log(response)
       const data = await response.json();
-      console.log(data);
+      // console.log(data);
       // Get the current game parameter from URL
       const urlParams = new URLSearchParams(window.location.search);
       const game = urlParams.get('game');
@@ -179,18 +179,21 @@ en">
         document.getElementById('notFound').style.display = '';
       } 
 
-      window.RufflePlayer = window.RufflePlayer || {};
-      window.addEventListener("load", (event) => {
-          const ruffle = window.RufflePlayer.newest();
-          const player = ruffle.createPlayer();
-          const container = document.getElementById("swfgamecontainer");
-          container.appendChild(player);
-          player.load(gameData.swf);
-          player.style.width = "680px";
-          player.style.height = "480px";
-      });
       document.getElementById('talkInForums').setAttribute('href', gameData?.forum || "https://forum.2009scape.org/viewforum.php?f=26-website-games");
       document.getElementById('talkInForums2').setAttribute('href', gameData?.forum || "https://forum.2009scape.org/viewforum.php?f=26-website-games");
+
+      if (gameData.warn) document.getElementById('warning').innerHTML = gameData.warn;
+
+      window.RufflePlayer = window.RufflePlayer || {};
+      console.log("Loading Ruffle...");
+      const ruffle = window.RufflePlayer.newest();
+      const player = ruffle.createPlayer();
+      const container = document.getElementById("swfgamecontainer");
+      container.appendChild(player);
+      player.load(gameData.swf);
+      player.style.width = "680px";
+      player.style.height = "480px";
+      console.log(player);
   });
 </script>