From 2938fabc90626f23ea4d9a150d5ffd253b34c523 Mon Sep 17 00:00:00 2001
From: Blackwhitebear8 <blackwhitebear8@git@pixelhosting.nl>
Date: Sun, 22 Dec 2024 20:09:00 +0100
Subject: [PATCH] Update network.php

---
 network.php | 41 +++++++++++++++++++++++++++++++++--------
 1 file changed, 33 insertions(+), 8 deletions(-)

diff --git a/network.php b/network.php
index 67baf11..a26a44a 100644
--- a/network.php
+++ b/network.php
@@ -83,6 +83,8 @@ $total_out_perc = ($interracks_traffic['out_perc'] + $eranium_traffic['out_perc'
     <meta property="og:description" content="AS215085 Network information" />
     <meta property="og:url" content="https://as215085.net" />
     <link rel="icon" type="image/png" href="img/cropped-Pixelhosting-logo-favicon-32x32.png">
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet">
     <link rel="stylesheet" href="css/style.css">
     <script>
         setInterval(function() {
@@ -96,14 +98,37 @@ $total_out_perc = ($interracks_traffic['out_perc'] + $eranium_traffic['out_perc'
         <p>Proudly powering PixelHosting infrastructure</p>
     </header>
 
-    <nav>
-        <a href="/">Home</a>
-        <a href="/network.php">Network</a>
-        <a href="/peering.html">Peering policy</a>
-        <a href="https://lookingglass.as215085.net" target="_blank">Looking glass</a>
-        <a href="https://smokeping.as215085.net" target="_blank">Smokeping</a>
-        <a href="https://status.as215085.net" target="_blank">Status</a>
-        <a href="/contact.html">Contact</a>
+    <nav class="navbar navbar-expand-lg navbar-light" style="background-color: #07AAF9;">
+        <div class="container-fluid">
+            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
+                <span class="navbar-toggler-icon"></span>
+            </button>
+            <div class="collapse navbar-collapse" id="navbarNav">
+                <ul class="navbar-nav justify-content-center w-100">
+                    <li class="nav-item">
+                        <a class="nav-link text-white" href="/">Home</a>
+                    </li>
+                    <li class="nav-item">
+                        <a class="nav-link text-white" href="/network.php">Network</a>
+                    </li>
+                    <li class="nav-item">
+                        <a class="nav-link text-white" href="/peering.html">Peering policy</a>
+                    </li>
+                    <li class="nav-item">
+                        <a class="nav-link text-white" href="https://lookingglass.as215085.net" target="_blank">Looking glass</a>
+                    </li>
+                    <li class="nav-item">
+                        <a class="nav-link text-white" href="https://smokeping.as215085.net" target="_blank">Smokeping</a>
+                    </li>
+                    <li class="nav-item">
+                        <a class="nav-link text-white" href="https://status.as215085.net" target="_blank">Status</a>
+                    </li>
+                    <li class="nav-item">
+                        <a class="nav-link text-white" href="/contact.html">Contact</a>
+                    </li>
+                </ul>
+            </div>
+        </div>
     </nav>
 
     <main>