change styling a bit

docker-compose.yml

@@ -1,6 +1,6 @@
 services:
   flylaf:
-    image: flylaf-image:v1.01
+    image: gitea.cheezers.org/izatwin/flylaf:latest
     container_name: flylaf
     restart: unless-stopped
     ports:

html/index.html

@@ -1,60 +1,101 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>LAF - Purdue University Airport ✈️</title>
-    <style>
-        /* Purdue-themed CSS styling */
-        body {
-            font-family: Arial, sans-serif;
-            margin: 0;
-            padding: 0;
-            background-color: #000;
-            color: #FFF;
-        }
-        header {
-            background-color: #C59E55; /* Purdue Gold */
-            color: #000; /* Black */
-            padding: 20px;
-            text-align: center;
-            font-size: 36px;
-            border-bottom: 5px solid #000000;
-        }
-        .container {
-            max-width: 800px;
-            margin: 20px auto;
-            padding: 0 20px;
-        }
-        .content {
-            margin-top: 20px;
-        }
-        .highlight {
-            color: #C59E55; /* Purdue Gold */
-            font-weight: bold;
-        }
-        .airplane-img {
-            display: block;
-            margin: 0 auto;
-            max-width: 100%;
-        }
-        .sponsor {
-            text-align: center;
-            margin-top: 20px;
-        }
-        .sponsor img {
-            max-width: 150px;
-            border-radius: 50%;
-            margin-top: 10px;
-        }
-    </style>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>LAF - Purdue University Airport ✈️</title>
+<style>
+/* Purdue-themed CSS styling */
+body {
+font-family: Arial, sans-serif;
+margin: 0;
+padding: 0;
+background-color: #000;
+color: #FFF;
+}
+header {
+background-color: #C59E55; /* Purdue Gold */
+color: #000; /* Black */
+padding: 20px;
+text-align: center;
+font-size: 25px;
+border-bottom: 5px solid #000000;
+}
+.container {
+max-width: 800px;
+margin: 20px auto;
+padding: 0 20px;
+}
+.content {
+margin-top: 20px;
+}
+.highlight {
+color: #C59E55; /* Purdue Gold */
+font-weight: bold;
+}
+.airplane-img {
+display: block;
+margin: 0 auto;
+max-width: 100%;
+}
+.sponsor {
+text-align: center;
+margin-top: 20px;
+}
+.sponsor img {
+max-width: 150px;
+border-radius: 50%;
+margin-top: 10px;
+}
+
+/* New navigation bar styles */
+nav {
+  background-color: #C59E55; /* Purdue Gold */
+  color: #000; /* Black */
+  padding: 10px;
+  display: flex; /* Make items horizontal */
+  justify-content: space-between; /* Evenly distribute items */
+}
+
+nav ul {
+  list-style: none; /* Remove bullet points */
+  margin: 0; /* Remove default margin */
+  padding: 0; /* Remove default padding */
+}
+
+nav li {
+  display: inline-block; /* Make items inline */
+  margin-right: 20px; /* Add space between menu items */
+}
+
+nav li a {
+  color: #FFF; /* White text color */
+  text-decoration: none; /* Remove underline */
+  font-weight: bold;
+  font-size: 25px; /* Increased menu item font size */
+}
+
+nav li a:hover {
+  color: #000; /* Black on hover */
+}
+</style>
 </head>
 <body>
+  <nav>
+    <ul>
+      <li><a href="#">Home</a></li>
+      <li><a href="#">Airline Flights</a></li>
+      <li><a href="#">About LAF</a></li>
+      <li><a href="#">FAQ</a></li>
+      <li><a href="#">Gallery</a></li>
+      <li><a href="#">Blog</a></li>
+    </ul>
+  </nav>
 
-<header>
+  <header>
     <h1>Fly LAF - Purdue University Airport ✈️</h1>
     <p>West Lafayette, IN</p>
-</header>
+  </header>
 
 <div class="container">
     <div class="content">