Compare commits
No commits in common. "main" and "map-embed-test" have entirely different histories.
main
...
map-embed-
77
index.html
77
index.html
|
|
@ -10,7 +10,10 @@
|
|||
font-family: 'Roboto', sans-serif;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background-color: #f5f5f5;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
background-color: #f4f4f4;
|
||||
color: #333;
|
||||
}
|
||||
.header {
|
||||
|
|
@ -30,49 +33,19 @@
|
|||
align-items: center;
|
||||
flex: 1;
|
||||
padding: 20px;
|
||||
position: relative;
|
||||
}
|
||||
iframe {
|
||||
width: 960px;
|
||||
height: 660px;
|
||||
width: 80%;
|
||||
height: 60vh;
|
||||
border: none;
|
||||
margin-bottom: 20px;
|
||||
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 {
|
||||
text-align: center;
|
||||
margin: 20px 0;
|
||||
}
|
||||
.buttons a {
|
||||
.buttons button {
|
||||
padding: 10px 20px;
|
||||
margin: 0 10px;
|
||||
font-size: 16px;
|
||||
|
|
@ -81,10 +54,9 @@
|
|||
color: white;
|
||||
border: none;
|
||||
border-radius: 5px;
|
||||
text-decoration: none;
|
||||
transition: background-color 0.3s ease;
|
||||
}
|
||||
.buttons a:hover {
|
||||
.buttons button:hover {
|
||||
background-color: #3498db;
|
||||
}
|
||||
.footer {
|
||||
|
|
@ -94,11 +66,6 @@
|
|||
padding: 20px;
|
||||
text-align: center;
|
||||
}
|
||||
.footer a {
|
||||
color: #3498db;
|
||||
text-decoration: none;
|
||||
margin-left: 5px;
|
||||
}
|
||||
</style>
|
||||
<script async src="https://www.googletagmanager.com/gtag/js?id=G-CC1B9CQ691"></script>
|
||||
<script>
|
||||
|
|
@ -107,43 +74,21 @@
|
|||
gtag('js', new Date());
|
||||
gtag('config', 'G-CC1B9CQ691');
|
||||
</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>
|
||||
<body>
|
||||
<div class="header">
|
||||
<h1>CSMS Claims and Neighbors</h1>
|
||||
</div>
|
||||
<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 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 class="buttons">
|
||||
<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>
|
||||
<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>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<p>© 2024 Inovin LLC. All rights reserved.</p>
|
||||
<p><a href="terms.html">Terms and Conditions</a></p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
41
terms.html
41
terms.html
|
|
@ -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>© 2024 Inovin LLC. All rights reserved.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in New Issue