2021-01-17 19:47:25 +11:00
<!DOCTYPE html>
< html lang = "en" >
< head >
< meta content = "text/html;charset=utf-8" http-equiv = "Content-Type" >
< meta content = "utf-8" http-equiv = "encoding" >
2021-01-18 10:27:17 +11:00
< meta name = "viewport" content = "width=device-width, initial-scale=1.0, user-scalable=yes" / >
2021-01-17 19:47:25 +11:00
< title > Library Map< / title >
2021-01-18 20:25:14 +11:00
< link rel = "shortcut icon" href = "/logo.svg" type = "image/x-icon" >
2021-01-17 19:47:25 +11:00
<!-- css -->
< link rel = "stylesheet" href = "https://unpkg.com/leaflet@1.7.1/dist/leaflet.css"
integrity="sha512-xodZBNTC5n17Xt2atTPuE1HxjVMSvLVW9ocqUKLsCC5CXdbqCmblAshOMAS6/keqq/sMZMZ19scR4PsZChSR7A=="
crossorigin=""/>
2021-01-18 20:25:14 +11:00
< link rel = "stylesheet" type = "text/css" href = "/style.css" >
2021-01-17 19:47:25 +11:00
< / head >
< body >
2021-01-18 13:29:43 +11:00
< header >
< section id = "title" >
2021-01-18 20:25:14 +11:00
< img id = "logo" src = "/logo.svg" / >
2021-01-18 13:29:43 +11:00
< h2 > Library Map< / h2 >
< / section >
2021-01-24 12:40:17 +11:00
< nav >
< ul >
< li class = "active-tab" > Home< / li >
2024-02-11 14:10:24 +11:00
< li > < a href = "/who-else" > Who else is using it?< / a > < / li >
2021-08-30 16:38:46 +10:00
< li > < a href = "/fines" > Fines< / a > < / li >
2021-01-24 12:40:17 +11:00
< li > < a href = "/about" > About< / a > < / li >
< li > < a href = "/sources" > Acknowledgements< / a > < / li >
2024-02-11 14:10:24 +11:00
< li > < a href = "/contributing" > Contribute< / a > < / li >
2021-01-24 12:40:17 +11:00
< li > < a href = "https://github.com/hughrun/public_library_map" > Code< / a > < / li >
< / ul >
< / nav >
2021-01-18 13:29:43 +11:00
< / header >
2021-01-24 12:40:17 +11:00
< main >
< div id = "loading" > Loading, please be patient...< / div >
2021-01-18 13:29:43 +11:00
2021-01-24 12:40:17 +11:00
<!-- leaflet script -->
< script src = "https://unpkg.com/leaflet@1.7.1/dist/leaflet.js" integrity = "sha512-XQoYMqMTK8LvdxXYG3nZ448hOEQiglfqkJs1NOQV44cWnUrBc8PkAOcXy20w0vlaXaVUearIOBhiXZ5V3ynxwA==" crossorigin = "" > < / script >
<!-- TopoJSON -->
< script src = "https://unpkg.com/topojson@3" > < / script >
<!-- geocsv -->
< script src = "leaflet.geocsv.js" type = "text/javascript" > < / script >
<!-- leaflet fill patterns -->
< script src = "leaflet.pattern.js" type = "text/javascript" > < / script >
2024-02-11 14:10:24 +11:00
2021-01-24 12:40:17 +11:00
< section class = "intro" >
< p > Made by < a href = "https://www.hughrundle.net" > Hugh Rundle< / a > using open data. Play with the layers by using the layer control at the top right of the map.< / p >
< p > Email < strong > librarymap@hugh.run< / strong > if you have any tips or suggestions.< / p >
< p > You need a < a href = "https://caniuse.com/?search=fetch" > modern browser< / a > with JavaScript enabled to use Library Map. This site does not work in Internet Explorer.< / p >
< / section >
2024-02-11 14:10:24 +11:00
2021-01-24 12:40:17 +11:00
< div id = "mode-switch" >
< div > < / div >
2021-01-25 14:32:18 +11:00
< button id = "mode-button" name = "mode-button" class = "hidden" > < / button >
2021-01-24 12:40:17 +11:00
< / div >
<!-- div to attach everything to -->
< div id = "mapid" > < / div >
<!-- declares mapBoxToken constant -->
< script src = "./secrets.js" type = "text/javascript" > < / script >
<!-- this is the guts of it -->
< script src = "./load-map.js" type = "text/javascript" > < / script >
< / main >
< footer >
< p > This website and the data it uses licensed < a href = "https://creativecommons.org/licenses/by/4.0/" > CC-BY-4.0< / a > < / p >
< / footer >
2021-01-17 19:47:25 +11:00
< / body >
< / html >
