Merge pull request #145 from chihacknight/site-no-longer-updated

create deprecation banner on all pages

src/App.js

@@ -4,6 +4,7 @@ import { RidershipProvider } from "./components/Context.js";
 import { ResultsProvider } from "./components/Context.js";
 
 import Header from "./components/Header";
+import DeprecationAlert from "./components/DeprecationAlert";
 import Footer from "./components/Footer";
 import Socials from "./components/Socials";
 import Nav from "./components/Nav";
@@ -33,6 +34,7 @@ const App = () => {
       <div className="container">
         <Socials />
         <Header />
+        <DeprecationAlert />
         <main id="main">
           <RidershipProvider value={{ ridershipData }}>
             <ResultsProvider value={{ resultsData }}>

src/Pages/About.js

@@ -14,10 +14,9 @@ const About = () => {
           charitable organization.
         </p>
         <p>
-          The Ghost Bus project has been run by volunteer Chicagoans who have an 
+          The Ghost Bus project was run by volunteer Chicagoans who have an 
           interest in making Chicago better through data and technology. Although 
-          we’re winding down active development and we don't plan to add new features 
-          at this time, there are still many opportunities to get involved with other 
+          this project is no longer active, there are still many opportunities to get involved with other 
           breakout groups at Chi Hack Night. CHN welcomes contributions from folks of 
           any background whether in technology like data science, front- or back-end 
           software engineering, and web-development, or backgrounds in journalism, 
@@ -35,7 +34,7 @@ const About = () => {
       <div className="gb-impact">
         <h2>About Our Impact</h2>
         <p>
-          The Ghost Bus project is always open to providing people and organizations access to our data to aid others with their causes or purposes——whether towards a more informed and improved Chicago transit system or towards learning and growth using relatable data. Some examples of how our data has been used include:
+          Some examples of how our data has been used include:
         </p>
         <ul>
           <li>

src/Pages/InteractiveMap.js

@@ -18,7 +18,7 @@ const InteractiveMap = () => {
   return (
     <div className="page-container">
       <h1>Interactive Map</h1>
-<div className="map-title">Data from {formatDate(resultsData.dates.start)} to {formatDate(resultsData.dates.end)}. Data updated periodically. </div>
+<div className="map-title">Data from {formatDate(resultsData.dates.start)} to {formatDate(resultsData.dates.end)}. </div>
       <Map />
 
 

src/components/DeprecationAlert.js

@@ -0,0 +1,13 @@
+import React from "react";
+
+export default function DeprecationAlert() {
+  return (
+  <div className = "deprecation-alert">
+    <p>
+    As of October 2024, this site is no longer being updated. <br></br>
+    The raw data behind the project is still available for independent analysis. <br></br>
+    See <a href='https://github.com/chihacknight/chn-ghost-buses/tree/main/data_analysis#readme'>this GitHub page</a> for information on how to access the raw data.
+    </p>
+  </div>
+  );
+}

src/scss/_deprecation-alert.scss

@@ -0,0 +1,17 @@
+.deprecation-alert {
+  background-color: yellow;
+  text-align: center;
+  p {
+    font-size: 1.2rem;
+    font-weight: 900;
+  }
+
+}
+
+@media (min-width: $tablet-bp) {
+  .deprecation-alert {
+    display: flex;
+    justify-content: space-around;
+    align-items: flex-start;
+  }
+}

src/scss/main.scss

@@ -1,6 +1,7 @@
 @import "config";
 @import "socials";
 @import "header-animation";
+@import "deprecation-alert";
 @import "nav";
 @import "header";
 @import "page";