Skip to content

Instantly share code, notes, and snippets.

@mapsmania

mapsmania/index.html

Last active December 21, 2021 14:29
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save mapsmania/90a698d0feda36203648b0932c6c26f6 to your computer and use it in GitHub Desktop.
Save mapsmania/90a698d0feda36203648b0932c6c26f6 to your computer and use it in GitHub Desktop.
Download ZIP
2021 Maps of the Year
Raw
index.html
<html>
<head>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="http://cdn.jsdelivr.net/jquery.mixitup/latest/jquery.mixitup.min.js"></script>
<style>
*{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
a:link {
color: #FFffff;
}
a:visited {
color: #ffffff;
}
a:hover {
color: #68b8c4;
}
a:active {
color: #ffffff;
}
body, button{
font-family: 'Helvetica Neue', arial, sans-serif;
/* unvisited link */
}
.controls{
padding: 2%;
background: #03899c;
color: #eee;
}
label{
font-size: 24px;
margin: 1 .4em 0 0;
padding-left:10px;
padding-right:30px;
}
button{
display: inline-block;
padding: .4em .8em;
background: #666;
border: 0;
color: #ddd;
font-size: 16px;
font-weight: 300;
border-radius: 4px;
cursor: pointer;
}
button.active{
background: #68b8c4;
}
button:focus{
outline: 0 none;
}
button + label{
margin-left: 1em;
}
.container{
padding: 2% 2% 0;
text-align: justify;
font-size: 0.1px;
background: #68b8c4;
-webkit-backface-visibility: hidden;
}
.container:after{
content: '';
display: inline-block;
width: 100%;
}
.container .mix,
.container .gap{
display: inline-block;
width: 49%;
}
.container .mix{
text-align: left;
background: #03899c;
margin-bottom: 2%;
display: none;
}
.container .mix.category-1{
border-top: 2px solid limegreen;
width:300px;
}
.container .mix.category-2{
border-top: 2px solid yellow;
width:300px;
}
.container .mix.category-3{
border-top: 2px solid red;
width:300px;
}
.container .mix.category-4{
border-top: 2px solid blue;
width:300px;
}
.container .mix.category-5{
border-top: 2px solid white;
width:300px;
}
.container .mix.category-6{
border-top: 2px solid white;
width:300px;
}
.container .mix:after{
content: attr(data-myorder);
color: white;
font-size: 16px;
display: inline-block;
vertical-align: top;
padding: 4% 6%;
font-weight: 700;
}
.container .mix:before{
content: '';
display: inline-block;
}
@media all and (min-width: 420px){
.container .mix,
.container .gap{
width: 32%;
}
}
@media all and (min-width: 640px){
.container .mix,
.container .gap{
width: 23.5%;
}
}
</style>
<script>
$(function(){
$('#Container').mixItUp();
});
</script>
<title>Maps of the Year</title></head>
<body bgcolor="#68b8c4">
<div class="controls"> <label><a href="http://googlemapsmania.blogspot.com/">Maps
Mania</a> Maps of the Year</label> <button class="filter" data-filter="all">All</button>
<button class="filter" data-filter=".category-1">Mapbox</button>
<button class="filter" data-filter=".category-2">Google</button>
<button class="filter" data-filter=".category-3">Leaflet.js</button>
<button class="filter" data-filter=".category-4">CartoDB</button>
<button class="filter" data-filter=".category-5">Esri</button>
<button class="filter" data-filter=".category-6">Other</button></div>
<div id="Container" class="container">
<div class="mix category-1" data-myorder="A Geologic Map of the World"> <a href="https://macrostrat.org/" target="_blank"><img src="https://3.bp.blogspot.com/-r_NO15tzPgI/Xz5K_DmojlI/AAAAAAAA8FI/2RiKj2z5iEYUi4DUtWWkdP7kXRiNFcaPgCLcBGAsYHQ/s523/four.jpg" width="300" height="125"></a></div>
<div class="mix category-1" data-myorder="Mini Tokyo 3D"> <a href="https://nagix.github.io/mini-tokyo-3d/#14/35.6814/139.767/0/60" target="_blank"><img src="https://1.bp.blogspot.com/-727qPTX-9Ck/X_8VzQhYyxI/AAAAAAAA8v4/_aXLS1gTEkYrxMZGePyEtCASRlWI4caswCLcBGAsYHQ/s523/four.jpg" width="300" height="125"></a></div>
<div class="mix category-6" data-myorder="Jazero Explorer"> <a href="https://birdnest.geology.wisc.edu/syrtis-jezero/" target="_blank"><img src="https://1.bp.blogspot.com/-yxLA6_Ra-P0/YAAgV8nf0KI/AAAAAAAA8wA/FDoEwGp-LhI0q0lIfPgswX-PAAQwRR2-ACLcBGAsYHQ/s523/climatewarming.jpg" width="300" height="125"></a></div>
<div class="mix category-1" data-myorder="Ares"> <a href="https://hypsogram.com/ares/#6.02/21.12/-131.829/-72.8/61" target="_blank"><img src="https://1.bp.blogspot.com/-1K6aT0BMwzA/YBQ7l8kIInI/AAAAAAAA818/qSkce3Pk0rM9qGvRsjxZMFIs6R6Gkt2tACLcBGAsYHQ/s523/four.jpg" width="300" height="125"></a></div>
<div class="mix category-1" data-myorder="The Interactive Nolli Map"> <a href="https://nolli.stanford.edu/" target="_blank"><img src="https://1.bp.blogspot.com/-LnkZ7udeanE/YBU2FgkEEHI/AAAAAAAA82E/6lfyXy3lTi0XbSdRBPlBECOrXROb5WxzwCLcBGAsYHQ/s523/four.jpg" width="300" height="125"></a></div>
<div class="mix category-5" data-myorder="The 2020 US Election Dot Map"> <a href="https://carto.maps.arcgis.com/apps/webappviewer/index.html?id=ef4a986a1caa429ea3b46fffe323c8e3&rsource=https%3A%2F%2Flinks.esri.com%2FElection2020Web" target="_blank"><img src="https://1.bp.blogspot.com/-SrQzHbEVj1w/YDTM48n6miI/AAAAAAAA88A/c-zsqME3PNA81gbMwTTT1RxPjjkpaFlFgCLcBGAsYHQ/s523/four.jpg" width="300" height="125"></a></div>
<div class="mix category-1" data-myorder="Half a Million Covid Deaths"> <a href="https://www.washingtonpost.com/nation/interactive/2021/500000-covid-deaths-visualized/" target="_blank"><img src="https://2.bp.blogspot.com/-y4O3QOHan28/X22frZeV1qI/AAAAAAAA8SA/MiYM8nWKkSkB2oLfKM1hOBcV2bDB_7sQwCLcBGAsYHQ/s523/four.jpg" width="300" height="125"></a></div>
<div class="mix category-6" data-myorder="Countries Mapped Onto Planets"> <a href="https://engaging-data.com/mapping-countries-planets/" target="_blank"><img src="https://1.bp.blogspot.com/-HmxW7kbzbjE/YBu5QgYZigI/AAAAAAAA83c/cEiWmtUUbH8KseaZK07MylkdGu_FhO5IQCLcBGAsYHQ/s523/four.jpg" width="300" height="125"></a></div>
<div class="mix category-6" data-myorder="Overlapping Map Projections"> <a href="https://observablehq.com/@mkfreeman/overlapping-projections" target="_blank"><img src="https://1.bp.blogspot.com/-0dSEJOHVmGM/YC5AaCZDUII/AAAAAAAA87E/aC0WQGeXCawcwNhkztrtMJfY8I-sg3i-gCLcBGAsYHQ/s523/four.jpg" width="300" height="125"></a> </div>
<div class="mix category-6" data-myorder="Steer Through the Suez Canal"> <a href="https://edition.cnn.com/interactive/2021/03/cnnix-steership/" target="_blank"><img src="https://1.bp.blogspot.com/-RDaku0RcpRU/YGLZ1Chw5JI/AAAAAAAA9Fc/cd7rtlSXPC4doEAx7G5unmPMO-k7ialrgCLcBGAsYHQ/s523/four.jpg" width="300" height="125"></a> </div>
<div class="mix category-4" data-myorder="The World's Watersheds"> <a href="https://hi.stamen.com/rivers-de92f8b462ac" target="_blank"><img src="https://1.bp.blogspot.com/-JXQ8cgn31Uw/YFtechC7WVI/AAAAAAAA9Dw/W0493BlxDwEE-f-4N5W7WOCURYKiDoGpgCLcBGAsYHQ/s523/amsterundamed.gif" width="300" height="125"></a></div>
<div class="mix category-1" data-myorder="Hawaii Elevation"> <a href="https://public.tableau.com/profile/alexandervar#!/vizhome/Hawaii_elevation/HawaiiElevation" target="_blank"><img src="https://1.bp.blogspot.com/-pT34iNnUlgw/YEeU0jztGwI/AAAAAAAA8_o/IFP4rmFyO60pfxZnkKOGtue1W2cP3j6-ACLcBGAsYHQ/s523/amsterundamed.gif" width="300" height="125"></a></div>
<div class="mix category-6" data-myorder="Disaster in the Himalayas"> <a href="https://graphics.reuters.com/INDIA-DISASTER/LANDSLIDE/ygdvzeaxypw/index.html" target="_blank"><img src="https://1.bp.blogspot.com/-yQjZspqTGIw/YD4JuW7Ur0I/AAAAAAAA89w/dwnN9TWVs-o2Slz9hwwukN0hM3XZpydEgCLcBGAsYHQ/s523/four.jpg" width="300" height="125"></a></div>
<div class="mix category-1" data-myorder="scale-a-tron"> <a href="https://stamen.github.io/scale-a-tron/" target="_blank"><img src="https://1.bp.blogspot.com/-JK0JDPrOraM/YIJzdM-oqXI/AAAAAAAA9L8/cSgwDymWiY0MsIZ2ibNNo1vG65XG5G45ACLcBGAsYHQ/s523/four.jpg" width="300" height="125"></a></div>
<div class="mix category-1" data-myorder="Music Bubble"> <a href="https://pudding.cool/2021/04/music-bubble/" target="_blank"><img src="https://1.bp.blogspot.com/-tsky1aNVEzU/YHF-HkE9ETI/AAAAAAAA9Is/p5ghfuVhKoUzjDFkAE7B2I9F_I6PNUBKQCLcBGAsYHQ/s523/four.jpg" width="300" height="125"></a></div>
<div class="mix category-1" data-myorder="EqualStreetNames"> <a href="https://equalstreetnames.org/" target="_blank"><img src="https://1.bp.blogspot.com/-EoZszGBV33w/YGrEDNYcpuI/AAAAAAAA9Gw/x9Q8QDlzGa45vm78FlrPck_QhW5E-NtPQCLcBGAsYHQ/s523/four.jpg" width="300" height="125"></a></div>
<div class="mix category-6" data-myorder="The North Sea is Teeming"> <a href="https://multimedia.tijd.be/noordzee/" target="_blank"><img src="https://1.bp.blogspot.com/-99Q4O4DPcw0/YLHxLc5E7sI/AAAAAAAA9cA/eoQYD_N5OBkpqJ7K1XjzGf-ybv2dCBpqwCLcBGAsYHQ/s523/amsterundamed.gif" width="300" height="125"></a> </div>
<div class="mix category-6" data-myorder="The Tulsa Race Massacre"> <a href="https://www.nytimes.com/interactive/2021/05/24/us/tulsa-race-massacre.html" target="_blank"><img src="https://1.bp.blogspot.com/-6ltDSh1d1z8/YK5cyuMBEkI/AAAAAAAA9bA/ctR3Cz62SJwtpe4ruJvMbV_Prhnt9aTZwCLcBGAsYHQ/s523/3.jpg" width="300" height="125"></a> </div>
<div class="mix category-3" data-myorder="Long Tiny Loop"> <a href="https://longtinyloop.com/" target="_blank"><img src="https://1.bp.blogspot.com/-LEbEVmSFFVE/YKJ483P7YMI/AAAAAAAA9Tc/hmFxC5hY5G4r0xCkJNawdXwjBrtwyxq_QCLcBGAsYHQ/s523/four.jpg" width="300" height="125"></a> </div>
<div class="mix category-1" data-myorder="River Runner"> <a href="https://river-runner.samlearner.com/" target="_blank"><img src="https://1.bp.blogspot.com/-ENPvCd4reYY/YKIprsNZu4I/AAAAAAAA9TU/5eto75uLtKMrJrjR9Yc9CZ5wERy6P7L6gCLcBGAsYHQ/s523/four.jpg" width="300" height="125"></a> </div>
<div class="mix category-6" data-myorder="Your Political Bubble"> <a href="https://www.nytimes.com/interactive/2021/04/30/opinion/politics/bubble-politics.html" target="_blank"><img src="https://1.bp.blogspot.com/-Va0gN7aKsac/YJUCL1kkRnI/AAAAAAAA9Qs/JNKfjTHozIk17T3PCZR6EulEG2vNMMYugCLcBGAsYHQ/s523/four.jpg" width="300" height="125"></a> </div>
<div class="mix category-6" data-myorder="Bonn in 3D"> <a href="https://3d.bonn.de/" target="_blank"><img src="https://1.bp.blogspot.com/-Tu-nFawC0Lg/YNw5LzGWbxI/AAAAAAAA9uk/fjdOG93DH4oeN8dN-gAG2_W7J-3Bx7segCLcBGAsYHQ/s523/2.jpg" width="300" height="125"></a> </div>
<div class="mix category-1" data-myorder="Plastic Tracker"> <a href="https://theoceancleanup.com/plastic-tracker/" target="_blank"><img src="https://1.bp.blogspot.com/-usWefzuUQpw/YMmapp10HsI/AAAAAAAA9k4/mq94daRFVJwcXepTIuR0zDstoH1E41qTwCLcBGAsYHQ/s523/four.jpg" width="300" height="125"></a> </div>
<div class="mix category-6" data-myorder="Shadowmap"> <a href="https://app.shadowmap.org/" target="_blank"><img src="https://1.bp.blogspot.com/-oVoVQwbG4B4/YL3ED3MGUZI/AAAAAAAA9ek/wxECZFe_VOMW5q5lQWpvmyUhR5yB-YDpwCLcBGAsYHQ/s523/four.jpg" width="300" height="125"></a> </div>
<div class="mix category-6" data-myorder="Global Fishing Marine Manager"> <a href="https://globalfishingwatch.org/marine-manager" target="_blank"><img src="https://1.bp.blogspot.com/-sd6H2H2eMck/YLc9PeIQCxI/AAAAAAAA9cw/oUuyxjg6Fuo5gMkWnaVuEpdz0V9CvEczACLcBGAsYHQ/s523/four.jpg" width="300" height="125"></a> </div>
<div class="mix category-6" data-myorder="360 Degree Panoramic Maps"> <a href="https://www.leventhalmap.org/articles/panoramas/" target="_blank"><img src="https://1.bp.blogspot.com/-HD4gg-l_cMk/YPbfAwiBVcI/AAAAAAAA924/-GyUT08yhDYkHogPYtd_U2LNZOsrxg8pQCLcBGAsYHQ/s523/four.jpg" width="300" height="125"></a> </div>
<div class="mix category-1" data-myorder="Streetonomics"> <a href="http://social-dynamics.net/streetonomics/" target="_blank"><img src="https://1.bp.blogspot.com/-SIbjrsHU138/YPQGgxpv5KI/AAAAAAAA92I/iUgtmLBbrysr0tjYgQXHxlKWG7Mwp4peQCLcBGAsYHQ/s523/four.jpg" width="300" height="125"></a> </div>
<div class="mix category-6" data-myorder="Netherlands Building Heights"> <a href="https://apps.webmapper.nl/bag_3D/#15/52.10244/5.13546/-58.4/60" target="_blank"><img src="https://1.bp.blogspot.com/-0MlfBiYgKpo/YO_m_6qoDiI/AAAAAAAA91E/Q7nFD5K5s-U6BSpkhxQlLAnnxncNZ7_WQCLcBGAsYHQ/s523/four.jpg" width="300" height="125"></a> </div>
<div class="mix category-3" data-myorder="15 Minute Cities"> <a href="https://15-minutes.city/" target="_blank"><img src="https://1.bp.blogspot.com/-HiMQ-E5ktlY/YOK9zVhxxWI/AAAAAAAA9vc/NH21msjfqKITC5dpCkMuv7kcVlQ6iOPmwCLcBGAsYHQ/s523/four.jpg" width="300" height="125"></a> </div>
<div class="mix category-3" data-myorder="Pixlton"> <a href="https://www.getpixls.com/map" target="_blank"><img src="https://1.bp.blogspot.com/-woxQwWX8fqg/YS3QZ9avLCI/AAAAAAAA-DA/mADQigdc4yYeR5fEBQR41fwbw-9bnCWYgCLcBGAsYHQ/s523/four.jpg" width="300" height="125"></a> </div>
<div class="mix category-6" data-myorder="Supertunnel Simulator"> <a href="https://supertunnel.app/" target="_blank"><img src="https://1.bp.blogspot.com/-kVQOsDwOzq4/YSiwZF6p_hI/AAAAAAAA-CQ/4jRy09Bhb28BJdlgv-c11Zqrq2kyjx55ACLcBGAsYHQ/s523/four.jpg" width="300" height="125"></a></div>
<div class="mix category-1" data-myorder="Racial Dot Map of America"> <a href="https://edition.cnn.com/interactive/2021/us/census-race-ethnicity-map/" target="_blank"><img src="https://1.bp.blogspot.com/-WM4QENeQBzk/YReHBxJneRI/AAAAAAAA9-c/6-XX6m-Guos-lc9EgbybvifYUJeUgFS_wCLcBGAsYHQ/s523/four.jpg" width="300" height="125"></a></div>
<div class="mix category-1" data-myorder="Where America is Growing"> <a href="https://www.washingtonpost.com/nation/interactive/2021/land-development-urban-growth-maps/" target="_blank"><img src="https://1.bp.blogspot.com/-2cVWohgQJ2o/YRN-6Pj94ZI/AAAAAAAA99s/N2UtgArnaK4YD20QXE_fpWs7LcYQJ9whACLcBGAsYHQ/s523/four.jpg" width="300" height="125"></a></div>
<div class="mix category-6" data-myorder="The Climate Impact Map"> <a href="https://impactlab.org/map/#usmeas=absolute&usyear=1981-2010&gmeas=absolute&gyear=1986-2005" target="_blank"><img src="https://1.bp.blogspot.com/-2hbhSjZr6a4/YQ4-zUxn-jI/AAAAAAAA98s/cCrw7y4RpSo2zVNdmstv6g5XVR5VEJSygCLcBGAsYHQ/s523/amsterundamed.gif" width="300" height="125"></a></div>
<div class="mix category-3" data-myorder="Hyrule Street View"> <a href="https://nassimsoftware.github.io/zeldabotwstreetview/" target="_blank"><img src="https://1.bp.blogspot.com/-KVRTQWdJ0wI/YQju2Cl3GSI/AAAAAAAA97E/byLEr43WREUcMUr11dhOfRFacA5KcxFzACLcBGAsYHQ/s523/1.jpg" width="300" height="125"></a></div>
<div class="mix category-6" data-myorder="Map Projection Playground"> <a href="https://observablehq.com/@floledermann/projection-playground" target="_blank"><img src="https://1.bp.blogspot.com/-wMpjVp-zPxw/YVQYM_ilR9I/AAAAAAAA-KY/2KduGcDrkW0LCZSd6aQ-qxFuRT3hFZKIgCLcBGAsYHQ/s523/amsterundamed.gif" width="300" height="125"></a></div>
<div class="mix category-1" data-myorder="Your Climate Future"> <a href="https://probablefutures.org/" target="_blank"><img src="https://1.bp.blogspot.com/-D9zrqlht8k0/YU2KmqnPSgI/AAAAAAAA-JI/oQT7ihO4XV81cvUiIBON9xifTh8ymZxXQCLcBGAsYHQ/s523/four.jpg" width="300" height="125"></a></div>
<div class="mix category-6" data-myorder="Remembering 9/11"> <a href="https://www.corriere.it/sette/11-settembre-ventennale/attentato-torri-gemelle-2001/" target="_blank"><img src="https://1.bp.blogspot.com/-Mb7l66u8Qds/YT9c13sSKzI/AAAAAAAA-Gw/Yd7IzmSODqYlesunZBGQfdBCTV15vHO0ACLcBGAsYHQ/s523/amsterundamed.gif" width="300" height="125"></a></div>
<div class="mix category-1" data-myorder="Mapbox with Trains"> <a href="https://observablehq.com/d/fb32bbf9ea0f2e41" target="_blank"><img src="https://1.bp.blogspot.com/-4YLXaI2K8zg/YTmugIzsZQI/AAAAAAAA-GI/hQliKqBugQgkm4c6hXaNbLJuDLTdENiRACLcBGAsYHQ/s523/four.jpg" width="300" height="125"></a></div>
<div class="mix category-6" data-myorder="Singapore 2030"> <a href="https://www.straitstimes.com/multimedia/graphics/2021/08/sg-2030/index.html" target="_blank"><img src="https://1.bp.blogspot.com/-CdCW_TVUjhg/YTcfIkfN41I/AAAAAAAA-FU/2-dyVupDxxo1aqKGjuSvm-X6aF4RT53vQCLcBGAsYHQ/s523/four.jpg" width="300" height="125"></a></div>
<div class="mix category-2" data-myorder="Moving Hamburg"> <a href="https://demos.ubilabs.com/moving-hamburg/" target="_blank"><img src="https://1.bp.blogspot.com/-J9JKJBwTb3E/YWgQIzp7PbI/AAAAAAAA-N0/5Z2B5kvbbXchK93XEWK8CJIcqJfrekORACLcBGAsYHQ/s523/amsterundamed.gif" width="300" height="125"></a></div>
<div class="mix category-6" data-myorder="The Last Tati Store"> <a href="https://www.leparisien.fr/paris-75/un-petit-magasin-devenu-un-symbole-de-paris-comment-tati-a-imprime-sa-marque-a-barbes-04-10-2021-IIJ5MJVO3RBZXJY2BMBJ626PEM.php" target="_blank"><img src="https://1.bp.blogspot.com/-FfSeFS9UUrU/YV6zPoGRspI/AAAAAAAA-L4/47Eb9Cv5lPg916hRsqQReMCvGs-PAwPBwCLcBGAsYHQ/s523/amsterundamed.gif" width="300" height="125"></a></div>
<div class="mix category-1" data-myorder="Trees in 3D"> <a href="https://exploretrees.sg/3d/#17.7/1.292859/103.84709/0/65" target="_blank"><img src="https://1.bp.blogspot.com/-Lc3-ZSQrx4I/YV230SPvmyI/AAAAAAAA-Lo/69Wk3NlGXNYrWj_h4hft6JLiDiaXiE7EACLcBGAsYHQ/s523/1.jpg" width="300" height="125"></a></div>
<div class="mix category-1" data-myorder="Spain's Building Heights"> <a href="https://lab.eldiario.es/elections-maps/proyecto-ciudades/mapa-alturas/mapa-ciudades.html" target="_blank"><img src="https://1.bp.blogspot.com/-jDS4xrReFCM/YVbHRnhng0I/AAAAAAAA-Kw/k7X9NTyPhZU079NeCA7XyueR788h_IoxgCLcBGAsYHQ/s523/four.jpg" width="300" height="125"></a></div>
<div class="mix category-6" data-myorder="Census Mapper 2020"> <a href="https://censusmapper.biglocalnews.org/#/" target="_blank"><img src="https://1.bp.blogspot.com/-VKf8LiX6Wp4/YZYM13FHwgI/AAAAAAAA-U4/Q_mC-vc2QYkL42WbXq7wT4w2X48OzE7cwCLcBGAsYHQ/s523/four.jpg" width="300" height="125"></a></div>
<div class="mix category-3" data-myorder="Border Lands"> <a href="https://library.uta.edu/borderland/" target="_blank"><img src="https://1.bp.blogspot.com/-GdLdMHLa8oU/YaXs5HZt8yI/AAAAAAAA-Xg/fTP-YKcIRjE9ia2DDu0w3AqPpDbU9RMbwCLcBGAsYHQ/s523/1.jpg" width="300" height="125"></a></div>
<div class="mix category-1" data-myorder="Shade Map"> <a href="https://shademap.app/#51.5888,-0.0247,10z,1640096154998t" target="_blank"><img src="https://1.bp.blogspot.com/-r341Y5P7QKU/Ya3LiRFySvI/AAAAAAAA-ZY/LiEIZLEG8zQ6aKmd1txKf6wYx2qyFdQDgCNcBGAsYHQ/s523/1.jpg" width="300" height="125"></a></div>
<div class="mix category-1" data-myorder="The Magic Mushroom Map"> <a href="https://www.magicmushroommap.com/map" target="_blank"><img src="https://1.bp.blogspot.com/-apCWc9UN0Rc/YPaDZUP-HwI/AAAAAAAA92w/_GDv_y499F0flqdktZPnsUUkyqZhjN0IQCLcBGAsYHQ/s523/four.jpg" width="300" height="125"></a></div>
<div class="gap"></div>
<div class="gap"></div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment