2024: Update HTML files.

rlmcneary2 · Jun 8, 2024 · f447389 · f447389
1 parent d5c97c0
commit f447389
Show file tree

Hide file tree

Showing 4 changed files with 36 additions and 47 deletions.
diff --git a/README.md b/README.md
@@ -18,16 +18,16 @@ in mind:
 - Fits on a single sheet of letter paper printed on both sides.
 
 Single file [PDF with both routes and stops for
-2023](2023/island-explorer-route-map-2023.pdf) for printing or viewing offline.
+2024](2024/island-explorer-route-map-2024.pdf) for printing or viewing offline.
 
 The maps and a list of bus stops are stored under directories with names that
 correspond to the year they were created for.
 
 ![A "tube-style" map of Island Explorer bus routes in Acadia National
-Park.](2023/island-explorer-route-map.min.svg "Island Explorer Map")
+Park.](2024/island-explorer-route-map.min.svg "Island Explorer Map")
 
 ![A list of bus stops in Acadia National
-Park.](2023/island-explorer-route-stops.min.svg "Island Explorer Stops")
+Park.](2024/island-explorer-route-stops.min.svg "Island Explorer Stops")
 
 The map and stops image files are licensed under a [Creative Commons
 Attribution-ShareAlike 4.0 International

diff --git a/docs/map.html b/docs/map.html
@@ -1,5 +1,5 @@
 <!--
-Copyright (c) 2018 Richard L. McNeary II
+Copyright (c) 2024 Richard L. McNeary II
 
 MIT License
 Permission is hereby granted, free of charge, to any person obtaining a copy of
@@ -30,9 +30,9 @@
   <meta name="copyright" content="Richard L. McNeary II" />
   <meta name="keywords"
     content="rlmcneary2, Rich McNeary, Richard L. McNeary II, limnous, Acadia, Mount Desert, Island Explorer, map" />
-  <link rel="icon" href="16x16.png" />
-  <link rel="icon" href="192x192.png" />
-  <link rel="icon" href="32x32.png" />
+  <link href="16x16.png" rel="icon" sizes="16x16" type="image/png" />
+  <link href="192x192.png" rel="icon" sizes="192x192" type="image/png" />
+  <link href="32x32.png" rel="icon" sizes="32x32" type="image/png" />
   <link href="style.css" rel="stylesheet" />
   <style>
     p {
@@ -47,7 +47,7 @@
     <a href="../index.html">Island Explorer Map home</a>
     <section class="map-section">
       <div class="map-container">
-        <img class="map" src="../2023/island-explorer-route-map.min.svg" width="100%" />
+        <img class="map" src="../2024/island-explorer-route-map.min.svg" width="100%" />
       </div>
     </section>
     <section class="license">

diff --git a/docs/stops.html b/docs/stops.html
@@ -1,5 +1,5 @@
 <!--
-Copyright (c) 2018 Richard L. McNeary II
+Copyright (c) 2024 Richard L. McNeary II
 
 MIT License
 Permission is hereby granted, free of charge, to any person obtaining a copy of
@@ -30,9 +30,9 @@
   <meta name="copyright" content="Richard L. McNeary II" />
   <meta name="keywords"
     content="rlmcneary2, Rich McNeary, Richard L. McNeary II, limnous, Acadia, Mount Desert, Island Explorer, map" />
-  <link rel="icon" href="16x16.png" />
-  <link rel="icon" href="192x192.png" />
-  <link rel="icon" href="32x32.png" />
+  <link href="16x16.png" rel="icon" sizes="16x16" type="image/png" />
+  <link href="192x192.png" rel="icon" sizes="192x192" type="image/png" />
+  <link href="32x32.png" rel="icon" sizes="32x32" type="image/png" />
   <link href="style.css" rel="stylesheet" />
   <style>
     p {
@@ -47,7 +47,7 @@
     <a href="../index.html">Island Explorer Map home</a>
     <section class="map-section">
       <div class="map-container">
-        <img class="map" src="../2023/island-explorer-route-stops.min.svg" width="100%" />
+        <img class="map" src="../2024/island-explorer-route-stops.min.svg" width="100%" />
       </div>
     </section>
     <section class="license">

diff --git a/index.html b/index.html
@@ -1,5 +1,5 @@
 <!--
-Copyright (c) 2018 Richard L. McNeary II
+Copyright (c) 2024 Richard L. McNeary II
 
 MIT License
 Permission is hereby granted, free of charge, to any person obtaining a copy of
@@ -32,9 +32,9 @@
     content="A 'tube-style' map that displays information about the Island Explorer bus routes in Acadia National Park. Provide a list of bus stops with helpful information that includes the routes that access the stop, facilities (restrooms, drinking water, etc.), and points of interest (trailheads, geographic features, etc.)." />
   <meta name="keywords"
     content="rlmcneary2, Rich McNeary, Richard L. McNeary II, limnous, Acadia, Mount Desert, Island Explorer, map, bus route, Island Explorer Map" />
-  <link rel="icon" href="docs/16x16.png" />
-  <link rel="icon" href="docs/192x192.png" />
-  <link rel="icon" href="docs/32x32.png" />
+  <link href="docs/16x16.png" rel="icon" sizes="16x16" type="image/png" />
+  <link href="docs/192x192.png" rel="icon" sizes="192x192" type="image/png" />
+  <link href="docs/32x32.png" rel="icon" sizes="32x32" type="image/png" />
   <style>
     p {
       margin: auto 0 1em 0
@@ -56,6 +56,11 @@
       flex: 100%
     }
 
+    .cta-text {
+      font-weight: 700;
+      /* font-style: italic; */
+    }
+
     .license {
       align-items: center;
       display: flex;
@@ -139,6 +144,11 @@ <h1>Island Explorer Map</h1>
 
     <div class="layout">
       <section class="sidebar-section">
+        <p class="cta-text">
+          Where are the buses right now? Try the <a href="https://islandexplorer.app/" target="_blank">island explorer
+            app</a> for information about buses, carriage roads,
+          landmarks, trails, and other park attractions.
+        </p>
         <p>
           A "tube-style" map that displays information about the Island
           Explorer bus routes in Acadia National Park. The maps have been
@@ -178,23 +188,27 @@ <h1>Island Explorer Map</h1>
 
         <p>
           Both the map and list of stops are below. There is also a two page
-          <a href="2023/island-explorer-routes-2023.pdf" alt="Island Explorer routes">downloadable PDF</a>
+          <a href="2024/island-explorer-routes-2024.pdf" alt="Island Explorer routes">downloadable PDF</a>
           with the same information.
         </p>
       </section>
 
       <div class="map-sections">
         <section class="map-section">
           <div class="map-container">
-            <a class="map"><img alt="A map of Island Explorer routes and the stops on each route." class="map" /></a>
+            <a class="map" href="docs/map.html">
+              <img alt="A map of Island Explorer routes and the stops on each route." class="map"
+                src="2024/island-explorer-route-map.min.svg" />
+            </a>
           </div>
         </section>
 
         <section class="map-section">
           <div class="map-container">
-            <a class="stop"><img
-                alt="A list of Island Explorer stops with information about the facilities available at each stop."
-                class="stop" /></a>
+            <a class="stop" href="docs/stops.html">
+              <img alt="A list of Island Explorer stops with information about the facilities available at each stop."
+                class="stop" src="2024/island-explorer-route-stops.min.svg" />
+            </a>
           </div>
         </section>
       </div>
@@ -209,31 +223,6 @@ <h1>Island Explorer Map</h1>
       </p>
     </section>
   </main>
-
-  <script>
-    var setElements = function (className, option) {
-      var elements = document.getElementsByClassName(className);
-      var prop;
-      for (var i = 0; i < elements.length; i++) {
-        console.log("localName: " + elements[i].localName);
-        prop = option[elements[i].localName];
-        if (prop) {
-          elements[i][prop] = option.value;
-        }
-      }
-    };
-
-    setElements("map", { a: "href", value: "docs/map.html" });
-    setElements("map", {
-      img: "src",
-      value: "2023/island-explorer-route-map.min.svg",
-    });
-    setElements("stop", { a: "href", value: "docs/stops.html" });
-    setElements("stop", {
-      img: "src",
-      value: "2023/island-explorer-route-stops.min.svg",
-    });
-  </script>
 </body>
 
 </html>