Revert theme and add legend for CSMS claims

This commit is contained in:
Daniel LaForce 2024-08-07 16:04:39 -06:00
parent 2634b29089
commit 3dd9c473ae
1 changed files with 5 additions and 21 deletions

View File

@ -41,6 +41,10 @@
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 {
text-align: center;
margin-bottom: 20px;
}
.buttons { .buttons {
text-align: center; text-align: center;
margin: 20px 0; margin: 20px 0;
@ -71,25 +75,6 @@
text-decoration: none; text-decoration: none;
margin-left: 5px; margin-left: 5px;
} }
.legend {
text-align: left;
margin-bottom: 20px;
}
.legend div {
display: flex;
align-items: center;
margin-bottom: 5px;
}
.legend div span {
display: inline-block;
width: 20px;
height: 20px;
margin-right: 10px;
border: 1px solid #ccc;
}
.legend .green {
background-color: green;
}
</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>
@ -104,8 +89,7 @@
<h1>CSMS Claims and Neighbors</h1> <h1>CSMS Claims and Neighbors</h1>
</div> </div>
<div class="legend"> <div class="legend">
<h3>Legend:</h3> <p><strong>Legend:</strong> CSMS claims are in green.</p>
<div><span class="green"></span> Our Claims</div>
</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"></iframe>