Merge pull request #10 from ScottLogic/linking-pages

Updating page content and nav links

Gemfile.lock

@@ -15,9 +15,9 @@ GEM
     google-protobuf (3.25.2)
     google-protobuf (3.25.2-aarch64-linux)
     google-protobuf (3.25.2-arm64-darwin)
+    google-protobuf (3.25.2-x64-mingw-ucrt)
     google-protobuf (3.25.2-x86-linux)
     google-protobuf (3.25.2-x86_64-darwin)
-    google-protobuf (3.25.2-x64-mingw-ucrt)
     google-protobuf (3.25.2-x86_64-linux)
     http_parser.rb (0.8.0)
     i18n (1.14.1)
@@ -77,6 +77,8 @@ GEM
       google-protobuf (~> 3.25)
     sass-embedded (1.70.0-arm64-darwin)
       google-protobuf (~> 3.25)
+    sass-embedded (1.70.0-x64-mingw-ucrt)
+      google-protobuf (~> 3.25)
     sass-embedded (1.70.0-x86-linux-android)
       google-protobuf (~> 3.25)
     sass-embedded (1.70.0-x86-linux-gnu)
@@ -87,8 +89,6 @@ GEM
       google-protobuf (~> 3.25)
     sass-embedded (1.70.0-x86_64-linux-android)
       google-protobuf (~> 3.25)
-    sass-embedded (1.70.0-x64-mingw-ucrt)
-      google-protobuf (~> 3.25)
     sass-embedded (1.70.0-x86_64-linux-gnu)
       google-protobuf (~> 3.25)
     sass-embedded (1.70.0-x86_64-linux-musl)
@@ -112,12 +112,12 @@ PLATFORMS
   arm-linux-gnueabihf
   arm-linux-musleabihf
   arm64-darwin
+  x64-mingw-ucrt
   x86-linux
   x86-linux-android
   x86-linux-gnu
   x86-linux-musl
   x86_64-darwin
-  x64-mingw-ucrt
   x86_64-linux
   x86_64-linux-android
   x86_64-linux-gnu

_includes/carbonStandard.html

@@ -40,12 +40,12 @@ <h3 class="pl-2 mb-0 text-xl font-medium text-white"><a class="text-inherit hove
       <p>Upstream emissions relating to the embodied carbon of hardware and the development of software.</p>
 
       <h4 class="mt-4 mb-2 text-lg font-medium">Commercial Software</h4>
-      {% include categoryItem.html bgColor="cat-u" icon="./assets/images/icons.svg#web" description="Commercial Off The Shelf (COTS) Software" %}
+      {% include categoryItem.html bgColor="cat-u" icon="./assets/images/icons.svg#web" description="Commercial Off The Shelf (COTS) Software" link="/categories/upstream#commercial-software" %}
 
       <h4 class="mt-4 mb-2 text-lg font-medium">Hardware Manufacture, Transport and Installation</h4>
-      {% include categoryItem.html bgColor="cat-u" icon="./assets/images/icons.svg#devices" description="Employee Hardware (laptops, printers, etc.)" %}
-      {% include categoryItem.html bgColor="cat-u" icon="./assets/images/icons.svg#router" description="Networking Hardware" %}
-      {% include categoryItem.html bgColor="cat-u" icon="./assets/images/icons.svg#storage" description="Data Center and Server Hardware" %}
+      {% include categoryItem.html bgColor="cat-u" icon="./assets/images/icons.svg#devices" description="Employee Hardware (laptops, printers, etc.)" link="/categories/upstream#employee-hardware" %}
+      {% include categoryItem.html bgColor="cat-u" icon="./assets/images/icons.svg#router" description="Networking Hardware" link="/categories/upstream#networking-hardware" %}
+      {% include categoryItem.html bgColor="cat-u" icon="./assets/images/icons.svg#storage" description="Data Center and Server Hardware" link="/categories/upstream#data-center-and-server-hardware" %}
     </div>
     <!-- ARROW DOWN: visible on smaller screens -->
     <div class="w-full lg:hidden h-0 cat-u-arrow-down"></div>
@@ -72,17 +72,17 @@ <h4 class="mb-2 text-lg font-medium">Direct</h4>
             {% include categoryLabel.html label="Category O" bgColor="cat-o" scope="2" %}
           </div>
           <p class="mb-2">Direct running costs that are attributed to the electricity powering servers, networks and devices.</p>
-          {% include categoryItem.html bgColor="cat-o" icon="./assets/images/icons.svg#storage" description="Servers and Storage" %}
-          {% include categoryItem.html bgColor="cat-o" icon="./assets/images/icons.svg#router" description="Networking Devices" %}
-          {% include categoryItem.html bgColor="cat-o" icon="./assets/images/icons.svg#devices" description="Employee Devices" %}
+          {% include categoryItem.html bgColor="cat-o" icon="./assets/images/icons.svg#storage" description="Servers and Storage" link="/categories/operational#servers-and-storage" %}
+          {% include categoryItem.html bgColor="cat-o" icon="./assets/images/icons.svg#router" description="Networking Devices" link="/categories/operational#networking-devices" %}
+          {% include categoryItem.html bgColor="cat-o" icon="./assets/images/icons.svg#devices" description="Employee Devices" link="/categories/operational#employee-devices" %}
 
           <!-- DIRECT (Category G) -->
           <div class="relative">
             <hr class="border-white mb-2">
             <div class="absolute right-2 -top-2">
               {% include categoryLabel.html label="Category G" bgColor="cat-g" scope="1" %}
             </div>
-            {% include categoryItem.html bgColor="cat-g" icon="./assets/images/icons.svg#bolt" description="Generators" %}
+            {% include categoryItem.html bgColor="cat-g" icon="./assets/images/icons.svg#bolt" description="Generators" link="/categories/operational#generators" %}
           </div>
         </div>
 
@@ -93,9 +93,9 @@ <h4 class="mb-2 text-lg font-medium">Indirect</h4>
             {% include categoryLabel.html label="Category C" bgColor="cat-c" scope="3" %}
           </div>
           <p class="mb-2">Indirect running carbon costs that are attributed to external hardware and service solutions.</p>
-          {% include categoryItem.html bgColor="cat-c" icon="./assets/images/icons.svg#cloud" description="Cloud Services" %}
-          {% include categoryItem.html bgColor="cat-c" icon="./assets/images/icons.svg#router" description="SaaS" %}
-          {% include categoryItem.html bgColor="cat-c" icon="./assets/images/icons.svg#storage" description="Managed Services" %}
+          {% include categoryItem.html bgColor="cat-c" icon="./assets/images/icons.svg#cloud" description="Cloud Services" link="/categories/operational#cloud-services" %}
+          {% include categoryItem.html bgColor="cat-c" icon="./assets/images/icons.svg#router" description="SaaS" link="/categories/operational#saas" %}
+          {% include categoryItem.html bgColor="cat-c" icon="./assets/images/icons.svg#storage" description="Managed Services" link="/categories/operational#managed-services" %}
         </div>
       </div>
     </div>
@@ -120,8 +120,8 @@ <h3 class="lg:pl-[3rem] mb-0 text-xl font-medium"><a class="text-inherit hover:t
       <p>Carbon associated with the use of products and services produced by the business.</p>
 
       <h4 class="mt-4 mb-2 text-lg font-medium">End Use (B2B, B2C)</h4>
-      {% include categoryItem.html bgColor="cat-d" icon="./assets/images/icons.svg#devices" description="End-User Devices" %}
-      {% include categoryItem.html bgColor="cat-d" icon="./assets/images/icons.svg#cell-tower" description="Network Data Transfer" %}
+      {% include categoryItem.html bgColor="cat-d" icon="./assets/images/icons.svg#devices" description="End-User Devices" link="/categories/downstream#end-user-devices" %}
+      {% include categoryItem.html bgColor="cat-d" icon="./assets/images/icons.svg#cell-tower" description="Network Data Transfer" link="/categories/downstream#network-data-transfer" %}
     </div>
   </div>
 

_includes/categoryItem.html

@@ -1,6 +1,6 @@
-<div class="flex gap-2 items-center mb-2">
+<{% if include.link %}a href="{{ include.link }}" aria-label="{{ include.description }}"{% else %}div{% endif %} class="flex gap-2 items-center mb-2 {% if include.link %}no-underline text-inherit hover:bg-white/30{% endif %}">
   <div class="flex justify-center items-center size-12 {{ include.bgColor }}">
     <svg aria-hidden="true" class="w-8 h-8 fill-white"><use href="{{ include.icon }}"></use></svg>
   </div>
-  <div class="flex-1">{{ include.description }}</div>
-</div>
+  <div class="flex-1 leading-tight">{{ include.description }}</div>
+</{% if include.link %}a{% else %}div{% endif %}>

_includes/linkedHeading.html

@@ -0,0 +1,4 @@
+{% assign heading = include.heading %}
+<h{{ include.level }} id="{{ heading | slugify }}">
+    <a href="#{{ heading | slugify }}">{{ heading }}</a>
+</h{{ include.level }}>

index.html

@@ -6,7 +6,15 @@
 <h1>Technology Carbon Standard <small>(Proposed)</small></h1>
 
 <div>
-  <p>A proposed Technology Carbon Standard that aims to provide a unified standard for understanding, quantifying, and reducing carbon emissions from an organisation's technology landscape. Outlining a standardised methodology for attributing emissions to different aspects of the tech estate enables organisations to identify priority areas and opportunities to mitigate emissions effectively.</p>
+  <p>Introducing a proposed Technology Carbon Standard for analysing an organisation's Technology Carbon Footprint.</p>
+
+  <p>This is developed as an approach to classifying an organisation's technology estate to enable consistent analysis and benchmarking of its technology carbon footprint. This standard takes inspiration from the globally recognised GHG Protocol and its emissions classification into Scopes 1, 2, and 3.</p>
+
+  <h2>Why a New Standard?</h2>
+
+  <p>The goal of this Technology Carbon Standard is to provide a standardised method for organisations to map, measure, and mitigate the environmental impacts of their technology. This fills a gap between high-level consultancy guidance and specific projects tackling individual areas like cloud computing. Consistent standards facilitate productive conversations between sustainability stakeholders, technology leadership and practitioners.</p>
+
+  <p>By delineating an organisation's technology estate into categories analogous to GHG Protocol scopes, technology practitioners can more easily identify the most carbon-intensive areas to prioritise for impact reduction. This is not intended to reinvent existing efforts in sustainability measurement and reporting. Where relevant, the methodology references and integrates with established open-source initiatives for calculating technology emissions.</p>
 </div>
 
 <div class="py-8 not-prose">

pages/categories/downstream.md

@@ -8,11 +8,11 @@ permalink: categories/downstream
 
 Downstream emissions (Category D) are the emissions produced by using an organisation’s products and/or services. This could be B2B or B2C users of the products and services. The emissions are attributed to the end-user’s device energy use and the transmission of data to use that product or service.
 
-## End-User Devices
+{% include linkedHeading.html heading="End-User Devices" level=2 %}
 
 This considers the emissions generated from the electricity consumption of devices such as desktops, laptops, tablets, and mobile phones that utilise the software or services provided by the organisation. It is important to account for the differences in energy efficiency across various devices accessing the services. Typically, a smartphone uses less energy than a laptop, and a laptop uses less energy than a desktop. It is recommended to factor in the average length of use cycles of devices, before their replacement with new ones, when estimating the embodied carbon of end-user devices in downstream emissions.
 
-## Network Data Transfer
+{% include linkedHeading.html heading="Network Data Transfer" level=2 %}
 
 These emissions are associated with the infrastructure enabling data transmission, enabling end-users to access the products and services. Network emissions can be estimated based on the size of the data transferred, the distance transmitted, and the carbon intensity of the regions through which the data is transferred.
 

pages/categories/operational.md

@@ -9,23 +9,42 @@ Operational emissions encompass the greenhouse gases emitted from an organisatio
 
 Emissions are further classified into direct and indirect sources:
 
-## Direct Emissions
-Direct emissions refer to emissions from assets owned and controlled by the organisation, (on-premise). This includes:
 
-- On-premise servers, data centers, networking equipment, computers, laptops, monitors and other devices used by employees.
-- Any fossil fuel-powered generators, solar PV, wind turbines or other systems installed on-site to supply electricity to technology equipment.
+{% include linkedHeading.html heading="Direct Emissions" level=2 %}
 
 Direct emissions are a result of the organisation's direct consumption of grid-supplied electricity (Category O) or combustion of fossil fuels like diesel or natural gas for owned power generators (Category G). The organisation can directly measure and account for emissions from owned assets.
 
 Category O (On-premise) emissions can be related to GHG Protocol Scope 2, while Category G (Generators) are GHG Protocol Scope 1.
 
-## Indirect Emissions
-Indirect emissions result from the organisation's purchase of cloud computing services, software or managed IT services from third-party technology providers. Examples include:
+{% include linkedHeading.html heading="Servers and Storage" level=3 %}
+The energy consumed by on-premise servers and data centers
 
-- Cloud platform services like compute, storage, networking.
-- Software-as-a-Service (SaaS) applications.
-- Managed Security Operations, IT support and data backup services.
+{% include linkedHeading.html heading="Networking Devices" level=3 %}
+The energy consumed by networking devices such as:
+- routers
+- switches
+- wi-fi access points
+
+{% include linkedHeading.html heading="Employee Devices" level=3 %}
+The energy consumed by computers (desktops, laptops), monitors, printers and other devices used by employees. 
+
+{% include linkedHeading.html heading="Generators" level=3 %}
+Any fossil fuel-powered generators, solar PV, wind turbines or other systems installed on-site to supply electricity to technology equipment.
+
+
+
+{% include linkedHeading.html heading="Indirect Emissions" level=2 %}
+Indirect emissions result from the organisation's purchase of cloud computing services, software or managed IT services from third-party technology providers.
 
 As the organisation does not own or control the IT assets delivering these services, their associated emissions cannot be directly quantified. But use of these services contributes substantially to the organisation's overall technology emissions footprint. These are relatable to GHG Protocol Scope 3.
 
-Emissions estimates for third-party services can be obtained from providers to account for these indirect, supply chain impacts.
+Emissions estimates for third-party services can be obtained from providers to account for these indirect, supply chain impacts.
+
+{% include linkedHeading.html heading="Cloud Services" level=3 %}
+Cloud platform services like compute, storage, networking.
+
+{% include linkedHeading.html heading="SaaS" level=3 %}
+Software-as-a-Service (SaaS) applications.
+
+{% include linkedHeading.html heading="Managed Services" level=3 %}
+Managed Security Operations, IT support and data backup services.

pages/categories/upstream.md

@@ -6,24 +6,36 @@ permalink: categories/upstream
 
 # Upstream Emissions
 
-Upstream emissions (Category U) refer to the emissions that occur in the production and distribution stages of technology products and software purchased by an organisation. This encompasses:
+Upstream emissions (Category U) refer to the emissions that occur in the production and distribution stages of technology products and software purchased by an organisation.
 
-## Hardware Equipment Production
-Emissions from manufacturing, transport, and installation of all the hardware equipment used within the organisation's technology infrastructure. This spans employee devices, networking gear, and on-premise data centers:
+To quantify upstream emissions, the technology purchase categories are mapped with life cycle emissions data for each product class published by reputable manufacturers and software vendors. This lifecycle data encompasses resource extraction, materials processing, manufacturing, transportation and product delivery phases before the operation stage.
+
+Multiplying the volume of assets by the respective product emission factors can yield an accurate upstream emissions profile. The product emission factors are available in Environmental Product Declarations (EPDs) and sustainability reports.
 
-- Laptops, desktops, mobiles, printers and peripherals used by employees
-- Network routers, switches, wifi access points installed
-- Servers, storage systems and data center infrastructure installed on-premise
+Upstream emissions are related to GHG Protocol Scope 3.
+
+
+{% include linkedHeading.html heading="Commercial Software" level=2 %}
 
-## Software Development & Distribution
 Emissions associated with developing and delivering commercial off-the-shelf (COTS) software installed on the organisation's systems. Includes emissions related to:
 
 - Programming, testing and releasing new software versions purchased
 - Packaging and digital distribution of software over the internet
 - Product support services for troubleshooting and guiding customers
 
-To quantify upstream emissions, the technology purchase categories are mapped with life cycle emissions data for each product class published by reputable manufacturers and software vendors. This lifecycle data encompasses resource extraction, materials processing, manufacturing, transportation and product delivery phases before the operation stage.
 
-Multiplying the volume of assets by the respective product emission factors can yield an accurate upstream emissions profile. The product emission factors are available in Environmental Product Declarations (EPDs) and sustainability reports.
+{% include linkedHeading.html heading="Hardware Manufacture, Transport and Installation" level=2 %}
+Emissions from manufacturing, transport, and installation of all the hardware equipment used within the organisation's technology infrastructure. This spans employee devices, networking gear, and on-premise data centers:
+
+
+{% include linkedHeading.html heading="Employee Hardware" level=3 %}
+Laptops, desktops, mobiles, printers and peripherals used by employees
+
+
+{% include linkedHeading.html heading="Networking Hardware" level=3 %}
+Network routers, switches, wifi access points installed
+
+
+{% include linkedHeading.html heading="Data Center and Server Hardware" level=3 %}
+Servers, storage systems and data center infrastructure installed on-premise
 
-Upstream emissions are related to GHG Protocol Scope 3.