Add title and update layout to vertical halves with provided Google Maps share link

This commit is contained in:
Daniel LaForce 2024-08-02 13:07:08 -06:00
parent b0122e7e1d
commit 13940eb894
1 changed files with 11 additions and 2 deletions

View File

@ -3,7 +3,7 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Map Viewer</title> <title>CSMS Claims and Neighbors</title>
<style> <style>
body { body {
font-family: Arial, sans-serif; font-family: Arial, sans-serif;
@ -14,6 +14,12 @@
align-items: center; align-items: center;
height: 100vh; height: 100vh;
} }
.header {
width: 100%;
text-align: center;
padding: 20px;
background-color: #f0f0f0;
}
.map-container { .map-container {
width: 100%; width: 100%;
display: flex; display: flex;
@ -46,8 +52,11 @@
</script> </script>
</head> </head>
<body> <body>
<div class="header">
<h1>CSMS Claims and Neighbors</h1>
</div>
<div class="map-container"> <div class="map-container">
<iframe src="https://www.google.com/maps/d/u/0/viewer?mid=1CH09O8Gp7sQ6H2GdybFvRdLB-1vElVc&ll=39.03381791219907,-105.30355677514648&z=15"></iframe> <iframe src="https://www.google.com/maps/d/u/0/edit?mid=1CH09O8Gp7sQ6H2GdybFvRdLB-1vElVc&usp=sharing"></iframe>
<iframe src="https://www.gaiagps.com/public/VVXcZPvEfvAbvRWi5F0DQPNT/?embed=True" style="border:none; overflow-y: hidden; background-color:white;"></iframe> <iframe src="https://www.gaiagps.com/public/VVXcZPvEfvAbvRWi5F0DQPNT/?embed=True" style="border:none; overflow-y: hidden; background-color:white;"></iframe>
</div> </div>
<div class="buttons"> <div class="buttons">