Dev

.gitignore

@@ -21,3 +21,4 @@
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+src/css/main.css

package.json

@@ -1,6 +1,6 @@
 {
   "name": "client",
-  "version": "0.1.0",                                                                                                      
+  "version": "0.1.0",
   "private": true,
   "dependencies": {
     "@axe-core/react": "^4.4.5",
@@ -42,6 +42,7 @@
     ]
   },
   "devDependencies": {
-    "gh-pages": "^4.0.0"
+    "gh-pages": "^4.0.0",
+    "sass": "^1.58.0"
   }
 }

src/App.js

@@ -1,4 +1,4 @@
-import "./css/main.css";
+import "./scss/main.scss";
 import { Route, Routes } from "react-router-dom";
 
 import Header from "./components/Header";

src/Pages/InteractiveMap.js

@@ -8,15 +8,27 @@ const InteractiveMap = () => {
       <Map />
 
       <h2>Welcome to the Map Beta!</h2>
-      <p>
-        Use the map above to explore Chicago's bus lines.  
-      </p>
+      <p>Use the map above to explore Chicago's bus lines.</p>
       <ul>
-        <li>Click a
-        route or use the search bar to open route-specific details.</li>
-        <li>Use the filter to compare the performance of different bus lines
-        across Chicago.</li>
+        <li>
+          Click a route or use the search bar to open route-specific details.
+        </li>
+        <li>
+          Use the filter to compare the performance of different bus lines
+          across Chicago.
+        </li>
       </ul>
+      <div className="note">
+        <p>
+          <strong>Note:</strong> From November 2022 until early March 2023 we
+          showed the Fulleron #74 bus on the map. In early March 2023 we removed
+          it because we discovered that a data bug (in the source data from the
+          CTA) for that route is more widespread than we thought and it threw
+          the accuracy of the data displayed for the #74 into question. We may
+          add the #74 back to the map if we find a way to address the bug.
+        </p>
+      </div>
+
       <h3> See a Bug? Have an Idea?</h3>
       <p>
         {" "}
@@ -29,31 +41,42 @@ const InteractiveMap = () => {
         For a list of planned upcoming additions to this project, please visit
         our GitHub pages.
       </p>
-      <p>If you want to get involved, you can join our Tuesday Chi Hack Night breakout group.</p>
+      <p>
+        If you want to get involved, you can join our Tuesday Chi Hack Night
+        breakout group.
+      </p>
       <p>
         Finally, if you have feedback for us on this project, you can always
         reach out to us on Twitter!
       </p>
       <div className="btn-container">
-      <a href="https://github.com/chihacknight/breakout-groups/issues/217" target="_blank" rel="noreferrer">
-          <button className="action-btn">
-            Breakout group information
-          </button>
+        <a
+          href="https://github.com/chihacknight/breakout-groups/issues/217"
+          target="_blank"
+          rel="noreferrer"
+        >
+          <button className="action-btn">Breakout group information</button>
         </a>
-        <a href="https://github.com/chihacknight/ghost-buses-frontend" target="_blank" rel="noreferrer">
-          <button className="action-btn">
-            Frontend Repository
-          </button>
+        <a
+          href="https://github.com/chihacknight/ghost-buses-frontend"
+          target="_blank"
+          rel="noreferrer"
+        >
+          <button className="action-btn">Frontend Repository</button>
         </a>
-        <a href="https://github.com/chihacknight/chn-ghost-buses/" target="_blank" rel="noreferrer">
-          <button className="action-btn">
-            Data Repository
-          </button>
+        <a
+          href="https://github.com/chihacknight/chn-ghost-buses/"
+          target="_blank"
+          rel="noreferrer"
+        >
+          <button className="action-btn">Data Repository</button>
         </a>
-        <a href="https://twitter.com/ghostbuses" target="_blank" rel="noreferrer">
-          <button className="action-btn">
-            Ghost Bus Twitter
-          </button>
+        <a
+          href="https://twitter.com/ghostbuses"
+          target="_blank"
+          rel="noreferrer"
+        >
+          <button className="action-btn">Ghost Bus Twitter</button>
         </a>
       </div>
     </div>

src/Pages/Methods.js

@@ -137,11 +137,14 @@ const Methods = () => {
       </p>
       <p>
         This is an all-volunteer project, and for our current launch we have not done granular row-level 
-        data cleaning. We observed, for example, that for a small number of trips on the 74 Fullerton bus, 
-        the trip ID was missing and was only listed as a series of asterisks (like ********). We have not 
+        data cleaning. We observed, for example, that for a small number of trips on the 66 Chicago bus, 
+        the trip ID was missing in the source data from the API and was only listed as a series of asterisks (like ********). We have not 
         added any special handling or cleaning for that, so we may be slightly undercounting the number of 
-        actual trips that occurred on that route. We have no reason to believe that these issues are widespread 
-        or common enough to affect overall data trends or high-level conclusions.
+        actual trips that occurred on that route. We saw the same issue on the #74 Fullerton bus and assumed
+        it was not widespread; however, after the data had been displayed on the site for several months
+        we investigated further and realized that the data issue is common enough for the #74 that it made
+        our display inaccurate. We have removed the #74 bus for the time being; we are not sure whether we 
+        will find a valid method to overcome the issue to reinstate the #74 bus on our map. 
       </p>
       <p>
         If you would like to help us improve our data cleaning, we would love to have you! 

src/Routes/bus_route_shapes_simplified_linestring.json

@@ -11687,77 +11687,6 @@
         ]
       }
     },
-    {
-      "id": "226",
-      "type": "Feature",
-      "properties": {
-        "route_id": "74",
-        "shape_id": "64808422",
-        "direction": "East",
-        "trip_id": 252,
-        "route_short_name": "74",
-        "route_long_name": "Fullerton",
-        "route_type": "3",
-        "route_url": "http://www.transitchicago.com/bus/74/",
-        "route_color": "565a5c",
-        "route_text_color": "ffffff"
-      },
-      "geometry": {
-        "type": "LineString",
-        "coordinates": [
-          [-87.80164, 41.923798],
-          [-87.801631, 41.923523],
-          [-87.785697, 41.92359],
-          [-87.715205, 41.924617],
-          [-87.669423, 41.925062],
-          [-87.64875, 41.92546],
-          [-87.64865, 41.92182],
-          [-87.6439, 41.921894],
-          [-87.648713, 41.925497],
-          [-87.649468, 41.925481]
-        ]
-      }
-    },
-    {
-      "id": "227",
-      "type": "Feature",
-      "properties": {
-        "route_id": "74",
-        "shape_id": "64708420",
-        "direction": "West",
-        "trip_id": 253,
-        "route_short_name": "74",
-        "route_long_name": "Fullerton",
-        "route_type": "3",
-        "route_url": "http://www.transitchicago.com/bus/74/",
-        "route_color": "565a5c",
-        "route_text_color": "ffffff"
-      },
-      "geometry": {
-        "type": "LineString",
-        "coordinates": [
-          [-87.649735, 41.925437],
-          [-87.672925, 41.925213],
-          [-87.67592, 41.92504],
-          [-87.67839, 41.92502],
-          [-87.678393, 41.925133],
-          [-87.67839, 41.92502],
-          [-87.68468, 41.92493],
-          [-87.69009, 41.92487],
-          [-87.68998, 41.924998],
-          [-87.75607, 41.924252],
-          [-87.783853, 41.923735],
-          [-87.792627, 41.923735],
-          [-87.79502, 41.92359],
-          [-87.800393, 41.923533],
-          [-87.80199, 41.923617],
-          [-87.802117, 41.923735],
-          [-87.802053, 41.924045],
-          [-87.801893, 41.924117],
-          [-87.801577, 41.92395]
-        ]
-      }
-    },
     {
       "id": "228",
       "type": "Feature",