Compare commits

..

No commits in common. "main" and "map-embed-test" have entirely different histories.

2 changed files with 11 additions and 107 deletions

View File

@ -10,7 +10,10 @@
font-family: 'Roboto', sans-serif; font-family: 'Roboto', sans-serif;
margin: 0; margin: 0;
padding: 0; padding: 0;
background-color: #f5f5f5; display: flex;
flex-direction: column;
align-items: center;
background-color: #f4f4f4;
color: #333; color: #333;
} }
.header { .header {
@ -30,49 +33,19 @@
align-items: center; align-items: center;
flex: 1; flex: 1;
padding: 20px; padding: 20px;
position: relative;
} }
iframe { iframe {
width: 960px; width: 80%;
height: 660px; height: 60vh;
border: none; border: none;
margin-bottom: 20px; margin-bottom: 20px;
box-shadow: 0 4px 8px rgba(0,0,0,0.1); box-shadow: 0 4px 8px rgba(0,0,0,0.1);
} }
.legend {
position: absolute;
top: 20px;
right: 20px;
background-color: white;
padding: 10px;
border: 1px solid #ccc;
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}
.legend h3 {
margin: 0 0 10px;
}
.legend ul {
list-style: none;
padding-left: 0;
margin: 0;
}
.legend li {
margin-bottom: 5px;
}
.legend .color-box {
width: 20px;
height: 20px;
display: inline-block;
margin-right: 10px;
}
.color-green {
background-color: #00ff00;
}
.buttons { .buttons {
text-align: center; text-align: center;
margin: 20px 0; margin: 20px 0;
} }
.buttons a { .buttons button {
padding: 10px 20px; padding: 10px 20px;
margin: 0 10px; margin: 0 10px;
font-size: 16px; font-size: 16px;
@ -81,10 +54,9 @@
color: white; color: white;
border: none; border: none;
border-radius: 5px; border-radius: 5px;
text-decoration: none;
transition: background-color 0.3s ease; transition: background-color 0.3s ease;
} }
.buttons a:hover { .buttons button:hover {
background-color: #3498db; background-color: #3498db;
} }
.footer { .footer {
@ -94,11 +66,6 @@
padding: 20px; padding: 20px;
text-align: center; text-align: center;
} }
.footer a {
color: #3498db;
text-decoration: none;
margin-left: 5px;
}
</style> </style>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-CC1B9CQ691"></script> <script async src="https://www.googletagmanager.com/gtag/js?id=G-CC1B9CQ691"></script>
<script> <script>
@ -107,43 +74,21 @@
gtag('js', new Date()); gtag('js', new Date());
gtag('config', 'G-CC1B9CQ691'); gtag('config', 'G-CC1B9CQ691');
</script> </script>
<script>
function reloadIframe(iframeId, src) {
var iframe = document.getElementById(iframeId);
iframe.src = src;
}
window.onload = function() {
var gaiaIframe = document.getElementById('gaiaIframe');
setTimeout(function() {
if (gaiaIframe.contentWindow.location.href === 'about:blank') {
reloadIframe('gaiaIframe', 'https://www.gaiagps.com/public/VVXcZPvEfvAbvRWi5F0DQPNT/?embed=True');
}
}, 3000); // 3 seconds delay
};
</script>
</head> </head>
<body> <body>
<div class="header"> <div class="header">
<h1>CSMS Claims and Neighbors</h1> <h1>CSMS Claims and Neighbors</h1>
</div> </div>
<div class="map-container"> <div class="map-container">
<div class="legend">
<h3>Legend</h3>
<ul>
<li><span class="color-box color-green"></span>CSMS Claims</li>
</ul>
</div>
<iframe src="https://www.google.com/maps/d/embed?mid=1CH09O8Gp7sQ6H2GdybFvRdLB-1vElVc&ehbc=2E312F"></iframe> <iframe src="https://www.google.com/maps/d/embed?mid=1CH09O8Gp7sQ6H2GdybFvRdLB-1vElVc&ehbc=2E312F"></iframe>
<iframe id="gaiaIframe" src="https://www.gaiagps.com/map/?loc=14.0/-105.3143/39.0323&pubLink=VVXcZPvEfvAbvRWi5F0DQPNT&folderId=e810350b-1b3f-49bf-8f67-6a497827f190"></iframe> <iframe src="https://www.gaiagps.com/public/VVXcZPvEfvAbvRWi5F0DQPNT/?embed=True"></iframe>
</div> </div>
<div class="buttons"> <div class="buttons">
<a href="https://rebrand.ly/csmsgoogle" target="_blank" class="button">View on Google Maps</a> <button onclick="window.open('https://rebrand.ly/csmsgoogle', '_blank')">View on Google Maps</button>
<a href="https://rebrand.ly/csmsgaia" target="_blank" class="button">View on Gaia GPS</a> <button onclick="window.open('https://rebrand.ly/csmsgaia', '_blank')">View on Gaia GPS</button>
</div> </div>
<div class="footer"> <div class="footer">
<p>&copy; 2024 Inovin LLC. All rights reserved.</p> <p>&copy; 2024 Inovin LLC. All rights reserved.</p>
<p><a href="terms.html">Terms and Conditions</a></p>
</div> </div>
</body> </body>
</html> </html>

View File

@ -1,41 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Terms and Conditions</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: 20px;
background-color: #f4f4f4;
color: #333;
}
.container {
max-width: 800px;
margin: 0 auto;
background: white;
padding: 20px;
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}
h1, h2, p {
margin: 0 0 20px 0;
}
</style>
</head>
<body>
<div class="container">
<h1>Terms and Conditions</h1>
<p>By using this website, you agree to the following terms and conditions:</p>
<h2>Use of Map Data</h2>
<p>You may download KML files or other map data provided through this website solely for personal use. You may not use or distribute this data for any commercial purposes or redistribute it in any form without prior written consent from Inovin LLC.</p>
<h2>Ownership</h2>
<p>All map data and related content are the property of Inovin LLC. Unauthorized use or distribution of this content is strictly prohibited.</p>
<h2>Contact Information</h2>
<p>If you have any questions or require further information, please contact us at <a href="mailto:danlaforce3@gmail.com">danlaforce3@gmail.com</a>.</p>
<p>&copy; 2024 Inovin LLC. All rights reserved.</p>
</div>
</body>
</html>