Skip to content

Move sources to bottom; accordion sources; copy/print below scenarios #28

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
aspiece merged 2 commits into from
Aug 10, 2026
Merged

Move sources to bottom; accordion sources; copy/print below scenarios #28

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
77cdd45
Move sources section to bottom of AIImpact.html page
Copilot Aug 10, 2026
2e1a26c
Move copy/print buttons below scenarios; convert sources to accordion
Copilot Aug 10, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
136 changes: 83 additions & 53 deletions AIImpact.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -366,7 +366,8 @@
.actions {
display: flex;
gap: 9px;
padding: 0 16px 16px;
padding: 0;
margin: 16px 0;
}

.action {
Expand Down Expand Up @@ -416,6 +417,32 @@
font-size: 1.2rem;
}

.sources details > summary {
list-style: none;
display: flex;
align-items: center;
gap: 6px;
cursor: pointer;
margin: 0 0 4px;
font-size: 1.2rem;
font-weight: 700;
color: var(--ink);
user-select: none;
}

.sources details > summary::-webkit-details-marker { display: none; }

.sources details > summary::after {
content: '▸';
font-size: .85rem;
color: var(--muted);
transition: transform .2s;
}

.sources details[open] > summary::after {
transform: rotate(90deg);
}

.sources-intro {
margin: 0 0 14px;
color: var(--muted);
Expand Down Expand Up @@ -790,61 +817,9 @@ <h2 id="resultTitle">1 quick AI question</h2>
</div>
</div>

<div class="actions">
<button class="action primary" id="copyButton" type="button">Copy result</button>
<button class="action secondary" id="printButton" type="button">Print</button>
</div>
</aside>
</section>

<section class="card sources" aria-labelledby="sourcesTitle">
<h2 id="sourcesTitle">Data sources</h2>
<p class="sources-intro">These studies provide the published reference values used in this calculator.</p>

<div class="source-list">
<a class="source-link"
href="https://www.microsoft.com/en-us/research/publication/energy-use-of-ai-inference-efficiency-pathways-and-test-time-scaling/"
target="_blank" rel="noopener">
<strong>Microsoft Research — Energy Use of AI Inference</strong>
<span>Supports the 0.31 Wh typical text-query estimate, its 0.16–0.60 Wh range, and the 3.91 Wh extended-reasoning scenario with a 2.15–7.05 Wh range.</span>
</a>

<a class="source-link"
href="https://arxiv.org/abs/2311.16863"
target="_blank" rel="noopener">
<strong>Luccioni, Jernite &amp; Strubell — Power Hungry Processing</strong>
<span>Supports the 2.907 Wh mean image-generation benchmark. The study found substantial variation among models.</span>
</a>

<a class="source-link"
href="https://eta-publications.lbl.gov/sites/default/files/2024-12/lbnl-2024-united-states-data-center-energy-usage-report_1.pdf"
target="_blank" rel="noopener">
<strong>Berkeley Lab — 2024 United States Data Center Energy Usage Report</strong>
<span>Supports the national-average estimates of just over 0.36 L/kWh of direct data-center water and 4.52 L/kWh of electricity-related water.</span>
</a>

<a class="source-link"
href="https://www.epa.gov/egrid"
target="_blank" rel="noopener">
<strong>EPA eGRID 2022 — Emissions &amp; Generation Resource Integrated Database</strong>
<span>Supports the ~0.386 kg CO₂e/kWh U.S. national average grid emissions factor used in the Conventional Infrastructure scenario.</span>
</a>

<a class="source-link"
href="https://www.ipcc.ch/report/ar6/wg3/"
target="_blank" rel="noopener">
<strong>IPCC Sixth Assessment Report (AR6), Working Group III</strong>
<span>⚠️ Used as a reference for illustrative low-carbon electricity CO₂e ranges (~0.007–0.048 kg CO₂e/kWh for wind and solar). The blended 0.02 kg CO₂e/kWh value used in Scenario 3 is an estimate requiring expert validation.</span>
</a>
</div>

<p class="source-note">
The calculator combines estimates from sources with different methods and system boundaries.
Summary and document-analysis values are classroom comparison estimates, not measured averages.
Infrastructure scenario values for Scenarios 2 and 3 are illustrative estimates; see ⚠️ notes above.
</p>
</section>

<!-- Infrastructure comparison section -->
<section class="card infra-section" aria-labelledby="infraTitle">
<h2 id="infraTitle">How infrastructure changes the picture</h2>
Expand Down Expand Up @@ -892,6 +867,61 @@ <h2 id="factorsTitle">What makes the difference?</h2>
Actual impact varies by model, response length, hardware, location, cooling system, and electricity source.
The rewrite, summary, and document-analysis presets use classroom comparison values anchored to the published typical text-query estimate.
</p>

<div class="actions">
<button class="action primary" id="copyButton" type="button">Copy result</button>
<button class="action secondary" id="printButton" type="button">Print</button>
</div>

<section class="card sources" aria-labelledby="sourcesTitle">
<details>
<summary id="sourcesTitle">Data sources</summary>
<p class="sources-intro">These studies provide the published reference values used in this calculator.</p>

<div class="source-list">
<a class="source-link"
href="https://www.microsoft.com/en-us/research/publication/energy-use-of-ai-inference-efficiency-pathways-and-test-time-scaling/"
target="_blank" rel="noopener">
<strong>Microsoft Research — Energy Use of AI Inference</strong>
<span>Supports the 0.31 Wh typical text-query estimate, its 0.16–0.60 Wh range, and the 3.91 Wh extended-reasoning scenario with a 2.15–7.05 Wh range.</span>
</a>

<a class="source-link"
href="https://arxiv.org/abs/2311.16863"
target="_blank" rel="noopener">
<strong>Luccioni, Jernite &amp; Strubell — Power Hungry Processing</strong>
<span>Supports the 2.907 Wh mean image-generation benchmark. The study found substantial variation among models.</span>
</a>

<a class="source-link"
href="https://eta-publications.lbl.gov/sites/default/files/2024-12/lbnl-2024-united-states-data-center-energy-usage-report_1.pdf"
target="_blank" rel="noopener">
<strong>Berkeley Lab — 2024 United States Data Center Energy Usage Report</strong>
<span>Supports the national-average estimates of just over 0.36 L/kWh of direct data-center water and 4.52 L/kWh of electricity-related water.</span>
</a>

<a class="source-link"
href="https://www.epa.gov/egrid"
target="_blank" rel="noopener">
<strong>EPA eGRID 2022 — Emissions &amp; Generation Resource Integrated Database</strong>
<span>Supports the ~0.386 kg CO₂e/kWh U.S. national average grid emissions factor used in the Conventional Infrastructure scenario.</span>
</a>

<a class="source-link"
href="https://www.ipcc.ch/report/ar6/wg3/"
target="_blank" rel="noopener">
<strong>IPCC Sixth Assessment Report (AR6), Working Group III</strong>
<span>⚠️ Used as a reference for illustrative low-carbon electricity CO₂e ranges (~0.007–0.048 kg CO₂e/kWh for wind and solar). The blended 0.02 kg CO₂e/kWh value used in Scenario 3 is an estimate requiring expert validation.</span>
</a>
</div>

<p class="source-note">
The calculator combines estimates from sources with different methods and system boundaries.
Summary and document-analysis values are classroom comparison estimates, not measured averages.
Infrastructure scenario values for Scenarios 2 and 3 are illustrative estimates; see ⚠️ notes above.
</p>
</details>
</section>
</main>

<div class="toast" id="toast" role="status" aria-live="polite">Copied</div>
Expand Down