129 lines
91 KiB
Plaintext
129 lines
91 KiB
Plaintext
|
<!--
|
||
|
|
Used the following resources to get the map working:
|
||
|
|
|
||
|
|
https://createaclickablemap.com/
|
||
|
|
https://beautifier.io/
|
||
|
|
|
||
|
|
Code for the map is found in wwwroot/js/clickableMap.js
|
||
|
|
|
||
|
|
-->
|
||
|
|
|
||
|
|
@page "/browse"
|
||
|
|
|
||
|
|
<!-- CSS start (put inside <head> tag) -->
|
||
|
|
<style>
|
||
|
|
.cmm-usa {
|
||
|
|
display: none;
|
||
|
|
margin: 0 auto;
|
||
|
|
position: relative;
|
||
|
|
padding: 10px
|
||
|
|
}
|
||
|
|
|
||
|
|
.cmm-usa svg {
|
||
|
|
width: 100%;
|
||
|
|
z-index: 99
|
||
|
|
}
|
||
|
|
|
||
|
|
.cmm-usa svg path {
|
||
|
|
stroke-linecap: round;
|
||
|
|
stroke-linejoin: round;
|
||
|
|
stroke-miterlimit: 10
|
||
|
|
}
|
||
|
|
|
||
|
|
.cmm-usa-hover-state-info {
|
||
|
|
position: relative;
|
||
|
|
margin: -40px auto 20px auto;
|
||
|
|
display: none;
|
||
|
|
box-sizing: border-box;
|
||
|
|
padding: .75em;
|
||
|
|
width: 300px;
|
||
|
|
border-radius: 10px;
|
||
|
|
background: #fff;
|
||
|
|
box-shadow: 0 0 20px #999;
|
||
|
|
font-size: 14px;
|
||
|
|
z-index: 100
|
||
|
|
}
|
||
|
|
|
||
|
|
.cmm-usa-hover-state-info span {
|
||
|
|
display: block;
|
||
|
|
line-height: 1.5em
|
||
|
|
}
|
||
|
|
|
||
|
|
.cmm-usa-hover-state-info span:first-child {
|
||
|
|
font-weight: bold;
|
||
|
|
text-align: center
|
||
|
|
}
|
||
|
|
|
||
|
|
.cmm-usa-listview {
|
||
|
|
width: 100%;
|
||
|
|
text-align: center;
|
||
|
|
margin: 1em 0
|
||
|
|
}
|
||
|
|
|
||
|
|
.cmm-usa-listview ul {
|
||
|
|
vertical-align: top;
|
||
|
|
list-style: none;
|
||
|
|
display: inline-block;
|
||
|
|
text-align: left;
|
||
|
|
margin: 0;
|
||
|
|
padding: 0
|
||
|
|
}
|
||
|
|
|
||
|
|
.cmm-usa-listview ul li {
|
||
|
|
padding: 0;
|
||
|
|
margin: 0
|
||
|
|
}
|
||
|
|
|
||
|
|
.cmm-usa-listview ul li span {
|
||
|
|
display: inline-block;
|
||
|
|
position: relative;
|
||
|
|
height: 12px;
|
||
|
|
width: 12px;
|
||
|
|
border-radius: 12px;
|
||
|
|
color: black;
|
||
|
|
text-align: center;
|
||
|
|
line-height: 12px;
|
||
|
|
font-weight: bold;
|
||
|
|
border: 1px solid #999;
|
||
|
|
opacity: 1.0;
|
||
|
|
margin-right: .5em
|
||
|
|
}
|
||
|
|
|
||
|
|
.cmm-usa-listview ul li span::after {
|
||
|
|
content: "\2B9E";
|
||
|
|
position: relative;
|
||
|
|
color: #333;
|
||
|
|
font-size: 12px
|
||
|
|
}
|
||
|
|
|
||
|
|
.cmm-usa-listview ul li a {
|
||
|
|
display: inline-block;
|
||
|
|
margin: .5em 1em .5em 0;
|
||
|
|
color: #ccc;
|
||
|
|
text-decoration: none
|
||
|
|
}
|
||
|
|
|
||
|
|
.cmm-usa-listview ul li a.cmm-usa-live-link {
|
||
|
|
color: #000;
|
||
|
|
text-decoration: underline;
|
||
|
|
cursor: pointer
|
||
|
|
}
|
||
|
|
|
||
|
|
.cmm-usa-title {
|
||
|
|
width: 100%;
|
||
|
|
text-align: center;
|
||
|
|
font-weight: bold
|
||
|
|
}
|
||
|
|
|
||
|
|
.cmm-usa-credit-link {
|
||
|
|
text-align: center
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
<!-- CSS end -->
|
||
|
|
<!-- HTML start -->
|
||
|
|
<div id="cmm-usa" class="cmm-usa"><div class="cmm-usa-title"></div><svg class="cmm-usa-svg" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 535 350" preserveAspectRatio="xMidYMid meet"><defs><filter class="cmm-usa-blur-filter"><feOffset result="shadowState" in="SourceAlpha" dx="1" dy="1"></feOffset><feGaussianBlur result="blurredState" in="shadowState" stdDeviation="3"></feGaussianBlur></filter></defs><g class="cmm-usa-states"><title>USA Map</title><desc>An image of the United States, with clickable states.</desc><a class="cmm-usa-state-tx"><title></title><desc></desc><path d="M199.4251251,189.2160797c7.2743378,0.2913666,22.6705017,0.5180817,30.0319824,0.548233v23.984436 l1.1477966,0.1199341l1.9873505,2.1243134l1.2848663-0.4968262l3.7175598,0.942276l0.2227325,1.5418396h2.4498138 c0.832489,0.2917633,2.9932404,1.2310181,3.8717957,0.7366638l0.9593811,1.0450592l1.233429-1.1992493l2.021637,0.4968414 l0.9079285,1.353363l1.4219666,0.1199341l0.7537994,1.7131805l2.1928101-1.781723 c0.411377,1.0396729,2.0942993,1.6600189,3.0151978,2.038681l1.2164001-0.5995636l1.1134949,1.6788788l2.2785339-2.9809113 l1.3876648,1.0621643l2.723999,0.4625397l2.2784424,1.4733582l1.4048157-0.839447l0.2741699-0.9765167 c2.2579956-0.6747284,5.8496399-1.9001617,8.1204224-0.7709503l1.4561768-1.2677307 c1.1098633,0.4246368,3.0715942,1.5834045,3.8203125,2.5185547c1.1283264,0.3187256,4.4321289,0.8593292,5.0197144,2.0898895 l0.9935608-0.4968414l2.5869141,0.1884766c0.2617798,4.1310425,0.9211731,14.8753967,1.1820984,19.1361237 c1.0354309,0.4924011,2.3343811,2.5057373,2.8609619,3.4777374l-0.3939819,1.3020325l1.6788635,1.8845062l0.1542358,1.5418396 l1.5760803,1.4219208l0.394104,3.2036285c-0.2792969,1.2515259-1.0801392,3.8928833-1.9187317,4.8825378l0.513916,1.23349 l-0.6338501,1.3876648l0.7194824,0.8223572l-0.0342712,2.5526123l-2.0043945,3.0323486l1.0108032,1.5075378 c-2.0828857,0.1380615-6.2738647,2.2582397-8.0690613,3.2893372l-1.627533-0.6167297l0.3426514-2.8781738l-1.3020325,0.0856934 l-0.5653687,1.0793152l-1.421875,0.2398071l0.3425598,1.7988281l0.7880859,0.137085l0.2912292,2.3127747 c-2.8308411,4.9264221-9.2406616,8.2242126-14.0994568,10.758728c-0.9596252,1.0215759-3.1555481,2.9177856-4.4371948,3.4946594 c0.0000916,0.0001831-2.7238159,2.4500732-2.7238159,2.4500732l-0.3939819-0.7538147l3.4605408-2.5869141l-1.2677307-1.3362732 l-0.9250793,0.5482483v1.7303162l-1.4562683,1.2848816l-1.1477966-0.719574l-1.9187317,1.2677307l1.8502502,0.7367249 l-1.4734192,2.4840698l-0.7194824-0.6167297l-2.2614136,0.1027832l0.9936523,1.5932617l1.2848816,0.513916l-1.7303162,5.4307861 l-0.3426514,6.7327576c0.2453308,1.4515686,1.4425659,4.0793762,2.2442627,5.3108521l-0.0684814,2.0386963l1.5760803,0.4796753 l-0.0513306,1.23349l-2.3470459,0.6338501l-0.0343018,0.9251404c-0.7138367-0.3313904-2.7796631-1.1704407-3.117981-1.9530334 c-1.5922394-0.6454468-5.1495514-0.7624512-6.8527069-0.6510315c-0.8998413-0.6984558-2.8785553-1.9324341-3.9917297-2.1928406 l-0.7708435,0.2741089l-1.5932312-1.6104126l-3.1008453-0.3083496c-0.8218384-0.9920044-1.7719421-4.2077026-2.1243134-5.4479675 c-0.0001068,0.0000916-2.0729828-2.6724548-2.0729828-2.6724548l0.1027832-2.2956543l-0.7024536-1.0964355l0.2741699-1.6960449 l-1.4048157-2.004425l-1.3020325-0.2912292l-1.3362274-1.2334595l-0.5825195-1.6275635l-2.1071777-2.9980469 c-1.8202209-0.5857544-2.501297-1.7095947-2.7751617-3.5292664c-0.0001678,0.0001526-1.7990875-2.84375-1.7990875-2.84375 l-0.5139313-2.0215149l-1.1306458-1.4562073c0.0334473-2.6547852-1.8124084-4.0428162-3.8889313-5.2594604l-0.5310822-1.1135559 l-2.175766-0.9936218l-1.4732971-2.7582397c-0.6101227-0.052002-3.6165771,0.0467834-4.0602264-0.4283447 c0,0.000061-4.0259094-0.2911377-4.0259094-0.2911377l-1.8331146-0.976532l-0.9765167,1.3705139 c-0.796875-0.3670349-2.1825562-0.0852356-2.9637604,0.1884766c-0.8404083,1.0798645-2.1936646,4.5889587-2.689621,5.8934021 c-0.0000763-0.0000916-2.8439941,3.4091187-2.8439941,3.4091187l-2.9466095-0.9593811l-1.3534851-1.4562073l-1.8159485-0.513916 l-0.7023621-0.9079895l-2.6725464-0.8223267l-2.3470459-2.
|
||
|
|
<!-- HTML end -->
|
||
|
|
<!-- JS start -->
|
||
|
|
<script src="js/clickableMap.js"></script>
|
||
|
|
<!-- JS end -->
|
||
|
|
<!-- End of clickable map code -->
|