From d9a75093bc157cc0f13c898a6385599c72df8590 Mon Sep 17 00:00:00 2001
From: Zane V <zane@allied.org>
Date: Fri, 1 May 2026 02:43:33 +0000
Subject: [PATCH] add html for 5 games

---
 g/factoryballs.html | 50 +++++++++++++++++++++++++++++++++++++++++++++
 g/ib102.html        | 50 +++++++++++++++++++++++++++++++++++++++++++++
 g/qwop.html         | 50 +++++++++++++++++++++++++++++++++++++++++++++
 g/redball4.html     | 50 +++++++++++++++++++++++++++++++++++++++++++++
 g/sugsug.html       | 50 +++++++++++++++++++++++++++++++++++++++++++++
 5 files changed, 250 insertions(+)
 create mode 100644 g/factoryballs.html
 create mode 100644 g/ib102.html
 create mode 100644 g/qwop.html
 create mode 100644 g/redball4.html
 create mode 100644 g/sugsug.html
diff --git a/g/factoryballs.html b/g/factoryballs.html
new file mode 100644
index 0000000..5e5fdfb
--- /dev/null
+++ b/g/factoryballs.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html >
+<script src="https://agi.armorgames.com/ruffle/ruffle.js"></script>
+
+<html lang="en" xml:lang="en">
+	<head>
+		<title>Games4 - Factory Balls</title>
+		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+		<link rel="shortcut icon" type="image/x-icon" href="../images/favicon.png" />
+        <link rel="stylesheet" href="../styles.css">
+	</head>
+	<body>
+        <div class="container">
+            <a href="../index.html"><img src="../images/logo.png" alt="Games4" class="logo"></a>
+            <div class="game-container">
+                <script src="https://unpkg.com/@ruffle-rs/ruffle"></script>
+                <div id="flash-container"></div>
+                <script>
+                    window.RufflePlayer = window.RufflePlayer || {};
+                
+                    let player; // make it accessible
+                
+                    window.addEventListener("load", (event) => {
+                        const ruffle = window.RufflePlayer.newest();
+                        player = ruffle.createPlayer();
+                        const container = document.getElementById("flash-container");
+                        container.appendChild(player);
+                        player.load("flash-files/factoryballs.swf");
+                    });
+                
+                    document.addEventListener("DOMContentLoaded", () => {
+                        const btn = document.getElementById("fullscreen-btn");
+                
+                        btn.addEventListener("click", () => {
+                            const elem = document.getElementById("flash-container");
+                
+                            if (elem.requestFullscreen) {
+                                elem.requestFullscreen();
+                            } else if (elem.webkitRequestFullscreen) { // Safari
+                                elem.webkitRequestFullscreen();
+                            } else if (elem.msRequestFullscreen) { // IE11
+                                elem.msRequestFullscreen();
+                            }
+                        });
+                    });
+                </script>
+            </div>
+            <button id="fullscreen-btn">Fullscreen</button>
+        </div>
+	</body>
+</html>
diff --git a/g/ib102.html b/g/ib102.html
new file mode 100644
index 0000000..efcf3fb
--- /dev/null
+++ b/g/ib102.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html >
+<script src="https://agi.armorgames.com/ruffle/ruffle.js"></script>
+
+<html lang="en" xml:lang="en">
+	<head>
+		<title>Games4 - Interactive Buddy (v1.02)</title>
+		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+		<link rel="shortcut icon" type="image/x-icon" href="../images/favicon.png" />
+        <link rel="stylesheet" href="../styles.css">
+	</head>
+	<body>
+        <div class="container">
+            <a href="../index.html"><img src="../images/logo.png" alt="Games4" class="logo"></a>
+            <div class="game-container">
+                <script src="https://unpkg.com/@ruffle-rs/ruffle"></script>
+                <div id="flash-container"></div>
+                <script>
+                    window.RufflePlayer = window.RufflePlayer || {};
+                
+                    let player; // make it accessible
+                
+                    window.addEventListener("load", (event) => {
+                        const ruffle = window.RufflePlayer.newest();
+                        player = ruffle.createPlayer();
+                        const container = document.getElementById("flash-container");
+                        container.appendChild(player);
+                        player.load("flash-files/Interactive Buddy (1.02).swf");
+                    });
+                
+                    document.addEventListener("DOMContentLoaded", () => {
+                        const btn = document.getElementById("fullscreen-btn");
+                
+                        btn.addEventListener("click", () => {
+                            const elem = document.getElementById("flash-container");
+                
+                            if (elem.requestFullscreen) {
+                                elem.requestFullscreen();
+                            } else if (elem.webkitRequestFullscreen) { // Safari
+                                elem.webkitRequestFullscreen();
+                            } else if (elem.msRequestFullscreen) { // IE11
+                                elem.msRequestFullscreen();
+                            }
+                        });
+                    });
+                </script>
+            </div>
+            <button id="fullscreen-btn">Fullscreen</button>
+        </div>
+	</body>
+</html>
diff --git a/g/qwop.html b/g/qwop.html
new file mode 100644
index 0000000..8f4be43
--- /dev/null
+++ b/g/qwop.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html >
+<script src="https://agi.armorgames.com/ruffle/ruffle.js"></script>
+
+<html lang="en" xml:lang="en">
+	<head>
+		<title>Games4 - QWOP</title>
+		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+		<link rel="shortcut icon" type="image/x-icon" href="../images/favicon.png" />
+        <link rel="stylesheet" href="../styles.css">
+	</head>
+	<body>
+        <div class="container">
+            <a href="../index.html"><img src="../images/logo.png" alt="Games4" class="logo"></a>
+            <div class="game-container">
+                <script src="https://unpkg.com/@ruffle-rs/ruffle"></script>
+                <div id="flash-container"></div>
+                <script>
+                    window.RufflePlayer = window.RufflePlayer || {};
+                
+                    let player; // make it accessible
+                
+                    window.addEventListener("load", (event) => {
+                        const ruffle = window.RufflePlayer.newest();
+                        player = ruffle.createPlayer();
+                        const container = document.getElementById("flash-container");
+                        container.appendChild(player);
+                        player.load("flash-files/qwop.swf");
+                    });
+                
+                    document.addEventListener("DOMContentLoaded", () => {
+                        const btn = document.getElementById("fullscreen-btn");
+                
+                        btn.addEventListener("click", () => {
+                            const elem = document.getElementById("flash-container");
+                
+                            if (elem.requestFullscreen) {
+                                elem.requestFullscreen();
+                            } else if (elem.webkitRequestFullscreen) { // Safari
+                                elem.webkitRequestFullscreen();
+                            } else if (elem.msRequestFullscreen) { // IE11
+                                elem.msRequestFullscreen();
+                            }
+                        });
+                    });
+                </script>
+            </div>
+            <button id="fullscreen-btn">Fullscreen</button>
+        </div>
+	</body>
+</html>
diff --git a/g/redball4.html b/g/redball4.html
new file mode 100644
index 0000000..91d87f6
--- /dev/null
+++ b/g/redball4.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html >
+<script src="https://agi.armorgames.com/ruffle/ruffle.js"></script>
+
+<html lang="en" xml:lang="en">
+	<head>
+		<title>Games4 - Red Ball 4</title>
+		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+		<link rel="shortcut icon" type="image/x-icon" href="../images/favicon.png" />
+        <link rel="stylesheet" href="../styles.css">
+	</head>
+	<body>
+        <div class="container">
+            <a href="../index.html"><img src="../images/logo.png" alt="Games4" class="logo"></a>
+            <div class="game-container">
+                <script src="https://unpkg.com/@ruffle-rs/ruffle"></script>
+                <div id="flash-container"></div>
+                <script>
+                    window.RufflePlayer = window.RufflePlayer || {};
+                
+                    let player; // make it accessible
+                
+                    window.addEventListener("load", (event) => {
+                        const ruffle = window.RufflePlayer.newest();
+                        player = ruffle.createPlayer();
+                        const container = document.getElementById("flash-container");
+                        container.appendChild(player);
+                        player.load("flash-files/redball4.swf");
+                    });
+                
+                    document.addEventListener("DOMContentLoaded", () => {
+                        const btn = document.getElementById("fullscreen-btn");
+                
+                        btn.addEventListener("click", () => {
+                            const elem = document.getElementById("flash-container");
+                
+                            if (elem.requestFullscreen) {
+                                elem.requestFullscreen();
+                            } else if (elem.webkitRequestFullscreen) { // Safari
+                                elem.webkitRequestFullscreen();
+                            } else if (elem.msRequestFullscreen) { // IE11
+                                elem.msRequestFullscreen();
+                            }
+                        });
+                    });
+                </script>
+            </div>
+            <button id="fullscreen-btn">Fullscreen</button>
+        </div>
+	</body>
+</html>
diff --git a/g/sugsug.html b/g/sugsug.html
new file mode 100644
index 0000000..e8ff78e
--- /dev/null
+++ b/g/sugsug.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html >
+<script src="https://agi.armorgames.com/ruffle/ruffle.js"></script>
+
+<html lang="en" xml:lang="en">
+	<head>
+		<title>Games4 - Sugar Sugar</title>
+		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+		<link rel="shortcut icon" type="image/x-icon" href="../images/favicon.png" />
+        <link rel="stylesheet" href="../styles.css">
+	</head>
+	<body>
+        <div class="container">
+            <a href="../index.html"><img src="../images/logo.png" alt="Games4" class="logo"></a>
+            <div class="game-container">
+                <script src="https://unpkg.com/@ruffle-rs/ruffle"></script>
+                <div id="flash-container"></div>
+                <script>
+                    window.RufflePlayer = window.RufflePlayer || {};
+                
+                    let player; // make it accessible
+                
+                    window.addEventListener("load", (event) => {
+                        const ruffle = window.RufflePlayer.newest();
+                        player = ruffle.createPlayer();
+                        const container = document.getElementById("flash-container");
+                        container.appendChild(player);
+                        player.load("flash-files/sugarsugar.swf");
+                    });
+                
+                    document.addEventListener("DOMContentLoaded", () => {
+                        const btn = document.getElementById("fullscreen-btn");
+                
+                        btn.addEventListener("click", () => {
+                            const elem = document.getElementById("flash-container");
+                
+                            if (elem.requestFullscreen) {
+                                elem.requestFullscreen();
+                            } else if (elem.webkitRequestFullscreen) { // Safari
+                                elem.webkitRequestFullscreen();
+                            } else if (elem.msRequestFullscreen) { // IE11
+                                elem.msRequestFullscreen();
+                            }
+                        });
+                    });
+                </script>
+            </div>
+            <button id="fullscreen-btn">Fullscreen</button>
+        </div>
+	</body>
+</html>
