diff --git a/index.html b/index.html
index 25930ed189..9b1dae8f12 100644
--- a/index.html
+++ b/index.html
@@ -7,18 +7,26 @@
     <style>
         /* Ensure the map container takes up the full page */
         #map {
-            height: 100%;
+            height: 90%;
             width: 100%;
             position: absolute;
-            top: 0;
+            top: 10%;
             bottom: 0;
             left: 0;
             right: 0;
         }
-        html, body {
-            height: 100%;
-            margin: 0;
-            padding: 0;
+        /* Style for the banner */
+        #banner {
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 10%;
+            background-color: #333;
+            color: #fff;
+            text-align: center;
+            line-height: 60px; /* Adjust as needed */
+            font-size: 24px; /* Adjust as needed */
         }
     </style>
     <!-- Include Leaflet CSS -->
@@ -31,9 +39,10 @@
     <script src="https://unpkg.com/leaflet-omnivore@0.3.4/leaflet-omnivore.min.js"></script>
 </head>
 <body>
+    <div id="banner">StuTracker</div>
     <div id="map"></div>
     <script>
-        // Initialize the map centered on New York City
+        // Initialize the map centered on the specified coordinates and zoom level
         var map = L.map('map').setView([40.9734, -73.9256], 11);
 
         // Add OpenStreetMap tiles
@@ -44,20 +53,22 @@
 
         // KML URL with username and password
         var kmlUrl = 'https://USERNAME:abodyinmotion@share.garmin.com/Feed/ShareLoader/NDB92';
-        // Use CorsProxy.io
+
+        // Use CorsProxy.io to handle CORS for the KML file
         var corsProxy = 'https://corsproxy.io/?';
         var proxyKmlUrl = corsProxy + encodeURIComponent(kmlUrl);
+
         // Load the KML file
         omnivore.kml(proxyKmlUrl).addTo(map);
 
         // Optionally, handle any errors
-        omnivore.kml(kmlUrl).on('ready', function() {
+        omnivore.kml(proxyKmlUrl).on('ready', function() {
             console.log('KML loaded successfully');
         }).on('error', function() {
             alert('Failed to load KML');
         });
 
-        // GPX URL - Replace 'your_file.gpx' with the filename of your GPX file
+        // GPX URL - Change 'croton.gpx' to the filename of your GPX file
         var gpxUrl = 'croton.gpx';
 
         // Load the GPX file
