Skip to content

Commit

Permalink
Updates
Browse files Browse the repository at this point in the history 
- added logo
- added favicon
- added tailwind typography for content
- added additional pages and structure
  • Loading branch information
@dkrees
dkrees committed Feb 5, 2024
1 parent 2b38715 commit 1238f71
Show file tree
Hide file tree
Showing 23 changed files with 602 additions and 110 deletions.
Binary file added android-chrome-192x192.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added android-chrome-512x512.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added apple-touch-icon.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
14 changes: 0 additions & 14 deletions docs/404.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,20 +3,6 @@
layout: default
---

<style type="text/css" media="screen">
.container {
margin: 10px auto;
max-width: 600px;
text-align: center;
}
h1 {
margin: 30px 0;
font-size: 4em;
line-height: 1;
letter-spacing: -1px;
}
</style>

<div class="container">
<h1>404</h1>

Expand Down
2 changes: 1 addition & 1 deletion docs/_data/navigation.yml
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
- name: Technology Carbon Standard
link: /
- name: About
link: /about.html
link: /about
22 changes: 11 additions & 11 deletions docs/_includes/carbonStandard.html
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
<!-- Carbon Standard Title and Legend -->
<header class="flex flex-col lg:flex-row justify-between lg:items-center py-4 px-4 gap-2 lg:gap-0 bg-white dark:bg-black/30">
<h1 class="text-2xl font-medium m-0">Technology Carbon Standard</h1>
<h1 class="text-2xl lg:text-3xl font-medium">Technology Carbon Standard</h1>
<div class="flex flex-col gap-1">
<div class="flex gap-2">
<div class="relative w-24 flex border border-white rounded overflow-hidden">
Expand All @@ -20,14 +20,14 @@ <h1 class="text-2xl font-medium m-0">Technology Carbon Standard</h1>
</div>
</header>

<div class="flex flex-col lg:flex-row">
<div class="flex flex-col lg:flex-row not-prose">

<!-- UPSTREAM EMISSIONS -->
<div class="flex flex-col lg:w-1/4">
<div class="flex">
<div class="grow flex flex-col justify-center h-[4rem] px-2 py-2 cat-u">
<div class="relative">
<h2 class="pl-2 mb-0">Upstream Emissions</h1>
<h2 class="pl-2 mb-0 text-xl font-medium text-white"><a class="no-underline text-inherit hover:text-inherit hover:opacity-80" href="/categories/upstream">Upstream Emissions</a></h1>
<div class="absolute right-0 top-8">
{% include categoryLabel.html label="Category U" bgColor="cat-u" scope="3" %}
</div>
Expand All @@ -39,10 +39,10 @@ <h2 class="pl-2 mb-0">Upstream Emissions</h1>
<div class="h-full lg:mr-[2rem] px-4 pt-4 pb-2 cat-u-body">
<p>Upstream emissions relating to the embodied carbon of hardware and the development of software.</p>

<h3 class="mt-4">Commercial Software</h3>
<h3 class="mt-4 mb-2 text-lg font-medium">Commercial Software</h3>
{% include categoryItem.html bgColor="cat-u" icon="./assets/images/icons.svg#web" description="Commercial Off The Shelf (COTS) Software" %}

<h3 class="mt-4">Hardware Manufacture, Transport and Installation</h3>
<h3 class="mt-4 mb-2 text-lg font-medium">Hardware Manufacture, Transport and Installation</h3>
{% include categoryItem.html bgColor="cat-u" icon="./assets/images/icons.svg#devices" description="Employee Hardware (laptops, phones, 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" %}
Expand All @@ -55,7 +55,7 @@ <h3 class="mt-4">Hardware Manufacture, Transport and Installation</h3>
<div class="flex flex-col lg:w-2/4">
<div class="flex">
<div class="grow flex flex-col justify-center h-[4rem] lg:-ml-[2rem] px-2 py-2 cat-o">
<h2 class="lg:pl-[3rem] mb-0">Operational Emissions</h1>
<h2 class="lg:pl-[3rem] mb-0 text-xl font-medium"><a class="no-underline text-inherit hover:text-inherit hover:opacity-80" href="/categories/operational">Operational Emissions</a></h1>
</div>
<!-- ARROW RIGHT: hidden on smaller screens -->
<div class="hidden lg:block w-0 h-0 z-10 cat-o-arrow-right"></div>
Expand All @@ -67,7 +67,7 @@ <h2 class="lg:pl-[3rem] mb-0">Operational Emissions</h1>

<!-- DIRECT (Category O) -->
<div class="relative px-2 py-2 border-2 border-white rounded-md">
<h3>Direct</h3>
<h3 class="mb-2 text-lg font-medium">Direct</h3>
<div class="absolute right-2 -top-2">
{% include categoryLabel.html label="Category O" bgColor="cat-o" scope="2" %}
</div>
Expand All @@ -88,7 +88,7 @@ <h3>Direct</h3>

<!-- INDIRECT (Category C) -->
<div class="relative px-2 py-2 border-2 border-white rounded-md">
<h3>Indirect</h3>
<h3 class="mb-2 text-lg font-medium">Indirect</h3>
<div class="absolute right-2 -top-2">
{% include categoryLabel.html label="Category C" bgColor="cat-c" scope="3" %}
</div>
Expand All @@ -109,7 +109,7 @@ <h3>Indirect</h3>
<div class="flex">
<div class="grow flex flex-col justify-center h-[4rem] lg:-ml-[2rem] px-2 py-2 cat-d">
<div class="relative">
<h2 class="lg:pl-[3rem] mb-0">Downstream Emissions</h1>
<h2 class="lg:pl-[3rem] mb-0 text-xl font-medium"><a class="no-underline text-inherit hover:text-inherit hover:opacity-80" href="/categories/downstream">Downstream Emissions</a></h1>
<div class="absolute right-0 top-8">
{% include categoryLabel.html label="Category D" bgColor="cat-d" scope="3" %}
</div>
Expand All @@ -119,7 +119,7 @@ <h2 class="lg:pl-[3rem] mb-0">Downstream Emissions</h1>
<div class="h-full lg:-ml-[2rem] px-4 pt-4 pb-2 cat-d-body">
<p>Carbon associated with the use of products and services produced by the business.</p>

<h3 class="mt-4">End Use (B2B, B2C)</h3>
<h3 class="mt-4 mb-2 text-lg font-medium">End Use (B2B, B2C)</h3>
{% 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" %}
</div>
Expand All @@ -129,7 +129,7 @@ <h3 class="mt-4">End Use (B2B, B2C)</h3>

<div class="flex justify-center items-center px-4 py-4 mt-2 lg:mt-0 bg-black/25 dark:bg-black/25">
<div>
<h3>Out of Scope</h3>
<h3 class="mb-2 text-lg font-medium">Out of Scope</h3>
<div class="flex items-center gap-2">
<div class="flex justify-center items-center size-12 bg-charcoal-600 dark:bg-charcoal-800">
<svg class="w-8 h-8 fill-white"><use href="./assets/images/icons.svg#groups"></svg>
Expand Down
4 changes: 2 additions & 2 deletions docs/_includes/navigation.html
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
{% for item in site.data.navigation %}
<a href="{{ item.link }}" class="no-underline h-8 px-2 {% if page.url == item.link %}text-cambridge-100 border-b-4 border-cambridge-300 dark:border-cambridge-600 dark:text-cambridge-300{% else %} text-cambridge-100 dark:text-cambridge-400{% endif %} hover:text-cambridge-100 focus:outline-none focus-visible:ring focus:ring-blue">
{{ item.name }}
<a href="{{ item.link }}" class="no-underline h-12 {% if page.url == item.link %}text-cambridge-100 border-b-4 border-cambridge-300 dark:border-cambridge-600 dark:text-cambridge-300{% else %} text-cambridge-100 dark:text-cambridge-400{% endif %} hover:text-cambridge-100 focus:outline-none focus-visible:ring focus:ring-blue">
{{ item.name }}
</a>
{% endfor %}
3 changes: 2 additions & 1 deletion docs/_layouts/default.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,12 +14,13 @@
<!-- NAVIGATION -->
<nav class="bg-gunmetal-800">
<div class="container max-w-7xl mx-auto h-20 w-full flex gap-4 px-2 items-end">
<a href="/"><svg class="size-12 mb-4 fill-cambridge-400"><use href="/assets/images/icons.svg#tcs-logo"></svg></a>
{% include navigation.html %}
</div>
</nav>

<!-- MAIN CONTENT -->
<main class="container min-h-[calc(100vh-154px)] max-w-7xl w-full px-2 py-4 mx-auto font-light">
<main class="container min-h-[calc(100vh-154px)] max-w-7xl w-full px-2 py-4 mx-auto font-light prose dark:prose-invert prose-headings:font-light">
{{ content }}
</main>

Expand Down
24 changes: 0 additions & 24 deletions docs/assets/css/__main.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,34 +10,10 @@
font-size: 16px;
}

h1 {
@apply text-2xl lg:text-3xl font-semibold;
}

h2 {
@apply text-xl font-medium;
}

h3 {
@apply text-lg font-medium;
}

h4 {
@apply text-base lg:text-lg font-medium;
}

h1, h2, h3, h4, p, ul, li {
@apply mb-2;
}

a {
@apply underline text-blue-600 hover:text-blue-800 visited:bg-purple-800 focus:outline-none focus-visible:ring focus:ring-blue dark:text-blue-300 dark:hover:text-blue-100;
}

ul {
@apply list-disc list-inside;
}

/* CATEGORY U */
.cat-u {
@apply bg-blue dark:bg-blue-700 text-white;
Expand Down
Loading

0 comments on commit 1238f71

Please sign in to comment.