From b844c27feaaa95b2fd2073650276eb8dad120ca3 Mon Sep 17 00:00:00 2001
From: Yesn't <131057815+YesTheProxy@users.noreply.github.com>
Date: Wed, 4 Sep 2024 14:26:55 -0400
Subject: [PATCH] Update index.html

---
 index.html | 192 +++++++++--------------------------------------------
 1 file changed, 30 insertions(+), 162 deletions(-)
diff --git a/index.html b/index.html
index 5625475..9534322 100644
--- a/index.html
+++ b/index.html
@@ -1,190 +1,58 @@
 <!DOCTYPE html>
 <html>
 <head>
-  <title>Website Under Construction</title>
+  <title>Here have some silly flash games</title>
   <style>
-    @font-face {
-      font-family: 'Jersey10';
-      src: url('Jersey10-Regular.ttf') format('truetype');
-    }
-
-    body {
-      background-color: #f2f2f2;
-      font-family: 'Press Start 2P', Arial, sans-serif;
-      text-align: center;
-      padding-top: 100px;
-    }
-
-    h1 {
-      font-size: 36px;
-      color: #333;
-      margin-bottom: 20px;
-    }
+    /* Your existing CSS styles here */
 
-    p {
-      font-size: 18px;
-      color: #666;
-      margin-bottom: 40px;
-    }
-
-    .logo {
-      margin-bottom: 40px;
-    }
-
-    .github-button {
-      display: inline-block;
-      padding: 12px 24px;
-      background-color: #333;
-      color: #fff;
-      text-decoration: none;
-      border-radius: 4px;
-      font-size: 18px;
-      transition: background-color 0.3s ease;
-      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
-    }
-
-    .github-button:hover {
-      background-color: #555;
-    }
-
-    .youtube-button {
-      display: inline-block;
-      padding: 12px 24px;
-      background-color: #ff0000;
-      color: #fff;
-      text-decoration: none;
-      border-radius: 4px;
-      font-size: 18px;
-      transition: background-color 0.3s ease;
-      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
-    }
-
-    .youtube-button:hover {
-      background-color: #ff3333;
-    }
-
-    .twitch-button {
-      display: inline-block;
-      padding: 12px 24px;
-      background-color: #6441A4;
-      color: #fff;
-      text-decoration: none;
-      border-radius: 4px;
-      font-size: 18px;
-      transition: background-color 0.3s ease;
-      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
-    }
-
-    .twitch-button:hover {
-      background-color: #8C5FAF;
-    }
-
-    .contact-button {
-      display: inline-block;
-      padding: 12px 24px;
-      background-color: #007BFF;
-      color: #fff;
-      text-decoration: none;
-      border-radius: 4px;
-      font-size: 18px;
-      transition: background-color 0.3s ease;
-      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
-    }
-
-    .contact-button:hover {
-      background-color: #0056b3;
-    }
-
-    .tab {
-      display: inline-block;
-      margin: 0 10px;
-      font-size: 24px;
-      color: #333;
-      text-decoration: none;
-      transition: color 0.3s ease;
-    }
-
-    .tab:hover {
-      color: #555;
-    }
-
-    .active {
-      color: #555;
-    }
-
-    .content {
-      display: none;
-      margin-top: 40px;
-    }
-
-    .content.active {
-      display: block;
-    }
-
-    /* New CSS for the About Us section */
-    .about-us {
+    /* New styles for the Flash Games section */
+    .flash-games {
       margin-top: 60px;
     }
 
-    .about-us h2 {
+    .flash-games h2 {
       font-size: 28px;
       color: #333;
       margin-bottom: 10px;
     }
 
-    .about-us p {
+    .flash-games p {
       font-size: 16px;
       color: #666;
       margin-bottom: 20px;
     }
-
-    /* Additional CSS modifications */
-    .about-us-heading {
-      font-size: 24px;
-      color: #333;
-      margin-bottom: 20px;
-    }
-
-    .about-us-content {
-      margin-top: 40px;
-    }
   </style>
   <script>
-    function copyToClipboard(text) {
-      const textarea = document.createElement('textarea');
-      textarea.value = text;
-      document.body.appendChild(textarea);
-      textarea.select();
-      document.execCommand('copy');
-      document.body.removeChild(textarea);
-      alert('Email copied to clipboard: ' + text);
+    // Your existing JavaScript functions here
+
+    // New JavaScript for the Flash Games section
+    function loadFlashGame(gameUrl) {
+      // Use Ruffle to load the Flash game
+      // Insert Ruffle code here
     }
   </script>
 </head>
 <body>
-  <div class="logo">
-    <img src="image1.png" alt="Logo" width="600">
+  <!-- Your existing content -->
+  
+  <a href="#" class="tab">Home</a>
+  <a href="#" class="tab">About Us</a>
+  <a href="#" class="tab active">Flash Games</a>
+
+  <div class="content">
+    <div class="flash-games">
+      <h2>Flash Games</h2>
+      <p>Enjoy some classic Flash games with Ruffle!</p>
+      
+      <!-- Place to display Flash games -->
+      <div id="flash-game-container"></div>
+      
+      <!-- Example button to load a Flash game -->
+      <button onclick="loadFlashGame('game.swf')">Load Game</button>
+    </div>
   </div>
-  <h1>Website Under Construction</h1>
-  <p>Sorry for the inconvenience. We are currently working on our website and will be back soon!</p>
-  <a href="https://github.com/RamWorks-Development-Group/RamHub" class="github-button">GitHub</a>
-  <a href="https://youtube.com/@Ram_Networks" class="youtube-button">YouTube</a>
-  <a href="https://twitch.tv/ramnetworks" class="twitch-button">Twitch</a>
-  <button class="contact-button" onclick="copyToClipboard('thealt@skiff.com')">Contact Us</button>
 
-  <script>
-    const tabs = document.querySelectorAll('.tab');
-    const contents = document.querySelectorAll('.content');
-
-    tabs.forEach((tab, index) => {
-      tab.addEventListener('click', () => {
-        tabs.forEach((tab) => tab.classList.remove('active'));
-        contents.forEach((content) => content.classList.remove('active'));
+  <!-- Your existing JavaScript for tab functionality -->
 
-        tab.classList.add('active');
-        contents[index].classList.add('active');
-      });
-    });
-  </script>
 </body>
 </html>
