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="/leaflet.css" />
    <link rel="stylesheet" type="text/css" href="/style.css">
    <script defer data-domain="librarymap.hugh.run" src="https://analytics.hugh.run/js/script.js"></script>
  </head>
  <body>
    <header>
      <section id="title">
        <img id="logo" src="/logo.svg"/>
        <h2>Library Map</h2>
      </section>
      <nav>
        <ul>
          <li class="active-tab">Home</li>
          <li><a href="/who-else">Who's using it?</a></li>
          <li><a href="/fines">Fines</a></li>
          <li><a href="/about">About</a></li>
          <li><a href="/sources">Acknowledgements</a></li>
          <li><a href="/contributing">Contribute</a></li>
          <li><a href="https://github.com/hughrun/public_library_map">Code</a></li>
        </ul>
      </nav>
    </header>
    <main>
      <div id="loading">Loading, please be patient...</div>

      <!-- leaflet script -->
      <script src="/leaflet.js"></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" class="hidden"></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" nonce="NGINX_CSP_NONCE" 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>
  </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 -->`
update leaflet - use local css and js files for leaflet - use sha hash for load-map.js 2024-06-29 09:46:09 +10:00			`<link rel="stylesheet" href="/leaflet.css" />`
update directories for cool links 2021-01-18 20:25:14 +11:00			`<link rel="stylesheet" type="text/css" href="/style.css">`
add analytics link to all HEADs 2024-03-31 09:26:54 +11:00			`<script defer data-domain="librarymap.hugh.run" src="https://analytics.hugh.run/js/script.js"></script>`
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>`
			`</section>`
fix styling for mobile - remove overlays on small screens - minimise control on small screens - add popup on zooming to area (since touchscreen devices have no 'hover') - fix navigation menu for small screens - add footer with licensing info - fix table display on small screens fixes #4 fixes #11 2021-01-24 12:40:17 +11:00			`<nav>`
			`<ul>`
			`<li class="active-tab">Home</li>`
fix who is using it nav 2024-02-11 14:28:04 +11:00			`<li><a href="/who-else">Who's using it?</a></li>`
add fines page 2021-08-30 16:38:46 +10:00			`<li><a href="/fines">Fines</a></li>`
fix styling for mobile - remove overlays on small screens - minimise control on small screens - add popup on zooming to area (since touchscreen devices have no 'hover') - fix navigation menu for small screens - add footer with licensing info - fix table display on small screens fixes #4 fixes #11 2021-01-24 12:40:17 +11:00			`<li><a href="/about">About</a></li>`
			`<li><a href="/sources">Acknowledgements</a></li>`
Add "who's using it" Resolves #175 Note: need to add URL details for academic and NSLA libraries 2024-02-11 14:10:24 +11:00			`<li><a href="/contributing">Contribute</a></li>`
fix styling for mobile - remove overlays on small screens - minimise control on small screens - add popup on zooming to area (since touchscreen devices have no 'hover') - fix navigation menu for small screens - add footer with licensing info - fix table display on small screens fixes #4 fixes #11 2021-01-24 12:40:17 +11:00			`<li><a href="https://github.com/hughrun/public_library_map">Code</a></li>`
			`</ul>`
			`</nav>`
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>`
fix styling for mobile - remove overlays on small screens - minimise control on small screens - add popup on zooming to area (since touchscreen devices have no 'hover') - fix navigation menu for small screens - add footer with licensing info - fix table display on small screens fixes #4 fixes #11 2021-01-24 12:40:17 +11:00			`<main>`
			`<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
fix styling for mobile - remove overlays on small screens - minimise control on small screens - add popup on zooming to area (since touchscreen devices have no 'hover') - fix navigation menu for small screens - add footer with licensing info - fix table display on small screens fixes #4 fixes #11 2021-01-24 12:40:17 +11:00			`<!-- leaflet script -->`
update leaflet - use local css and js files for leaflet - use sha hash for load-map.js 2024-06-29 09:46:09 +10:00			`<script src="/leaflet.js"></script>`
fix styling for mobile - remove overlays on small screens - minimise control on small screens - add popup on zooming to area (since touchscreen devices have no 'hover') - fix navigation menu for small screens - add footer with licensing info - fix table display on small screens fixes #4 fixes #11 2021-01-24 12:40:17 +11:00			`<!-- 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>`
Add "who's using it" Resolves #175 Note: need to add URL details for academic and NSLA libraries 2024-02-11 14:10:24 +11:00
fix styling for mobile - remove overlays on small screens - minimise control on small screens - add popup on zooming to area (since touchscreen devices have no 'hover') - fix navigation menu for small screens - add footer with licensing info - fix table display on small screens fixes #4 fixes #11 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>`
Add "who's using it" Resolves #175 Note: need to add URL details for academic and NSLA libraries 2024-02-11 14:10:24 +11:00
fix styling for mobile - remove overlays on small screens - minimise control on small screens - add popup on zooming to area (since touchscreen devices have no 'hover') - fix navigation menu for small screens - add footer with licensing info - fix table display on small screens fixes #4 fixes #11 2021-01-24 12:40:17 +11:00			`<div id="mode-switch">`
			`<div></div>`
change naming of library view modes Summary ======= - changes "White Fragility mode" to "Colonial Mode" - changes "General mode" to "Standard Mode" - changes "Worker Pacification Centres" to "Mechanics Institutes" Explanation =========== The point of two modes is to invite map users to think about the work libraries do as institutions, and how certain types of cultural organisation are normalised and certain types are othered. In particular, why are "Indigenous Knowledge Centres" different from "public libraries", and precisely how? Calling the non-standard view "White Fragility Mode" implies that the individual using it is at fault, not woke enough, fragile. This is not helpful as an invitation to be thoughtful and consider the language and perspectives that are normalised. Changing it to 'colonial' mode shifts the emphasis to that of an institutional and structural concern, rather than an individual fault. The change for Mechanics Institutes follows more reading about them. Their history is complicated, a mixture of genuine self-help and mutual aid, and attempts by capitalists to control their workers. 2021-01-25 14:32:18 +11:00			`<button id="mode-button" name="mode-button" class="hidden"></button>`
fix styling for mobile - remove overlays on small screens - minimise control on small screens - add popup on zooming to area (since touchscreen devices have no 'hover') - fix navigation menu for small screens - add footer with licensing info - fix table display on small screens fixes #4 fixes #11 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 -->`
fix inline styles 2024-06-29 11:43:14 +10:00			`<script src="./load-map.js" nonce="NGINX_CSP_NONCE" type="text/javascript"></script>`
fix styling for mobile - remove overlays on small screens - minimise control on small screens - add popup on zooming to area (since touchscreen devices have no 'hover') - fix navigation menu for small screens - add footer with licensing info - fix table display on small screens fixes #4 fixes #11 2021-01-24 12:40:17 +11:00			`</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>`
update files 2021-01-17 19:47:25 +11:00			`</body>`
			`</html>`