Merge pull request #107 from OpzekerIT/dev

Dev

includes/footer.php

@@ -1,3 +1,8 @@
 <footer>
     <p>&copy; <?php echo date("Y");?> DTCH Clan. All rights reserved.</p>
+
+        <a href="https://discord.gg/wMXsB3ZmNA" target="_blank" rel="noopener noreferrer" title="Join us on our Discord">
+            <img src="./media/discordlogo.png" alt="Discord Logo" class="discord-logo">
+        </a>
+    
 </footer>

includes/navigation.php

@@ -2,7 +2,7 @@
 $host = $_SERVER['HTTP_HOST'];
 
 if ($host == 'dev.dtch.online') {
-    echo "You are on the development! Site";
+    echo "<center>You are on the development! Site</center>";
 }
 ?>
 <div class="topnav">
@@ -29,4 +29,4 @@ function myFunction() {
     x.style.display = "block";
   }
 }
-</script>
+</script>

includes/styles.css

@@ -164,9 +164,10 @@ tr:hover {
 }
 
 .discord-logo {
-    width: 50px;
+    width: 150px;
     height: auto;
-    margin-top: 10px;
+    margin-top: 20px;
+    margin-bottom: 20px;
     cursor: pointer;
     transition: opacity 0.3s, transform 0.3s;
     box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
@@ -198,7 +199,7 @@ body {
 /* Override other elements as needed for the hacker theme */
 nav {
     background: #121212; /* Dark background for navigation */
-   /*  border-bottom: 1px solid #33ff33;  Bright green border for accent */
+   /*  border-bottom: 1px solid #e69109;  Bright green border for accent */
 }
 
 /* Ensure links stand out */
@@ -211,15 +212,15 @@ a {
 .btn {
     font-family: 'Courier New', monospace;
     background: #222; /* Dark background for buttons */
-    color: #33ff33; /* Bright green text */
-    border: 1px solid #33ff33; /* Border to match text color */
+    color: #e69109; /* Bright green text */
+    border: 1px solid #e69109; /* Border to match text color */
     padding: 10px 20px;
     text-transform: uppercase;
     transition: background-color 0.3s ease, color 0.3s ease;
 }
 
 .btn:hover {
-    background: #33ff33; /* Bright green background on hover */
+    background: #e69109; /* Bright green background on hover */
     color: #000; /* Dark text on hover */
     cursor: pointer;
 }

includes/topnav.css

@@ -3,6 +3,13 @@
     overflow: hidden;
     background-color: #0f0f0f;
     position: relative;
+    max-width: 1200px;
+    min-width: 800px;
+    margin: 5px auto 5px auto;
+    padding: 10px;
+    border: 1px solid rgb(255, 255, 255);
+    border-radius: 10px;
+    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
   }
   
   /* Hide the links inside the navigation menu (except for logo/home) */
@@ -39,4 +46,19 @@
   .active {
     background-color: #0f0f0f;
     color: #e69109;
-  }
+  }
+
+@media (max-width: 768px) {
+    .topnav {
+    overflow: hidden;
+    background-color: #0f0f0f;
+    position: relative;
+    min-width: 424px;
+    max-width: 500px;
+    margin: 5px;
+    padding: 10px;
+    border: 1px solid rgb(255, 255, 255);
+    border-radius: 10px;
+    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
+    }
+}

index.php

@@ -83,10 +83,8 @@ $lastMatches = array_slice($allMatches, 0, 8);
     </tbody>
 </table>
 
-        <p>Join us on our Discord:</p>
-        <a href="https://discord.gg/wMXsB3ZmNA" target="_blank" rel="noopener noreferrer">
-            <img src="./media/discordlogo.png" alt="Discord Logo" class="discord-logo">
-        </a>
+      
+
     </section>
 </main>