Merge pull request #69 from vkoves/add-legislation-note

Add Legislation Note
vkoves · Jan 24, 2024 · dfcb207 · dfcb207
2 parents e43797d + 69e93f1
commit dfcb207
Show file tree

Hide file tree

Showing 11 changed files with 63 additions and 24 deletions.
diff --git a/src/components/BuildingImage.vue b/src/components/BuildingImage.vue
@@ -14,7 +14,7 @@
       <strong>Attribution:</strong>
       {{ buildingImg.fromGoogleMaps ? '© Google ' + currentYear : '' }}
       <a
-        ref="noopener noreferrer"
+        ref="noopener"
         :href="buildingImg.attributionUrl"
         target="_blank"
       >

diff --git a/src/components/DataDisclaimer.vue b/src/components/DataDisclaimer.vue
@@ -1,7 +1,7 @@
 <template>
   <details class="data-disclaimer">
     <summary>
-      Note: Data only includes large Chicago buildings from {{ LatestDataYear }}, 
+      Note: Data only includes large Chicago buildings from {{ LatestDataYear }},
       unless explicitly stated otherwise.
     </summary>
 
@@ -11,7 +11,7 @@
       <a
         href="https://www.chicago.gov/city/en/progs/env/building-energy-benchmarking---transparency.html"
         target="_blank"
-        rel="noopener noreferrer"
+        rel="noopener"
       >
         Chicago Energy Benchmarking Ordinance<NewTabIcon />
       </a>. According to the City &ldquo;As of 2016,
@@ -21,7 +21,7 @@
     </p>
 
     <p class="constrained">
-      This data is also from {{ LatestDataYear }}, but when new benchmark data 
+      This data is also from {{ LatestDataYear }}, but when new benchmark data
       is available, we'll update the site.
     </p>
   </details>

diff --git a/src/components/DataSourceFootnote.vue b/src/components/DataSourceFootnote.vue
@@ -5,7 +5,7 @@
     <a
       href="https://data.cityofchicago.org/Environment-Sustainable-Development/Chicago-Energy-Benchmarking/xq83-jr8c"
       target="_blank"
-      rel="noopener noreferrer"
+      rel="noopener"
     >
       Chicago Energy Benchmarking Data <NewTabIcon />
     </a>

diff --git a/src/components/EmissionsBreakdownGraph.vue b/src/components/EmissionsBreakdownGraph.vue
@@ -27,7 +27,7 @@ export default class EmissionsBreakdownGraph extends Vue {
 
     <p class="footnote">
       <a
-        ref="noopener noreferrer"
+        ref="noopener"
         href="https://www.chicago.gov/city/en/sites/climate-action-plan/home.html"
         target="_blank"
       >

diff --git a/src/pages/About.vue b/src/pages/About.vue
@@ -71,7 +71,7 @@ export default class About extends Vue {
         <a
           href="https://decarbmystate.com/illinois#power"
           target="_blank"
-          rel="noopener noreferrer"
+          rel="noopener"
         >
           Illinois Power | Decarb My State <NewTabIcon />
         </a>
@@ -113,14 +113,14 @@ export default class About extends Vue {
         <a
           href="https://data.cityofchicago.org/Environment-Sustainable-Development/Chicago-Energy-Benchmarking/xq83-jr8c"
           target="_blank"
-          rel="noopener noreferrer"
+          rel="noopener"
         >
           Chicago Energy Benchmarking Data <NewTabIcon />
         </a>, which is data collected and published under the
         <a href="https://www.chicago.gov/city/en/progs/env/building-energy-benchmarking---transparency.html">
           Chicago Energy Benchmarking Ordinance <NewTabIcon />
-        </a>. This site shows data for the year {{ LatestDataYear }} 
-        (the latest available of March 2023) and filtered down to buildings 
+        </a>. This site shows data for the year {{ LatestDataYear }}
+        (the latest available of March 2023) and filtered down to buildings
         with total emissions > 1,000 metric tons CO<sub>2</sub>
         equivalent.
       </p>

diff --git a/src/pages/BiggestBuildings.vue b/src/pages/BiggestBuildings.vue
@@ -67,8 +67,8 @@ export default class BiggestBuildings extends Vue {
     <p class="constrained -wide">
       These are the biggest buildings in our dataset, which should encompass all of the largest
       buildings in the city that submitted their energy use for {{ LatestDataYear }}.
-      Being a big building does basically guarantee that you use a lot of energy 
-      (and emit a lot of CO<sub>2</sub>), but a lot of big buildings are very energy 
+      Being a big building does basically guarantee that you use a lot of energy
+      (and emit a lot of CO<sub>2</sub>), but a lot of big buildings are very energy
       efficient and use less energy per square foot than much smaller buildings!
     </p>
 
@@ -85,7 +85,7 @@ export default class BiggestBuildings extends Vue {
       <a
         href="https://data.cityofchicago.org/Environment-Sustainable-Development/Chicago-Energy-Benchmarking/xq83-jr8c"
         target="_blank"
-        rel="noopener noreferrer"
+        rel="noopener"
       >
         Chicago Energy Benchmarking Data <NewTabIcon />
       </a>

diff --git a/src/pages/Index.vue b/src/pages/Index.vue
@@ -96,7 +96,7 @@ export default class BiggestBuildings extends Vue {
             <!-- TODO: Move to consolidated sources object-->
             According to the
             <a
-              ref="noopener noreferrer"
+              ref="noopener"
               href="https://www.chicago.gov/city/en/sites/climate-action-plan/home.html"
               target="_blank"
             >
@@ -108,7 +108,6 @@ export default class BiggestBuildings extends Vue {
             buildings in the city using publicly available data and manual annotations to add
             building photographs and label multi-building owners like universities.
           </p>
-
           <EmissionsBreakdownGraph class="-mobile" />
 
           <p class="constrained -wide">
@@ -118,6 +117,30 @@ export default class BiggestBuildings extends Vue {
             buildings on this metric.
           </p>
 
+          <div class="announce-panel">
+            <h2>Legislative update! 🎉</h2>
+
+            <p>
+              As of late January 2024, legislation is being introduced to require new buildings use
+              more efficient forms of water and space heating, via the Clean And Affordable
+              Buildings Ordinance (CABO), which will reduce the number of highly polluting and
+              inefficient that end up on this site.
+            </p>
+
+            <p class="bold">
+              If you're in Chicago,
+
+              <a
+                href="https://act.sierraclub.org/actions/illinois?actionid=ar0395755&id=70131000001iOuIAAU"
+                target="_blank"
+                rel="noopener"
+              >
+                write to your alderman to support the CABO! <NewTabIcon />
+              </a>
+            </p>
+          </div>
+
+
           <h2>Chicago Buildings by Greenhouse Gas Intensity</h2>
 
           <DataDisclaimer />
@@ -168,10 +191,11 @@ export default class BiggestBuildings extends Vue {
 
       <p class="footnote">
         Data Source:
+
         <a
           href="https://data.cityofchicago.org/Environment-Sustainable-Development/Chicago-Energy-Benchmarking/xq83-jr8c"
           target="_blank"
-          rel="noopener noreferrer"
+          rel="noopener"
         >
           Chicago Energy Benchmarking Data <NewTabIcon />
         </a>
@@ -182,6 +206,8 @@ export default class BiggestBuildings extends Vue {
 
 <style lang="scss">
 .homepage {
+  h1 { margin-bottom: 0; }
+
   .row {
     display: flex;
     justify-content: space-between;

diff --git a/src/pages/LargeOwners.vue b/src/pages/LargeOwners.vue
@@ -76,7 +76,7 @@ export default class LargeOwners extends Vue {
       <p class="constrained -wide">
         Notice a problem or have a suggestion?
         <a
-          ref="noopener noreferrer"
+          ref="noopener"
           href="https://github.com/vkoves/electrify-chicago/issues/new"
           target="_blank"
         >File an issue on our GitHub! <NewTabIcon />

diff --git a/src/pages/Search.vue b/src/pages/Search.vue
@@ -253,7 +253,7 @@ export default class Search extends Vue {
         <a
           href="https://data.cityofchicago.org/Environment-Sustainable-Development/Chicago-Energy-Benchmarking/xq83-jr8c"
           target="_blank"
-          rel="noopener noreferrer"
+          rel="noopener"
         >
           Chicago Energy Benchmarking Data <NewTabIcon />
         </a>

diff --git a/src/scss/global.scss b/src/scss/global.scss
@@ -135,6 +135,19 @@ form.search-form {
   }
 }
 
+.announce-panel {
+  padding: 1rem;
+  border-radius: 1rem;
+  border: solid 0.25rem #ff5454;
+  background: #ffdce8;
+  border-top-width: 3rem;
+  max-width: 40rem;
+
+  h2 { margin-top: 0; }
+
+  .bold { font-size: 1.125rem; }
+}
+
 /**
  * <Pager> styling
  */

diff --git a/src/templates/BuildingDetails.vue b/src/templates/BuildingDetails.vue
@@ -78,7 +78,7 @@ query ($id: ID!) {
               :href="'https://www.google.com/maps/search/' + encodedAddress"
               class="google-maps-link"
               target="_blank"
-              rel="noopener noreferrer"
+              rel="noopener"
             >
               Find on Google Maps <NewTabIcon />
             </a>
@@ -149,7 +149,7 @@ query ($id: ID!) {
                 <a
                   href="https://www.chicago.gov/city/en/progs/env/ChicagoEnergyRating.html"
                   target="_blank"
-                  rel="noopener noreferrer"
+                  rel="noopener"
                 >
                   Chicago Energy Rating
                   <NewTabIcon />
@@ -165,7 +165,7 @@ query ($id: ID!) {
                 <a
                   href="https://www.energystar.gov/buildings/benchmark/understand_metrics/how_score_calculated"
                   target="_blank"
-                  rel="noopener noreferrer"
+                  rel="noopener"
                 >
                   Energy Star Score
                   <NewTabIcon />
@@ -367,7 +367,7 @@ query ($id: ID!) {
               <a
                 href="https://www.chicago.gov/city/en/depts/mayor/supp_info/chicago-energy-benchmarking/Chicago_Energy_Benchmarking_Beyond_Benchmarking.html"
                 target="_blank"
-                rel="noopener noreferrer"
+                rel="noopener"
               >
                 Chicago Energy Benchmarking: Taking Action to Improve Energy Efficiency
                 | City of Chicago <NewTabIcon />
@@ -378,7 +378,7 @@ query ($id: ID!) {
               <a
                 href="https://www.chicagobuilding.gov/content/dam/city/progs/env/EnergyBenchmark/2018_Chicago_Energy_Benchmarking_Results_By_Sector.pdf"
                 target="_blank"
-                rel="noopener noreferrer"
+                rel="noopener"
               >
                 Chicago Average EUIs and ENERGY STAR scores by property type [PDF] <NewTabIcon />
               </a>
@@ -388,7 +388,7 @@ query ($id: ID!) {
               <a
                 href="https://portfoliomanager.energystar.gov/pdf/reference/US%20National%20Median%20Table.pdf"
                 target="_blank"
-                rel="noopener noreferrer"
+                rel="noopener"
               >
                 U.S. Energy Use Intensity by Property Type | ENERGY STAR [PDF] <NewTabIcon />
               </a>