From fc65d9a363375a1ede95ed659a9e2cbcc16d4d8a Mon Sep 17 00:00:00 2001
From: KittenTM <aidenplayzroblox123@gmail.com>
Date: Wed, 25 Feb 2026 01:19:50 +0100
Subject: [PATCH] copy stuff from friends list to equipment (yes thats all ive
 done im distracted by this live stream)

---
 equipment/index.html | 14 +++++++++++---
 equipment/styles.css | 46 +++++++++++++++++++++++++++++++++++++-------
 2 files changed, 50 insertions(+), 10 deletions(-)

diff --git a/equipment/index.html b/equipment/index.html
index 859a64c..c2d5763 100644
--- a/equipment/index.html
+++ b/equipment/index.html
@@ -22,7 +22,10 @@
     </div>
   </div>
   <div class="main-wrapper">
-    <div class="content">
+  <div class="content">
+    
+    <div class="header-flex-row">
+      
       <div class="logo-left-align">
         <div id="stage-header-logo">
           <img class="bg-layer" src="../assets/en/svg/ui/bg_h1-62e768f2a1ca52f993b5953c78d46bc53b35b70df7f8e13619a982f8f10ab750.svg">
@@ -33,9 +36,14 @@
           Check out the gear and weapons you had equipped while playing online!
         </div>
       </div>
-      <div class="stages-container" id="stages-container"></div>
-    </div>
+
+      <div class="splat-info-box">
+        <p>example text lols</p>
+      </div>
+      
+    </div> <div class="stages-container" id="stages-container"></div>
   </div>
+</div>
 
   <script src="/assets/general.js"></script>
   <script src="equipment.js"></script>
diff --git a/equipment/styles.css b/equipment/styles.css
index be1e7c9..9647e9e 100644
--- a/equipment/styles.css
+++ b/equipment/styles.css
@@ -12,6 +12,16 @@
     font-style: normal;
 }
 
+.content {
+    position: relative;
+    display: block;
+    width: 100vw;
+    min-height: 100vh;
+    padding: 0;
+    margin: 0;
+    box-sizing: border-box;
+}
+
 html {
     height: 100%;
 }
@@ -26,6 +36,7 @@ body {
     background-repeat: repeat;
     background-size: 800px 800px;
     background-attachment: fixed;
+    overflow-x: hidden;
 }
 
 .menu-item .hover-state {
@@ -112,14 +123,12 @@ body {
 }
 
 .logo-left-align {
-    display: flex;
-    flex-direction: column;
-    align-items: flex-start;
-    justify-content: flex-start;
+    display: block;
     width: 100%;
     margin-top: 20px;
     margin-bottom: 20px; 
-    margin-left: 40px;
+    padding-left: 40px;
+    box-sizing: border-box;
 }
 
 #stage-header-logo {
@@ -160,11 +169,34 @@ body {
 .equipmentsubtitle-text {
     margin: 0;
     padding-top: 20px;
-    padding-right: 100px;
-    max-width: 1200px;
     text-align: left;
     color: white;
     font-family: "Regular", sans-serif;
     font-size: 24px;
     line-height: 1.3;
+    width: 100%;
+}
+
+.splat-info-box {
+    background-color: rgba(0, 0, 0, 0.6);
+    border-radius: 10px;
+    padding: 25px 40px;
+    width: 600px;
+    height: auto;
+    min-height: 150px;
+    position: absolute;
+    top: 180px;
+    left: 40%;
+    transform: translateX(-50%);
+    z-index: 5;
+    box-sizing: border-box;
+}
+
+.splat-info-box p {
+    color: #ffffff;
+    font-family: "Regular", sans-serif;
+    font-size: 20px;
+    line-height: 1.6;
+    margin: 0;
+    text-align: left; 
 }
\ No newline at end of file