public_library_map/website/index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta content="text/html;charset=utf-8" http-equiv="Content-Type">
    <meta content="utf-8" http-equiv="encoding">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
    <title>Library Map</title>
    <link rel="shortcut icon" href="/logo.svg" type="image/x-icon">
    <!-- css -->
    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css"
    integrity="sha512-xodZBNTC5n17Xt2atTPuE1HxjVMSvLVW9ocqUKLsCC5CXdbqCmblAshOMAS6/keqq/sMZMZ19scR4PsZChSR7A=="
    crossorigin=""/>
    <link rel="stylesheet" type="text/css" href="/style.css">
  </head>
  <body>
    <header>
      <section id="title">
        <img id="logo" src="/logo.svg"/>
        <h2>Library Map</h2>
        <p id="beta">Beta!</p>
      </section>
    </header>
    <nav>
      <ul>
        <li class="active-tab">Home</li>
        <li><a href="/about">About</a></li>
        <li><a href="/sources">Acknowledgements</a></li>
        <li><a href="/contributing">How you can help</a></li>
        <li><a href="https://github.com/hughrun/public_library_map">Code</a></li>
      </ul>
    </nav>

    <div id="loading">Loading, please be patient...</div>

    <!-- 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>

    <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>

    <div id="mode-switch">
      <div></div>
      <button id="mode-button" name="mode-button">View in White Fragility Mode</button>
    </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>
  </body>
</html>
update files 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">`
update web pages and boundaries file - boundaries file has TitleCased names - various updates to information pages - styling improvements - update README Fixes #1 Fixes #2 Fixes #3 2021-01-18 10:27:17 +11:00			`<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />`
update files 2021-01-17 19:47:25 +11:00			`<title>Library Map</title>`
update directories for cool links 2021-01-18 20:25:14 +11:00			`<link rel="shortcut icon" href="/logo.svg" type="image/x-icon">`
update files 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=""/>`
update directories for cool links 2021-01-18 20:25:14 +11:00			`<link rel="stylesheet" type="text/css" href="/style.css">`
update files 2021-01-17 19:47:25 +11:00			`</head>`
			`<body>`
improve menu tabs Menu tabs now appear consistently on all pages. The active page is colour-reversed and has no link. Also improved the logo file. 2021-01-18 13:29:43 +11:00			`<header>`
			`<section id="title">`
update directories for cool links 2021-01-18 20:25:14 +11:00			`<img id="logo" src="/logo.svg"/>`
improve menu tabs Menu tabs now appear consistently on all pages. The active page is colour-reversed and has no link. Also improved the logo file. 2021-01-18 13:29:43 +11:00			`<h2>Library Map</h2>`
			`<p id="beta">Beta!</p>`
			`</section>`
			`</header>`
			`<nav>`
			`<ul>`
			`<li class="active-tab">Home</li>`
update directories for cool links 2021-01-18 20:25:14 +11:00			`<li><a href="/about">About</a></li>`
			`<li><a href="/sources">Acknowledgements</a></li>`
			`<li><a href="/contributing">How you can help</a></li>`
improve menu tabs Menu tabs now appear consistently on all pages. The active page is colour-reversed and has no link. Also improved the logo file. 2021-01-18 13:29:43 +11:00			`<li><a href="https://github.com/hughrun/public_library_map">Code</a></li>`
			`</ul>`
			`</nav>`

update files 2021-01-17 19:47:25 +11:00			`<div id="loading">Loading, please be patient...</div>`
improve menu tabs Menu tabs now appear consistently on all pages. The active page is colour-reversed and has no link. Also improved the logo file. 2021-01-18 13:29:43 +11:00
update files 2021-01-17 19:47:25 +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>`

			`<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>`
restructure website for better data integration Big commit here. This moves the "data" directory inside the website, and then uses fetch to bring the csv and geoJSON files into the map instead of copy-pasting into JS files. Much cleaner and reduces steps from updating a CSV to updating the actual website. Now we simply need to git pull on the webserver (unless the updated data is for library services rather than library locations). Also cleans up some styling. Also removes my MapBox secrets from the Git repo whoops. These are now brought in via a secrets.js file that simply declares a constant. This file will not be visible in the repo. Fixes #14 2021-01-20 09:28:43 +11:00			`<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>`
update files 2021-01-17 19:47:25 +11:00			`</section>`

move WFM button to top of map Fixes #6 2021-01-18 10:46:01 +11:00			`<div id="mode-switch">`
			`<div></div>`
			`<button id="mode-button" name="mode-button">View in White Fragility Mode</button>`
			`</div>`
update files 2021-01-17 19:47:25 +11:00			`<!-- div to attach everything to -->`
			`<div id="mapid"></div>`
restructure website for better data integration Big commit here. This moves the "data" directory inside the website, and then uses fetch to bring the csv and geoJSON files into the map instead of copy-pasting into JS files. Much cleaner and reduces steps from updating a CSV to updating the actual website. Now we simply need to git pull on the webserver (unless the updated data is for library services rather than library locations). Also cleans up some styling. Also removes my MapBox secrets from the Git repo whoops. These are now brought in via a secrets.js file that simply declares a constant. This file will not be visible in the repo. Fixes #14 2021-01-20 09:28:43 +11:00			`<!-- declares mapBoxToken constant -->`
			`<script src="./secrets.js" type="text/javascript"></script>`
update files 2021-01-17 19:47:25 +11:00			`<!-- this is the guts of it -->`
restructure website for better data integration Big commit here. This moves the "data" directory inside the website, and then uses fetch to bring the csv and geoJSON files into the map instead of copy-pasting into JS files. Much cleaner and reduces steps from updating a CSV to updating the actual website. Now we simply need to git pull on the webserver (unless the updated data is for library services rather than library locations). Also cleans up some styling. Also removes my MapBox secrets from the Git repo whoops. These are now brought in via a secrets.js file that simply declares a constant. This file will not be visible in the repo. Fixes #14 2021-01-20 09:28:43 +11:00			`<script src="./load-map.js" type="text/javascript"></script>`
update files 2021-01-17 19:47:25 +11:00			`</body>`
			`</html>`