john/tractatus
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: Improve WCAG AA contrast ratios on homepage

Browse source 
Darken 6 elements that failed Lighthouse contrast audit (below 4.5:1):
- Hero CTA: bg-emerald-500 → bg-emerald-700
- Leader link: text-teal-600 → text-teal-700
- Citation line: text-gray-500 → text-gray-600
- Read link: text-emerald-600 → text-emerald-700
- PDF label: text-gray-500 → text-gray-600
- Timeline date: text-emerald-600 → text-emerald-700

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
TheFlow 2026-02-11 06:33:55 +13:00
parent ef281ee846
commit 10fd10c07e
1 changed files with 6 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
public/index.html
View file

@ -79,7 +79,7 @@
Read the Research
</button>
<a href="/village-case-study.html"
class="inline-block px-8 py-3 rounded-lg font-semibold transition-all duration-300 bg-emerald-500 text-white hover:bg-emerald-600 hover:shadow-lg hover:-translate-y-1"
class="inline-block px-8 py-3 rounded-lg font-semibold transition-all duration-300 bg-emerald-700 text-white hover:bg-emerald-800 hover:shadow-lg hover:-translate-y-1"
data-i18n="hero.cta_production">
See It in Production
</a>
@ -370,7 +370,7 @@
<li data-i18n="roles.leader_f3">Implementation roadmap</li>
<li data-i18n="roles.leader_f4">Risk management framework</li>
</ul>
<div class="mt-5 text-teal-600 font-semibold group-hover:underline text-sm" data-i18n="roles.leader_cta">View leadership resources &rarr;</div>
<div class="mt-5 text-teal-700 font-semibold group-hover:underline text-sm" data-i18n="roles.leader_cta">View leadership resources &rarr;</div>
</div>
</a>
</div>
@ -384,7 +384,7 @@
<p class="text-base text-gray-600 max-w-3xl mx-auto" data-i18n="papers.subtitle">
The research paper in three editions, each written for a different audience.
</p>
<p class="text-sm text-gray-500 mt-2">STO-INN-0003 v2.1 | John Stroh &amp; Claude (Anthropic) | January 2026</p>
<p class="text-sm text-gray-600 mt-2">STO-INN-0003 v2.1 | John Stroh &amp; Claude (Anthropic) | January 2026</p>
</div>
<div class="grid grid-cols-1 md:grid-cols-3 gap-6 max-w-5xl mx-auto">
@ -397,7 +397,7 @@
<p class="text-sm text-gray-600 mb-3" data-i18n="papers.academic_desc">
Full academic treatment with formal proofs, existential risk context, and comprehensive citations.
</p>
<span class="text-emerald-600 font-semibold group-hover:underline text-sm" data-i18n="papers.read_cta">Read &rarr;</span>
<span class="text-emerald-700 font-semibold group-hover:underline text-sm" data-i18n="papers.read_cta">Read &rarr;</span>
</div>
</a>
@ -429,7 +429,7 @@
</div>
<div class="mt-8 text-center">
<p class="text-gray-500 text-sm mb-3" data-i18n="papers.pdf_label">PDF downloads:</p>
<p class="text-gray-600 text-sm mb-3" data-i18n="papers.pdf_label">PDF downloads:</p>
<div class="flex flex-wrap justify-center gap-4">
<a href="/downloads/architectural-alignment-academic.pdf" class="inline-flex items-center gap-2 text-gray-600 hover:text-emerald-600 transition-colors text-sm">
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
@ -474,7 +474,7 @@
<div class="text-gray-700 text-sm" data-i18n="timeline.oct_nov_2025">Alexander principles, Agent Lightning, i18n</div>
</div>
<div>
<div class="text-sm font-semibold text-emerald-600 mb-2" data-i18n="timeline.date_dec_2025">Dec 2025</div>
<div class="text-sm font-semibold text-emerald-700 mb-2" data-i18n="timeline.date_dec_2025">Dec 2025</div>
<div class="text-gray-700 text-sm" data-i18n="timeline.dec_2025">Village case study &amp; Home AI deployment</div>
</div>
<div>