From 921f2c77dfecb36f84f6c789b3b4f1bf675fa7d5 Mon Sep 17 00:00:00 2001
From: Daniel <daniel.laforce@gmail.com>
Date: Wed, 7 Aug 2024 16:18:25 -0600
Subject: [PATCH] Update index.html

---
 index.html | 40 +++++++++++++++++++++++++++++++++++++---
 1 file changed, 37 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index 5749d26..a5b35ec 100644
--- a/index.html
+++ b/index.html
@@ -41,6 +41,34 @@
       margin-bottom: 20px;
       box-shadow: 0 4px 8px rgba(0,0,0,0.1);
     }
+    .legend {
+      width: 960px;
+      margin-bottom: 20px;
+      text-align: left;
+      padding: 10px;
+      background-color: #fff;
+      border: 1px solid #ccc;
+      box-shadow: 0 4px 8px rgba(0,0,0,0.1);
+    }
+    .legend h3 {
+      margin-top: 0;
+    }
+    .legend ul {
+      list-style: none;
+      padding-left: 0;
+    }
+    .legend li {
+      margin-bottom: 5px;
+    }
+    .legend .color-box {
+      width: 20px;
+      height: 20px;
+      display: inline-block;
+      margin-right: 10px;
+    }
+    .color-green {
+      background-color: #00ff00; /* Adjust the color to match your map */
+    }
     .buttons {
       text-align: center;
       margin: 20px 0;
@@ -87,14 +115,20 @@
   <div class="map-container">
     <iframe src="https://www.google.com/maps/d/embed?mid=1CH09O8Gp7sQ6H2GdybFvRdLB-1vElVc&ehbc=2E312F"></iframe>
     <iframe src="https://www.gaiagps.com/public/VVXcZPvEfvAbvRWi5F0DQPNT/?embed=True"></iframe>
+    <div class="legend">
+      <h3>Legend</h3>
+      <ul>
+        <li><span class="color-box color-green"></span>CSMS Claims</li>
+      </ul>
+    </div>
   </div>
   <div class="buttons">
-    <button onclick="window.open('https://rebrand.ly/csmsgoogle', '_blank')">View on Google Maps</button>
-    <button onclick="window.open('https://rebrand.ly/csmsgaia', '_blank')">View on Gaia GPS</button>
+    <a href="https://rebrand.ly/csmsgoogle" target="_blank" class="button">View on Google Maps</a>
+    <a href="https://rebrand.ly/csmsgaia" target="_blank" class="button">View on Gaia GPS</a>
   </div>
   <div class="footer">
     <p>&copy; 2024 Daniel LaForce. All rights reserved.</p>
     <p><a href="terms.html">Terms and Conditions</a></p>
   </div>
 </body>
-</html>
\ No newline at end of file
+</html>