Merge pull request #141 from vkoves/issue-124-update-naturalgas-to-fo…

…ssilgas-try2

Issue 124 update naturalgas to fossilgas try2

src/components/BuildingsTable.vue

@@ -54,7 +54,7 @@ export default class BuildingsTable extends Vue {
             scope="col"
             class="numeric wide-col"
           >
-            Natural Gas Use<br>
+            Fossil Gas Use<br>
             <span class="unit">(kBtu)</span>
           </th>
           <th

src/components/HistoricalBuildingDataTable.vue

@@ -38,7 +38,7 @@
             Electricity Use <span class="unit">kBTU</span>
           </th>
           <th scope="col">
-            Natural Gas Use <span class="unit">kBTU</span>
+            Fossil Gas Use <span class="unit">kBTU</span>
           </th>
           <th
             v-if="renderedColumns.includes('DistrictSteamUse')"

src/components/StatTile.vue

@@ -141,18 +141,18 @@
         so we don't currently have comparison data.
       </p>
 
-      <!-- Natural Gas specific message -->
+      <!-- Fossil Gas specific message -->
       <div
         v-if="statValue === '0' && statKey === 'NaturalGasUse'"
         class="no-gas-msg"
       >
         <div v-if="fullyGasFree">
           <div class="bold">
-            This Building Didn't Burn Any Natural Gas! 🎉
+            This Building Didn't Burn Any Fossil Gas! 🎉
           </div>
 
           <p class="smaller">
-            This building burned no natural gas on-site and isn't connected to a district heating
+            This building burned no fossil gas on-site and isn't connected to a district heating
             system, meaning it's fully electric! View <g-link to="/biggest-gas-free-buildings">
               Chicago's Biggest Gas Free Buildings
             </g-link>.
@@ -164,10 +164,10 @@
           </div>
 
           <p class="smaller">
-            Although this building didn't burn any natural gas on site, it's connected to a district
+            Although this building didn't burn any fossil gas on site, it's connected to a district
             heating system, a centralized system for heating multiple buildings. District heating
-            systems can be fully electric, but in Chicago most district heating systems are natural
-            gas powered, meaning this building was most likely still heated with natural gas.
+            systems can be fully electric, but in Chicago most district heating systems are fossil
+            gas powered, meaning this building was most likely still heated with fossil gas.
           </p>
         </div>
       </div>
@@ -237,7 +237,7 @@ export default class StatTile extends Vue {
   }
 
   /**
-   * Whether a building is _fully_ gas free, meaning no natural gas burned on-site or to heat it
+   * Whether a building is _fully_ gas free, meaning no gas burned on-site or to heat it
    * through a district heating system.
    */
   get fullyGasFree(): boolean {

src/pages/About.vue

@@ -46,7 +46,7 @@ export default class About extends Vue {
       <div class="power-chart">
         <img
           alt="Pie chart showing that 67% of Illinois power is Carbon-Free, with 58% from Nuclear
-            and 9% from Wind. Then 18% comes from Coal and 14% from Natural Gas."
+            and 9% from Wind. Then 18% comes from Coal and 14% from Fossil Gas."
           class="-shadowed"
           src="/il-power-chart.webp"
           width="350"

src/pages/BiggestGasFreeBuildings.vue

@@ -78,9 +78,9 @@ export default class TopGasUsers extends Vue {
     </p>
 
     <p class="constrained -wide">
-      <strong>Note:</strong> This list is of buildings that use neither natural gas nor a district
+      <strong>Note:</strong> This list is of buildings that use neither fossil gas nor a district
       steam system, since all district steam systems in the city are currently powered by burning
-      natural gas (to the best of our knowledge).
+      fossil gas (to the best of our knowledge).
     </p>
 
     <DataDisclaimer />

src/pages/ReleaseNotes.vue

@@ -33,7 +33,7 @@ export default class About extends Vue {
           We added new graphs to help visualize how buildings have changed in their emissions,
           emissions intensity, and energy use over time, and a new pie chart that shows the mix of
           types of energy a building consumes, making it easy to see at a glance if a building is
-          mostly using electricity, natural gas, or something else!
+          mostly using electricity, fossil gas, or something else!
         </p>
       </section>
 
@@ -64,7 +64,7 @@ export default class About extends Vue {
               src="/release-notes/merch-mart-post-graphs.webp"
               alt="Electrify Chicago Merchandise Mart Page showing just stat tiles with graphs
               showing greenhouse gas intensity and total emissions have improved over time, and
-              that Merch Mart's energy use is 44% electricity, 40% natural gas, and 16% district
+              that Merch Mart's energy use is 44% electricity, 40% fossil gas, and 16% district
               chilling"
             >
           </a>

src/pages/TakeActionTips.vue

@@ -33,7 +33,7 @@ export default class TakeActionTips extends Vue {
       <p class="constrained">
         Practically every building has room to improve with energy efficiency upgrades like
         insulation, switching to ENERGY STAR rated appliances, and more, but for any buildings
-        with large natural gas use, we recommend one thing: <strong>electrify!</strong>
+        with large fossil gas use, we recommend one thing: <strong>electrify!</strong>
       </p>
 
       <p class="constrained">
@@ -44,7 +44,7 @@ export default class TakeActionTips extends Vue {
         </strong> like
         industrial grade heat pumps, heat pump water heaters, and induction stoves. With Illinois'
         current electric supply, just using the same amount of energy from electricity, rather
-        than natural gas (aka methane) will dramatically reduce greenhouse gas emissions.
+        than fossil gas (aka methane) will dramatically reduce greenhouse gas emissions.
         This is because Illinois' grid in 2020 was already 67% carbon-free
         (see <a
           href="https://decarbmystate.com/illinois#power"

src/pages/TopEmitters.vue

@@ -64,7 +64,7 @@ export default class TopEmitters extends Vue {
 
     <p class="constrained -wide">
       These buildings are the biggest emitters of greenhouse gases in Chicago, both directly (like
-      by burning natural gas on site for heating) and indirectly (by using electricity that is
+      by burning fossil gas on site for heating) and indirectly (by using electricity that is
       still produced with some fossil fuels).
     </p>
 

src/pages/TopGasUsers.vue

@@ -16,7 +16,7 @@ import NewTabIcon from '~/components/NewTabIcon.vue';
     NewTabIcon,
   },
   metaInfo() {
-    return { title:  'Biggest Natural Gas Users' };
+    return { title:  'Biggest Fossil Gas Users' };
   },
 })
 export default class TopGasUsers extends Vue {
@@ -59,11 +59,11 @@ export default class TopGasUsers extends Vue {
       id="main-content"
       tabindex="-1"
     >
-      Top {{ $static.allBuilding.edges.length }} Buildings by Natural Gas Use
+      Top {{ $static.allBuilding.edges.length }} Buildings by Fossil Gas Use
     </h1>
 
     <p class="constrained -wide">
-      These buildings are the largest consumers of natural gas (methane) in the city. Natural gas
+      These buildings are the largest consumers of fossil gas (methane) in the city. Fossil gas
       in these buildings is typically used for heating gas and water, and since electrifying the
       grid won't clean up these emissions it's an important set of buildings to focus on!
     </p>

src/pages/blog/MillionsInMissedFines.vue

@@ -130,7 +130,7 @@ export default class MillionsInMissedFine extends Vue {
         the most or be the least efficient. The city may also believe that it is on track with its
         climate goals, when there are still large buildings that are emitting but have their
         emissions not reported or not reported accurately, like if a building reports their
-        electricity use but not their natural gas use.
+        electricity use but not their fossil gas use.
       </p>
 
       <p>

src/templates/BuildingDetails.vue

@@ -277,7 +277,7 @@ query ($id: ID!, $ID: String) {
 
             <dl class="stat-tiles">
               <div>
-                <dt>Natural Gas Use</dt>
+                <dt>Fossil Gas Use (aka Natural Gas)</dt>
                 <dd>
                   <StatTile
                     :building="$page.building"
@@ -494,7 +494,7 @@ export default class BuildingDetails  extends Vue {
     TotalGHGEmissions:  'Total GHG Emissions (metric tons CO<sub>2</sub>e)',
     GHGIntensity: 'GHG Intensity (metric tons CO<sub>2</sub>e/sqft)',
     ElectricityUse: 'Electricity Use (kBTU)',
-    NaturalGasUse: 'Natural Gas Use (kBTU)',
+    NaturalGasUse: 'Fossil Gas Use (kBTU)',
   };
 
   /** Expose stats to template */
@@ -602,7 +602,7 @@ export default class BuildingDetails  extends Vue {
 
     if (this.building.NaturalGasUse as unknown as number > 0) {
       energyBreakdown.push({
-        label: 'Natural Gas',
+        label: 'Fossil Gas',
         value: parseFloat(this.building.NaturalGasUse.toString()),
         color: EnergyBreakdownColors.NaturalGas,
       });