Add title and update layout to vertical halves with provided Google Maps share link
This commit is contained in:
parent
b0122e7e1d
commit
13940eb894
13
index.html
13
index.html
|
@ -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">
|
||||||
|
|
Loading…
Reference in New Issue