KeyArgo
/
csms-claims-and-neighbors
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

merge into: KeyArgo:map-embed-test
Branches Tags
KeyArgo:main
KeyArgo:map-embed-test
...
pull from: KeyArgo:main
Branches Tags
KeyArgo:main
KeyArgo:map-embed-test

15 Commits
map-embed- ... main

Author SHA1 Message Date
Daniel LaForce 797809dd8f Update index.html 
Testing new map
 2024-08-24 18:41:16 -06:00
Daniel LaForce 3f1e672e4b Updated index.html with improved legend placement, background color, and iframe reload script 2024-08-07 17:22:09 -06:00
Daniel LaForce ac23c3022a Update legend position and style, adjust background color 2024-08-07 17:18:37 -06:00
Daniel LaForce 7d668c1467 Update index.html with iframe reload and enhanced legend 2024-08-07 17:15:29 -06:00
Daniel LaForce e98cd4af07 Added watermark and disabled right-click for map protection 2024-08-07 16:54:47 -06:00
Daniel LaForce 3595d9ec44 Update index.html with preview map and legend 2024-08-07 16:51:53 -06:00
Daniel LaForce 78dcbbc2fb Update site design and add legend for CSMS claims 2024-08-07 16:39:18 -06:00
Daniel LaForce 81923e9535 Add terms and conditions, update copyright and ownership to Inovin LLC 2024-08-07 16:25:48 -06:00
Daniel LaForce 064e53d1f9 Revert to previous layout, add legend and update buttons 2024-08-07 16:21:06 -06:00
Daniel LaForce 921f2c77df Update index.html 2024-08-07 16:18:25 -06:00
Daniel LaForce 6973191d5a Revert to previous layout and style 2024-08-07 16:14:56 -06:00
Daniel LaForce ce03bc43fa Update layout, add legend for CSMS claims, and style adjustments 2024-08-07 16:09:26 -06:00
Daniel LaForce 3dd9c473ae Revert theme and add legend for CSMS claims 2024-08-07 16:04:39 -06:00
Daniel LaForce 2634b29089 Update index.html 
Add map legend
 2024-08-07 16:00:31 -06:00
Daniel LaForce e77325c60d Add Terms and Conditions page and link from the main site 2024-08-02 19:37:55 -06:00
2 changed files with 107 additions and 11 deletions
Show Stats Expand all files Collapse all files

77
index.html
View File

@ -10,10 +10,7 @@
font-family: 'Roboto', sans-serif; font-family: 'Roboto', sans-serif;
margin: 0; margin: 0;
padding: 0; padding: 0;
display: flex; background-color: #f5f5f5;
flex-direction: column;
align-items: center;
background-color: #f4f4f4;
color: #333; color: #333;
} }
.header { .header {
@ -33,19 +30,49 @@
align-items: center; align-items: center;
flex: 1; flex: 1;
padding: 20px; padding: 20px;
position: relative;
} }
iframe { iframe {
width: 80%; width: 960px;
height: 60vh; height: 660px;
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 button { .buttons a {
padding: 10px 20px; padding: 10px 20px;
margin: 0 10px; margin: 0 10px;
font-size: 16px; font-size: 16px;
@ -54,9 +81,10 @@
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 button:hover { .buttons a:hover {
background-color: #3498db; background-color: #3498db;
} }
.footer { .footer {
@ -66,6 +94,11 @@
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>
@ -74,21 +107,43 @@
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 src="https://www.gaiagps.com/public/VVXcZPvEfvAbvRWi5F0DQPNT/?embed=True"></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>
</div> </div>
<div class="buttons"> <div class="buttons">
<button onclick="window.open('https://rebrand.ly/csmsgoogle', '_blank')">View on Google Maps</button> <a href="https://rebrand.ly/csmsgoogle" target="_blank" class="button">View on Google Maps</a>
<button onclick="window.open('https://rebrand.ly/csmsgaia', '_blank')">View on Gaia GPS</button> <a href="https://rebrand.ly/csmsgaia" target="_blank" class="button">View on Gaia GPS</a>
</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>

41
terms.html Normal file
View File

@ -0,0 +1,41 @@
<!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>