pls no

index.css

@@ -123,9 +123,21 @@ body {
 
 .non-sidebar-content {
     display: block; /* Ensure it is visible */
-    position: relative; /* Position it outside of the sidebar */
-    margin-left: 0; /* Reset any sidebar-related offsets */
+    position: relative; /* Ensure it is not positioned relative to the sidebar */
+    margin: 0; /* Remove any margins */
     padding: 20px; /* Add padding for spacing */
+    z-index: 1; /* Ensure it is above the sidebar if overlapping occurs */
+    clear: both; /* Prevent floating elements from affecting it */
+}
+
+.non-sidebar-content {
+    background-image: url('/image-robert-added/BackG.webp'); /* Set the image as the background */
+    background-size: cover; /* Ensure the image covers the entire area */
+    background-position: center; /* Center the image */
+    background-repeat: no-repeat; /* Prevent the image from repeating */
+    color: #fff; /* Adjust text color for better contrast */
+    height: calc(100vh - 50px); /* Adjust height to stop below the nav bar (assuming nav bar height is 50px) */
+    margin-top: 50px; /* Push content below the nav bar */
 }
 
 .main-content {
@@ -143,10 +155,10 @@ body {
     background-color: #f1f1f1;
     padding: 5px 10px;
     border-radius: 5px;
-    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
+    b;o;x;-;s;h;a;d;o;w: 0p;x 0p;x 5p;x rgba(0, 0, 0, 0.2);
     font-family: Arial, sans-serif;
     font-size: 14px;
-    z-index: 10001; /* Ensure it is above other elements */
+    z-index: 10001;
 }
 
 .dark-mode .version {

index.html

@@ -24,16 +24,13 @@
     <nav class="nav-bar">
         <h1>fun-miles</h1>
         <div class="nav-elem">
-          <noscript>
-            <p>JavaScript is off; turn it on or go here <a href="/games.html">hi</a></p>
-          </noscript>
           <button><a class="a-text nav-item" href="https://github.com/mileswolfallen2/fun-miles">contribute&nbsp;</a></button>
           <button><a class="a-text nav-item" href="https://github.com/mileswolfallen2/fun-miles/blob/main/README.md">About&nbsp;</a></button>
           <p class="nav-item"><button id="dark-mode-sidebar" onclick="onToggleDarkMode()">Dark Mode<i id="sidebar-dark-mode-icon" class="fa-solid fa-moon"></i></button></p>
         </div>
         <button class="side-bar-button" id="toggleSideBar" onclick="toggleSideBar()">☰</button>
       </nav>
-      
+      <div class="background-image"></div>
       <div class="side-bar-menu" id="side-bar-menu">
         <button class="side-bar-close-button" onclick="toggleSideBar()">✖</button>
         <div class="side-bar-link">
@@ -47,20 +44,22 @@
           <a class="nav-item" href=""></a>
           <a class="nav-item" href=""></a>
       </div>
-      
-      <div class="main-content" style="overflow-y:scroll;">
-             <a href="/WebGames-master/WebGames-master/index.html"><img src="/images1.png" alt="deez nuts" width="150" height="150"</a>
-      </div>
-      
-      <div class="non-sidebar-content">
-          <h2>Additional Content</h2>
-          <p>This area is for content that won't be in the sidebar.</p>
-          //-
-          <a href="/WebGames-master/WebGames-master/index.html"><img src="/images1.png" alt="deez nuts" width="150" height="150"</a>
-      </div>
-      
+    </div>
+
+    <div class="main-content" style="overflow-y:scroll;">
+    </div>
+
+    <div class="non-sidebar-content">
+        <h2>Additional Content</h2>
+        <p>This area is for content that won't be in the sidebar.</p>
+        <a href="/WebGames-master/WebGames-master/index.html">Games</a>>
+        <img src="/images1.png" alt="deez nuts" width="150" height="150"></a>
+    </div>
+      <!-- empty mian page -->
       <div class="version" id="versionDisplay"></div>
     <script src="index.js"></script>
 </body>
 </html>
-<img src="/image-robert-added/BackG.webp" alt="test" height="" width="">
+<noscript>
+  <p>JavaScript is off; turn it on or go here <a href="/games.html">hi</a></p>
+</noscript>