From e98cd4af075c493905883db7aebd4e5f13c83de6 Mon Sep 17 00:00:00 2001
From: Daniel <daniel.laforce@gmail.com>
Date: Wed, 7 Aug 2024 16:54:47 -0600
Subject: [PATCH] Added watermark and disabled right-click for map protection

---
 index.html | 54 ++++++++++++++++++++++++++++++++++++++++++++++++------
 1 file changed, 48 insertions(+), 6 deletions(-)
diff --git a/index.html b/index.html
index 34f98a9..613d6cf 100644
--- a/index.html
+++ b/index.html
@@ -3,16 +3,13 @@
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>CSMS Claims and Neighbors - Preview</title>
+  <title>CSMS Claims and Neighbors</title>
   <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
   <style>
     body {
       font-family: 'Roboto', sans-serif;
       margin: 0;
       padding: 0;
-      display: flex;
-      flex-direction: column;
-      align-items: center;
       background-color: #f4f4f4;
       color: #333;
     }
@@ -26,6 +23,22 @@
       top: 0;
       z-index: 1000;
     }
+    .navbar {
+      display: flex;
+      justify-content: center;
+      background-color: #2c3e50;
+      padding: 10px 0;
+    }
+    .navbar a {
+      color: white;
+      padding: 14px 20px;
+      text-decoration: none;
+      text-align: center;
+    }
+    .navbar a:hover {
+      background-color: #2980b9;
+      border-radius: 5px;
+    }
     .map-container {
       width: 100%;
       display: flex;
@@ -33,6 +46,7 @@
       align-items: center;
       flex: 1;
       padding: 20px;
+      position: relative;
     }
     iframe {
       width: 960px;
@@ -41,6 +55,16 @@
       margin-bottom: 20px;
       box-shadow: 0 4px 8px rgba(0,0,0,0.1);
     }
+    .watermark {
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+      font-size: 48px;
+      color: rgba(255, 255, 255, 0.5);
+      pointer-events: none;
+      z-index: 10;
+    }
     .legend {
       width: 960px;
       margin-bottom: 20px;
@@ -73,7 +97,7 @@
       text-align: center;
       margin: 20px 0;
     }
-    .buttons button {
+    .buttons a {
       padding: 10px 20px;
       margin: 0 10px;
       font-size: 16px;
@@ -82,9 +106,10 @@
       color: white;
       border: none;
       border-radius: 5px;
+      text-decoration: none;
       transition: background-color 0.3s ease;
     }
-    .buttons button:hover {
+    .buttons a:hover {
       background-color: #3498db;
     }
     .footer {
@@ -100,12 +125,29 @@
       margin-left: 5px;
     }
   </style>
+  <script async src="https://www.googletagmanager.com/gtag/js?id=G-CC1B9CQ691"></script>
+  <script>
+    window.dataLayer = window.dataLayer || [];
+    function gtag(){dataLayer.push(arguments);}
+    gtag('js', new Date());
+    gtag('config', 'G-CC1B9CQ691');
+    document.addEventListener('contextmenu', function(e) {
+      e.preventDefault();
+    });
+  </script>
 </head>
 <body>
   <div class="header">
     <h1>CSMS Claims and Neighbors</h1>
   </div>
+  <div class="navbar">
+    <a href="#home">Home</a>
+    <a href="#claims">Claims</a>
+    <a href="#events">Events</a>
+    <a href="#contact">Contact</a>
+  </div>
   <div class="map-container">
+    <div class="watermark">Inovin LLC</div>
     <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">
