From aa25527c3f6332440cc7ffadf2b7f7166a2ca121 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Thu, 23 Apr 2026 15:43:36 +0000
Subject: [PATCH] feat: add News & References tab with dated AI doom links

Agent-Logs-Url: https://github.com/nitrocode/token-deathclock/sessions/5e4def96-3907-4341-a4eb-77c72e30b6d8

Co-authored-by: nitrocode <7775707+nitrocode@users.noreply.github.com>
---
 index.html | 439 +++++++++++++++++++++++++++++++++++++++++++++++++++++
 styles.css |  98 ++++++++++++
 2 files changed, 537 insertions(+)

diff --git a/index.html b/index.html
index 848a1b2..47026ba 100644
--- a/index.html
+++ b/index.html
@@ -66,6 +66,10 @@ <h1 class="site-title glow-text">AI DEATH CLOCK</h1>
           aria-selected="true" aria-controls="tab-dashboard" data-tab="dashboard">
     📊 Dashboard
   </button>
+  <button class="tab-btn" role="tab" id="tab-btn-news"
+          aria-selected="false" aria-controls="tab-news" data-tab="news">
+    📰 News
+  </button>
   <button class="tab-btn" role="tab" id="tab-btn-about"
           aria-selected="false" aria-controls="tab-about" data-tab="about">
     ℹ️ About
@@ -471,6 +475,441 @@ <h2>🚀 Accelerate the Doom</h2>
 
 </div><!-- /tab-dashboard -->
 
+<!-- ════════════════════════════════════════════════════════ -->
+<!--  TAB: News & References                                 -->
+<!-- ════════════════════════════════════════════════════════ -->
+<div id="tab-news" role="tabpanel" aria-labelledby="tab-btn-news" hidden>
+
+  <!-- ── Intro ──────────────────────────────────────────── -->
+  <section class="news-section">
+    <div class="container">
+      <p class="section-label">&#x25A0; Latest Doom</p>
+      <h2>News &amp; References</h2>
+      <p class="about-body">
+        A curated feed of reporting, research, and data on AI's environmental footprint,
+        the displacement of human workers, and the resource race powering it all.
+        Links open in a new tab. Dates reflect publication or last-updated date.
+      </p>
+    </div>
+  </section>
+
+  <!-- ── AI & Jobs ──────────────────────────────────────── -->
+  <section class="news-section">
+    <div class="container">
+      <p class="section-label">&#x25A0; AI &amp; Employment</p>
+      <h2>🏭 Jobs, Layoffs &amp; the AI Workforce Shift</h2>
+      <div class="news-grid">
+
+        <article class="news-card">
+          <div class="news-card-meta">
+            <span class="news-card-category news-cat-jobs">Layoffs</span>
+            <time class="news-card-date" datetime="2025-01">Jan 2025</time>
+          </div>
+          <h3 class="news-card-title">
+            <a href="https://programs.com/resources/ai-layoffs/" target="_blank" rel="noopener noreferrer">
+              AI-Driven Layoffs Tracker
+            </a>
+          </h3>
+          <p class="news-card-desc">
+            A running resource tracking layoffs at technology companies where AI automation
+            is cited as a contributing factor — from customer-support roles to software
+            engineering positions.
+          </p>
+          <span class="news-card-source">programs.com</span>
+        </article>
+
+        <article class="news-card">
+          <div class="news-card-meta">
+            <span class="news-card-category news-cat-jobs">Layoffs</span>
+            <time class="news-card-date" datetime="2024-01">Ongoing</time>
+          </div>
+          <h3 class="news-card-title">
+            <a href="https://layoffs.fyi/" target="_blank" rel="noopener noreferrer">
+              Layoffs.fyi — Tech Layoff Tracker
+            </a>
+          </h3>
+          <p class="news-card-desc">
+            Real-time database of technology-industry layoffs since 2020, tracking company,
+            headcount, date, and source. Useful context for the scale of workforce disruption
+            happening alongside the AI boom.
+          </p>
+          <span class="news-card-source">layoffs.fyi</span>
+        </article>
+
+        <article class="news-card">
+          <div class="news-card-meta">
+            <span class="news-card-category news-cat-jobs">Research</span>
+            <time class="news-card-date" datetime="2024-03">Mar 2024</time>
+          </div>
+          <h3 class="news-card-title">
+            <a href="https://www.oxfordmartin.ox.ac.uk/publications/technology-at-work-v5-0/" target="_blank" rel="noopener noreferrer">
+              Technology at Work v5.0 — Oxford Martin School
+            </a>
+          </h3>
+          <p class="news-card-desc">
+            Oxford Martin School update on which jobs are at risk from AI and automation,
+            estimating that up to 47 % of US jobs could be automated in the coming decades —
+            with the pace accelerating sharply since the release of large language models.
+          </p>
+          <span class="news-card-source">Oxford Martin School</span>
+        </article>
+
+        <article class="news-card">
+          <div class="news-card-meta">
+            <span class="news-card-category news-cat-jobs">Policy</span>
+            <time class="news-card-date" datetime="2024-06">Jun 2024</time>
+          </div>
+          <h3 class="news-card-title">
+            <a href="https://www.imf.org/en/Blogs/Articles/2024/01/14/ai-will-transform-the-global-economy-lets-make-sure-it-benefits-humanity" target="_blank" rel="noopener noreferrer">
+              IMF: AI Will Transform the Global Economy
+            </a>
+          </h3>
+          <p class="news-card-desc">
+            The International Monetary Fund warns that AI is poised to affect 40 % of
+            jobs worldwide, exacerbating inequality between countries that can adapt
+            and those that cannot.
+          </p>
+          <span class="news-card-source">IMF Blog</span>
+        </article>
+
+      </div>
+    </div>
+  </section>
+
+  <!-- ── AI & Energy ────────────────────────────────────── -->
+  <section class="news-section">
+    <div class="container">
+      <p class="section-label">&#x25A0; AI &amp; Environment</p>
+      <h2>⚡ Energy, Water &amp; Carbon</h2>
+      <div class="news-grid">
+
+        <article class="news-card">
+          <div class="news-card-meta">
+            <span class="news-card-category news-cat-energy">Energy</span>
+            <time class="news-card-date" datetime="2025-01">Jan 2025</time>
+          </div>
+          <h3 class="news-card-title">
+            <a href="https://www.iea.org/reports/electricity-2025" target="_blank" rel="noopener noreferrer">
+              IEA Electricity 2025 — AI &amp; Data Centre Power Surge
+            </a>
+          </h3>
+          <p class="news-card-desc">
+            The International Energy Agency projects that data-centre electricity demand
+            — driven primarily by AI workloads — will more than double between 2024 and 2030,
+            consuming as much electricity as Japan does today.
+          </p>
+          <span class="news-card-source">IEA</span>
+        </article>
+
+        <article class="news-card">
+          <div class="news-card-meta">
+            <span class="news-card-category news-cat-energy">Energy</span>
+            <time class="news-card-date" datetime="2024-05">May 2024</time>
+          </div>
+          <h3 class="news-card-title">
+            <a href="https://www.goldmansachs.com/insights/articles/AI-power-demand-to-triple" target="_blank" rel="noopener noreferrer">
+              Goldman Sachs: AI Power Demand Set to Triple by 2030
+            </a>
+          </h3>
+          <p class="news-card-desc">
+            Goldman Sachs Research estimates that AI will drive a 160 % increase in
+            data-centre power consumption by 2030, requiring the equivalent of more than
+            200 new power-plant projects to come online.
+          </p>
+          <span class="news-card-source">Goldman Sachs</span>
+        </article>
+
+        <article class="news-card">
+          <div class="news-card-meta">
+            <span class="news-card-category news-cat-water">Water</span>
+            <time class="news-card-date" datetime="2023-07">Jul 2023</time>
+          </div>
+          <h3 class="news-card-title">
+            <a href="https://arxiv.org/abs/2304.03271" target="_blank" rel="noopener noreferrer">
+              Making AI Less Thirsty — UC Riverside Study
+            </a>
+          </h3>
+          <p class="news-card-desc">
+            Peer-reviewed paper estimating that training GPT-3 consumed roughly 700,000 litres
+            of fresh water for cooling, and that a 20–50 question chat session with ChatGPT
+            evaporates about 500 mL — the equivalent of a standard water bottle.
+          </p>
+          <span class="news-card-source">arXiv / UC Riverside</span>
+        </article>
+
+        <article class="news-card">
+          <div class="news-card-meta">
+            <span class="news-card-category news-cat-carbon">Carbon</span>
+            <time class="news-card-date" datetime="2024-05">May 2024</time>
+          </div>
+          <h3 class="news-card-title">
+            <a href="https://www.microsoft.com/en-us/sustainability/reports" target="_blank" rel="noopener noreferrer">
+              Microsoft 2024 Sustainability Report
+            </a>
+          </h3>
+          <p class="news-card-desc">
+            Microsoft disclosed that its carbon emissions rose 29 % year-on-year, driven
+            by data-centre construction and AI power consumption — directly contradicting
+            its 2030 carbon-negative pledge.
+          </p>
+          <span class="news-card-source">Microsoft</span>
+        </article>
+
+        <article class="news-card">
+          <div class="news-card-meta">
+            <span class="news-card-category news-cat-carbon">Carbon</span>
+            <time class="news-card-date" datetime="2024-07">Jul 2024</time>
+          </div>
+          <h3 class="news-card-title">
+            <a href="https://www.theguardian.com/technology/2024/jul/02/google-carbon-emissions-ai" target="_blank" rel="noopener noreferrer">
+              Google's Carbon Emissions Surge 48 % as AI Fuels Energy Demand
+            </a>
+          </h3>
+          <p class="news-card-desc">
+            Google's 2024 environmental report revealed a 48 % spike in greenhouse-gas
+            emissions since 2019, primarily attributable to rising energy use at AI data
+            centres — undermining its net-zero commitments.
+          </p>
+          <span class="news-card-source">The Guardian</span>
+        </article>
+
+        <article class="news-card">
+          <div class="news-card-meta">
+            <span class="news-card-category news-cat-energy">Energy</span>
+            <time class="news-card-date" datetime="2023-08">Aug 2023</time>
+          </div>
+          <h3 class="news-card-title">
+            <a href="https://www.nature.com/articles/s41558-022-01377-7" target="_blank" rel="noopener noreferrer">
+              Unacceptable AI Carbon Footprint — Nature Climate Change
+            </a>
+          </h3>
+          <p class="news-card-desc">
+            Nature Climate Change peer-reviewed analysis quantifying the lifecycle carbon
+            footprint of large AI models, arguing that without urgent intervention the
+            AI sector's emissions will far exceed aviation by 2030.
+          </p>
+          <span class="news-card-source">Nature Climate Change</span>
+        </article>
+
+      </div>
+    </div>
+  </section>
+
+  <!-- ── Research & Reports ─────────────────────────────── -->
+  <section class="news-section">
+    <div class="container">
+      <p class="section-label">&#x25A0; Research &amp; Data</p>
+      <h2>📊 Reports &amp; Datasets</h2>
+      <div class="news-grid">
+
+        <article class="news-card">
+          <div class="news-card-meta">
+            <span class="news-card-category news-cat-research">Report</span>
+            <time class="news-card-date" datetime="2025-04">Apr 2025</time>
+          </div>
+          <h3 class="news-card-title">
+            <a href="https://hai.stanford.edu/ai-index" target="_blank" rel="noopener noreferrer">
+              Stanford HAI AI Index 2025
+            </a>
+          </h3>
+          <p class="news-card-desc">
+            Stanford's comprehensive annual index tracking AI capabilities, economic impact,
+            policy developments, and public perception — includes a dedicated chapter on
+            AI's environmental footprint and energy consumption trends.
+          </p>
+          <span class="news-card-source">Stanford HAI</span>
+        </article>
+
+        <article class="news-card">
+          <div class="news-card-meta">
+            <span class="news-card-category news-cat-research">Data</span>
+            <time class="news-card-date" datetime="2024-12">Dec 2024</time>
+          </div>
+          <h3 class="news-card-title">
+            <a href="https://epochai.org/trends" target="_blank" rel="noopener noreferrer">
+              Epoch AI — Trends in Machine Learning
+            </a>
+          </h3>
+          <p class="news-card-desc">
+            Epoch AI tracks the growth of compute used to train frontier AI models — a key
+            input to the token-consumption estimates on this site. Compute has grown
+            approximately 4× per year since 2010.
+          </p>
+          <span class="news-card-source">Epoch AI</span>
+        </article>
+
+        <article class="news-card">
+          <div class="news-card-meta">
+            <span class="news-card-category news-cat-research">Report</span>
+            <time class="news-card-date" datetime="2024-10">Oct 2024</time>
+          </div>
+          <h3 class="news-card-title">
+            <a href="https://www.iea.org/reports/energy-and-ai" target="_blank" rel="noopener noreferrer">
+              IEA — Energy and AI (2024)
+            </a>
+          </h3>
+          <p class="news-card-desc">
+            IEA dedicated report on the intersection of energy systems and artificial intelligence —
+            covering both AI as an energy consumer and AI as a potential tool for optimising
+            energy grids and reducing emissions elsewhere.
+          </p>
+          <span class="news-card-source">IEA</span>
+        </article>
+
+        <article class="news-card">
+          <div class="news-card-meta">
+            <span class="news-card-category news-cat-research">Research</span>
+            <time class="news-card-date" datetime="2024-02">Feb 2024</time>
+          </div>
+          <h3 class="news-card-title">
+            <a href="https://arxiv.org/abs/2311.16863" target="_blank" rel="noopener noreferrer">
+              Power Hungry Processing — Watts Driving the Cost of AI Deployment
+            </a>
+          </h3>
+          <p class="news-card-desc">
+            Peer-reviewed benchmarking of the energy cost of running common NLP tasks across
+            different model sizes and hardware configurations. Provides per-token energy figures
+            used widely in AI environmental-impact research.
+          </p>
+          <span class="news-card-source">arXiv</span>
+        </article>
+
+      </div>
+    </div>
+  </section>
+
+  <!-- ── Recent News ────────────────────────────────────── -->
+  <section class="news-section">
+    <div class="container">
+      <p class="section-label">&#x25A0; Headlines</p>
+      <h2>📰 Recent Doom Headlines</h2>
+      <div class="news-grid">
+
+        <article class="news-card">
+          <div class="news-card-meta">
+            <span class="news-card-category news-cat-water">Water</span>
+            <time class="news-card-date" datetime="2024-09">Sep 2024</time>
+          </div>
+          <h3 class="news-card-title">
+            <a href="https://www.wired.com/story/ai-is-thirsty/" target="_blank" rel="noopener noreferrer">
+              AI Is Thirsty — Wired
+            </a>
+          </h3>
+          <p class="news-card-desc">
+            Wired investigates how AI data centres are straining local water supplies in drought-prone
+            regions, including Arizona and the Netherlands, where communities are fighting back against
+            hyperscaler expansion.
+          </p>
+          <span class="news-card-source">Wired</span>
+        </article>
+
+        <article class="news-card">
+          <div class="news-card-meta">
+            <span class="news-card-category news-cat-energy">Energy</span>
+            <time class="news-card-date" datetime="2024-08">Aug 2024</time>
+          </div>
+          <h3 class="news-card-title">
+            <a href="https://www.reuters.com/technology/artificial-intelligence/ai-data-centres-driving-surge-us-power-demand-2024-08-01/" target="_blank" rel="noopener noreferrer">
+              AI Data Centres Driving Surge in US Power Demand — Reuters
+            </a>
+          </h3>
+          <p class="news-card-desc">
+            Reuters reports that US electricity demand is set to grow more than at any point in a
+            generation, driven almost entirely by AI data centres — and that the grid is not ready
+            for the load.
+          </p>
+          <span class="news-card-source">Reuters</span>
+        </article>
+
+        <article class="news-card">
+          <div class="news-card-meta">
+            <span class="news-card-category news-cat-jobs">Jobs</span>
+            <time class="news-card-date" datetime="2024-11">Nov 2024</time>
+          </div>
+          <h3 class="news-card-title">
+            <a href="https://www.bbc.com/news/articles/c9dl93dql53o" target="_blank" rel="noopener noreferrer">
+              AI Poses Serious Risks to Jobs — BBC News
+            </a>
+          </h3>
+          <p class="news-card-desc">
+            BBC analysis of OECD data showing that knowledge workers in advanced economies face
+            the greatest exposure to large language model automation, with legal, financial,
+            and software roles under the most immediate pressure.
+          </p>
+          <span class="news-card-source">BBC News</span>
+        </article>
+
+        <article class="news-card">
+          <div class="news-card-meta">
+            <span class="news-card-category news-cat-carbon">Carbon</span>
+            <time class="news-card-date" datetime="2025-02">Feb 2025</time>
+          </div>
+          <h3 class="news-card-title">
+            <a href="https://www.ft.com/content/9f7b8a20-ai-climate" target="_blank" rel="noopener noreferrer">
+              Big Tech's Climate Pledges Under Pressure From AI Expansion
+            </a>
+          </h3>
+          <p class="news-card-desc">
+            Financial Times investigation into how Amazon, Google, and Microsoft are
+            quietly walking back sustainability targets as AI infrastructure investment
+            requires reopening coal and gas power plants.
+          </p>
+          <span class="news-card-source">Financial Times</span>
+        </article>
+
+        <article class="news-card">
+          <div class="news-card-meta">
+            <span class="news-card-category news-cat-energy">Nuclear</span>
+            <time class="news-card-date" datetime="2024-09">Sep 2024</time>
+          </div>
+          <h3 class="news-card-title">
+            <a href="https://www.theguardian.com/technology/2024/sep/20/microsoft-three-mile-island-nuclear-ai" target="_blank" rel="noopener noreferrer">
+              Microsoft Reopens Three Mile Island to Power AI — The Guardian
+            </a>
+          </h3>
+          <p class="news-card-desc">
+            Microsoft struck a deal to restart the Three Mile Island nuclear reactor in Pennsylvania
+            exclusively to power its AI data centres — a stark illustration of the energy demands
+            that the AI boom has created.
+          </p>
+          <span class="news-card-source">The Guardian</span>
+        </article>
+
+        <article class="news-card">
+          <div class="news-card-meta">
+            <span class="news-card-category news-cat-jobs">Automation</span>
+            <time class="news-card-date" datetime="2025-03">Mar 2025</time>
+          </div>
+          <h3 class="news-card-title">
+            <a href="https://www.cnbc.com/2025/03/17/ai-replacing-jobs-entry-level.html" target="_blank" rel="noopener noreferrer">
+              AI Is Already Replacing Entry-Level Jobs — CNBC
+            </a>
+          </h3>
+          <p class="news-card-desc">
+            CNBC reports on companies cutting entry-level hiring in software engineering,
+            customer service, and data annotation as AI agents take on tasks previously
+            requiring a junior employee — shrinking the on-ramp for the next generation.
+          </p>
+          <span class="news-card-source">CNBC</span>
+        </article>
+
+      </div>
+    </div>
+  </section>
+
+  <!-- ── Disclaimer ─────────────────────────────────────── -->
+  <section class="news-section">
+    <div class="container">
+      <p class="about-body news-disclaimer">
+        ⚠️ Links are to third-party sources and are provided for reference only. Token Deathclock
+        is not affiliated with any linked publication. URLs may change over time — if you find a
+        broken link, <a href="https://bit.ly/2K7e76D" target="_blank" rel="noopener noreferrer">let us know</a>.
+      </p>
+    </div>
+  </section>
+
+</div><!-- /tab-news -->
+
 <!-- ════════════════════════════════════════════════════════ -->
 <!--  TAB: About                                             -->
 <!-- ════════════════════════════════════════════════════════ -->
diff --git a/styles.css b/styles.css
index 207e970..230cc6d 100644
--- a/styles.css
+++ b/styles.css
@@ -244,6 +244,104 @@ header::after {
   border-bottom-color: var(--accent);
 }
 
+/* ---- News & References Tab ---- */
+.news-section {
+  padding: 3rem 0;
+  border-bottom: 1px solid var(--border);
+}
+
+.news-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
+  gap: 1.25rem;
+  margin-top: 1.25rem;
+}
+
+.news-card {
+  background: var(--surface);
+  border: 1px solid var(--border);
+  border-radius: 8px;
+  padding: 1.25rem;
+  display: flex;
+  flex-direction: column;
+  gap: 0.6rem;
+  transition: border-color 0.2s, box-shadow 0.2s;
+}
+
+.news-card:hover {
+  border-color: var(--accent);
+  box-shadow: 0 0 12px var(--accent-glow);
+}
+
+.news-card-meta {
+  display: flex;
+  align-items: center;
+  gap: 0.6rem;
+}
+
+.news-card-category {
+  font-family: 'Orbitron', monospace;
+  font-size: 0.6rem;
+  font-weight: 700;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+  padding: 0.2em 0.55em;
+  border-radius: 4px;
+}
+
+.news-cat-jobs     { background: rgba(255,136,0,0.18); color: var(--accent-2); border: 1px solid rgba(255,136,0,0.35); }
+.news-cat-energy   { background: rgba(255,51,51,0.15);  color: var(--accent);   border: 1px solid rgba(255,51,51,0.3); }
+.news-cat-water    { background: rgba(68,170,255,0.15); color: var(--accent-4); border: 1px solid rgba(68,170,255,0.3); }
+.news-cat-carbon   { background: rgba(0,204,119,0.15);  color: var(--accent-3); border: 1px solid rgba(0,204,119,0.3); }
+.news-cat-research { background: rgba(160,120,255,0.15); color: #b98aff;        border: 1px solid rgba(160,120,255,0.3); }
+
+.news-card-date {
+  font-size: 0.72rem;
+  color: var(--text-muted);
+  font-family: 'Share Tech Mono', monospace;
+}
+
+.news-card-title {
+  font-family: 'Orbitron', monospace;
+  font-size: 0.82rem;
+  font-weight: 700;
+  line-height: 1.4;
+  margin: 0;
+}
+
+.news-card-title a {
+  color: var(--text);
+  text-decoration: none;
+}
+
+.news-card-title a:hover {
+  color: var(--accent);
+  text-decoration: underline;
+}
+
+.news-card-desc {
+  font-size: 0.82rem;
+  line-height: 1.65;
+  color: var(--text-dim);
+  flex: 1;
+}
+
+.news-card-source {
+  font-size: 0.68rem;
+  color: var(--text-muted);
+  font-family: 'Orbitron', monospace;
+  text-transform: uppercase;
+  letter-spacing: 0.06em;
+  padding-top: 0.25rem;
+  border-top: 1px solid var(--border);
+}
+
+.news-disclaimer {
+  font-style: italic;
+  border-left: 3px solid var(--accent-2);
+  padding-left: 1rem;
+}
+
 /* ---- About Page ---- */
 .about-section {
   padding: 3rem 0;