From 061c4fe53b4f1bd774d0ebd4b8b8c9b80bf5cc5c Mon Sep 17 00:00:00 2001
From: PrestonT500 <preston.truong1@outlook.com>
Date: Thu, 19 Sep 2024 10:20:16 -0700
Subject: [PATCH] Discord widget

---
 css/index.css | 25 +++++++++++++++---
 index.html    | 70 +++++++++++++++++++++++++++++----------------------
 2 files changed, 61 insertions(+), 34 deletions(-)

diff --git a/css/index.css b/css/index.css
index 5a974e2..9c3e882 100644
--- a/css/index.css
+++ b/css/index.css
@@ -14,13 +14,11 @@ h1 {
     color: #333;
 }
 
-h2,
-p {
+h2, p {
     color: #555;
 }
 
-button,
-.dropdown-btn {
+button, .dropdown-btn {
     background-color: #4caf50;
     color: white;
     padding: 10px 20px;
@@ -126,3 +124,22 @@ button:hover {
     width: 20px;
     height: 20px;
 }
+
+.main-container {
+    position: relative;
+    display: flex;
+    justify-content: center;
+    align-items: flex-start;
+}
+
+.version-sections {
+    text-align: center;
+    width: 100%;
+}
+
+.discord-widget {
+    position: absolute;
+    right: 0;
+    top: 0;
+    margin-right: 20px;
+}
diff --git a/index.html b/index.html
index 092a7a6..8878cfe 100644
--- a/index.html
+++ b/index.html
@@ -29,38 +29,48 @@
         <input type="text" id="search-bar" placeholder="Search Clients...">
     </div>
 
-    <!-- Version 1.8 Section -->
-    <div id="desktopVersion18">
-        <p class="version-text">Version 1.8</p>
-
-        <a class="version-link filter-button" href="/eagler-files/1.8/main/index.html"><button>Main 1.8 Client</button></a>
-        <a class="version-link filter-button" href="/eagler-files/1.8/resent4.0/index.html"><button>Resent 4.0 Client <img src="images/Recomended.png" alt="Recommended" class="recommended"></button></a>
-        <a class="version-link filter-button" href="/eagler-files/1.8/ShadowClient.html"><button>Shadow Client</button></a>
-        <a class="version-link filter-button" href="/eagler-files/1.8/EaglerForge/index.html"><button>EaglerForge [MODS!]</button></a>
+    <div class="main-container">
+        <div class="version-sections">
+            <!-- Version 1.8 Section -->
+            <div id="desktopVersion18">
+                <p class="version-text">Version 1.8</p>
+        
+                <a class="version-link filter-button" href="/eagler-files/1.8/main/index.html"><button>Main 1.8 Client</button></a>
+                <a class="version-link filter-button" href="/eagler-files/1.8/resent4.0/index.html"><button>Resent 4.0 Client <img src="images/Recomended.png" alt="Recommended" class="recommended"></button></a>
+                <a class="version-link filter-button" href="/eagler-files/1.8/ShadowClient.html"><button>Shadow Client</button></a>
+                <a class="version-link filter-button" href="/eagler-files/1.8/EaglerForge/index.html"><button>EaglerForge [MODS!]</button></a>
+            </div>
+        
+            <div id="mobileVersion18" style="display: none;">
+                <p class="version-text">Version 1.8 - Mobile</p>
+        
+                <a class="version-link filter-button" href="/eagler-files/mobile/1.8/EaglerMobile/index.html"><button>EaglerMobile 1.8</button></a>
+                <a class="version-link filter-button" href="/eagler-files/mobile/1.8/EaglerPocketMobile/index.html"><button>EaglerPocketMobile 1.8</button></a>
+            </div>
+        
+            <!-- Version 1.5.2 Section -->
+            <div id="desktopVersion152">
+                <p class="version-text">Version 1.5.2</p>
+        
+                <a class="version-link filter-button" href="/eagler-files/1.5.2/main/index.html"><button>Main 1.5.2 Client</button></a>
+                <a class="version-link filter-button" href="/eagler-files/1.5.2/PrecisionBeta.html"><button>Precision Beta Client</button></a>
+                <a class="version-link filter-button" href="/eagler-files/1.5.2/precisionbeta2/index.html"><button>Precision Beta 2 Client</button></a>
+            </div>
+        
+            <div id="mobileVersion152" style="display: none;">
+                <p class="version-text">Version 1.5.2 - Mobile</p>
+        
+                <a class="version-link filter-button" href="/eagler-files/mobile/1.5.2/EaglerMobile/index.html"><button>EaglerMobile 1.5.2</button></a>
+                <a class="version-link filter-button" href="/eagler-files/mobile/1.5.2/EaglerPocketMobile/index.html"><button>EaglerPocketMobile 1.5.2</button></a>
+            </div>
     </div>
-
-    <div id="mobileVersion18" style="display: none;">
-        <p class="version-text">Version 1.8 - Mobile</p>
-
-        <a class="version-link filter-button" href="/eagler-files/mobile/1.8/EaglerMobile/index.html"><button>EaglerMobile 1.8</button></a>
-        <a class="version-link filter-button" href="/eagler-files/mobile/1.8/EaglerPocketMobile/index.html"><button>EaglerPocketMobile 1.8</button></a>
-    </div>
-
-    <!-- Version 1.5.2 Section -->
-    <div id="desktopVersion152">
-        <p class="version-text">Version 1.5.2</p>
-
-        <a class="version-link filter-button" href="/eagler-files/1.5.2/main/index.html"><button>Main 1.5.2 Client</button></a>
-        <a class="version-link filter-button" href="/eagler-files/1.5.2/PrecisionBeta.html"><button>Precision Beta Client</button></a>
-        <a class="version-link filter-button" href="/eagler-files/1.5.2/precisionbeta2/index.html"><button>Precision Beta 2 Client</button></a>
-    </div>
-
-    <div id="mobileVersion152" style="display: none;">
-        <p class="version-text">Version 1.5.2 - Mobile</p>
-
-        <a class="version-link filter-button" href="/eagler-files/mobile/1.5.2/EaglerMobile/index.html"><button>EaglerMobile 1.5.2</button></a>
-        <a class="version-link filter-button" href="/eagler-files/mobile/1.5.2/EaglerPocketMobile/index.html"><button>EaglerPocketMobile 1.5.2</button></a>
+    
+    <!-- Discord Widget Section -->
+    <div class="discord-widget">
+        <iframe src="https://discord.com/widget?id=1283233883239743540&theme=dark" width="350" height="500" allowtransparency="true" frameborder="0" sandbox="allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts"></iframe>
     </div>
+</div>
+    
 
 
     <script src="js/mobilecheck.js"></script>