From 4af628afe9db688dfd5bacff8489173e860bcfac Mon Sep 17 00:00:00 2001
From: horatio <horatiorosa@aol.com>
Date: Mon, 26 Aug 2024 09:30:44 -0400
Subject: [PATCH] 130 added warning copy to CPE map

---
 app/app.scss                        |  5 +++
 app/capitalprojects/LandingPage.jsx | 58 +++++++++++++++++++++++++----
 2 files changed, 56 insertions(+), 7 deletions(-)

diff --git a/app/app.scss b/app/app.scss
index 1a42d460..40c5f401 100644
--- a/app/app.scss
+++ b/app/app.scss
@@ -44,6 +44,11 @@ h1, h2, h3, h4, h5 {
   color: #d96b27;
 }
 
+.warning-copy {
+  color: #FFF;
+  text-decoration: underline;
+}
+
 .btn.dcp-orange:hover, .btn.dcp-orange:active  {
   background-color: #a5501b;
   border-color: #a5501b;
diff --git a/app/capitalprojects/LandingPage.jsx b/app/capitalprojects/LandingPage.jsx
index 0df4b007..5947e287 100644
--- a/app/capitalprojects/LandingPage.jsx
+++ b/app/capitalprojects/LandingPage.jsx
@@ -20,20 +20,32 @@ class LandingPage extends React.Component {
         <section className="header-area" id="about">
           <div className="container">
             <div className="row">
-              <div className="col-lg-10 col-lg-offset-1 text-center" style={{ background: '#777', padding: '40px' }}>
+              <div
+                className="col-lg-10 col-lg-offset-1 text-center"
+                style={{ background: "#777", padding: "40px" }}
+              >
                 <h1 className="section-heading">NYC Capital Projects</h1>
-                <p className="subtitle">A new way to explore NYC&apos;s Capital Commitment Plan and Capital Spending</p>
-                <p className="learn-more"><Link to="/about/capitalprojects">Learn More</Link></p>
+                <p className="subtitle">
+                  A new way to explore NYC&apos;s Capital Commitment Plan and
+                  Capital Spending
+                </p>
+                <p className="learn-more">
+                  <Link to="/about/capitalprojects">Learn More</Link>
+                </p>
                 <div className="splash-button-section">
                   <div className="box all-link">
                     <Link
                       to="/capitalprojects/table"
                       className="btn btn-default"
                     >
-                      <div className="vertical-align">Search the <br /> Capital Commitment Plan</div>
+                      <div className="vertical-align">
+                        Search the <br /> Capital Commitment Plan
+                      </div>
                     </Link>
                     <div className="blurb">
-                      Raw data for all capital projects within the most recent Capital Commitment Plan published by the Mayor’s Office of Management and Budget.
+                      Raw data for all capital projects within the most recent
+                      Capital Commitment Plan published by the Mayor’s Office of
+                      Management and Budget.
                     </div>
                   </div>
 
@@ -46,13 +58,45 @@ class LandingPage extends React.Component {
                       to="/capitalprojects/explorer"
                       className="btn btn-default"
                     >
-                      <div className="vertical-align">Explore <br /> Capital Projects on a Map</div>
+                      <div className="vertical-align">
+                        Explore <br /> Capital Projects on a Map
+                      </div>
                     </Link>
                     <div className="blurb">
-                      Capital projects within the Capital Commitment Plan that NYC Planning has worked with agencies to map - a subset of total planned spending.
+                      Capital projects within the Capital Commitment Plan that
+                      NYC Planning has worked with agencies to map - a subset of
+                      total planned spending.
                     </div>
                   </div>
                 </div>
+                <div>
+                  The NYC Capital Projects component of NYC DCP&#39;s Capital
+                  Planning Explorer is no longer being updated with the latest
+                  data. To download the latest Capital Projects data, please
+                  refer to &nbsp;
+                  <Link
+                    className="warning-copy"
+                    to="https://data.cityofnewyork.us/City-Government/Capital-Projects-Database-CPDB-Projects/fi59-268w/about_data"
+                  >
+                    NYC Open Data &nbsp;
+                  </Link>
+                  or&nbsp;
+                  <Link
+                    className="warning-copy"
+                    to="https://www.nyc.gov/site/planning/data-maps/open-data.page"
+                  >
+                    Bytes of the Big Apple
+                  </Link>
+                  . For a web map version of the same data, please use &nbsp;
+                  <Link
+                    className="warning-copy"
+                    to="https://experience.arcgis.com/experience/150ca77c6dff4b079b7e079764121afe"
+                  >
+                    CDPB Explorer
+                  </Link>
+                  . Please stay tuned for an updated and enhanced version of
+                  CPE.
+                </div>
               </div>
             </div>
           </div>