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

Update index.html

This commit is contained in:
Daniel LaForce 2024-08-02 16:02:19 -06:00
parent c753c8beed
commit 0982b33d2b
1 changed files with 9 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
index.html
View File

@ -23,15 +23,16 @@
.map-container { .map-container {
width: 100%; width: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column; /* Change to column for vertical stacking */
align-items: center; /* Center the iframes horizontally */
flex: 1; flex: 1;
align-items: center;
} }
iframe { iframe {
width: 960px; /* 800px + 20% */ flex: 1;
height: 720px; /* 600px + 20% */
border: none; border: none;
margin-bottom: 10px; height: 55vh; /* Increase height by 10% */
width: 800px; /* Set fixed width */
max-width: 100%; /* Ensure it doesn't overflow on smaller screens */
} }
.buttons { .buttons {
width: 100%; width: 100%;
@ -45,7 +46,7 @@
cursor: pointer; cursor: pointer;
} }
</style> </style>
<!-- Google tag (gtag.js) -->
<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>
window.dataLayer = window.dataLayer || []; window.dataLayer = window.dataLayer || [];
@ -59,8 +60,8 @@
<h1>CSMS Claims and Neighbors</h1> <h1>CSMS Claims and Neighbors</h1>
</div> </div>
<div class="map-container"> <div class="map-container">
<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" style="border:none; overflow-y: hidden; background-color:white;"></iframe>
<iframe src="https://www.gaiagps.com/public/VVXcZPvEfvAbvRWi5F0DQPNT/?embed=True"></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">
<button onclick="window.open('https://rebrand.ly/csmsgoogle', '_blank')">View on Google Maps</button> <button onclick="window.open('https://rebrand.ly/csmsgoogle', '_blank')">View on Google Maps</button>