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

fix: Tighten spacing on home-ai.html — hero gap, section gaps, paragraph gaps

Browse source 
- Reduce main top padding from py-12 to pt-8 (hero-to-content gap)
- Reduce section bottom margins from mb-14 to mb-10
- Reduce section heading bottom margins from mb-6 to mb-4
- Reduce intro paragraph bottom margins from mb-6 to mb-4

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
TheFlow 2026-02-09 19:44:51 +13:00
parent 551c7e9a05
commit a3b2329ad5
1 changed files with 34 additions and 34 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

68
public/home-ai.html
View file

@ -69,11 +69,11 @@
</section> </section>
</header> </header>
<main id="main-content" class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-12"> <main id="main-content" class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 pt-8 pb-12">
<!-- What is an SLL --> <!-- What is an SLL -->
<section class="mb-14"> <section class="mb-10">
<h2 class="text-3xl font-bold text-gray-900 mb-6" data-i18n="sll.heading">What is an SLL?</h2> <h2 class="text-3xl font-bold text-gray-900 mb-4" data-i18n="sll.heading">What is an SLL?</h2>
<div class="prose prose-lg text-gray-700"> <div class="prose prose-lg text-gray-700">
<p class="mb-4" data-i18n-html="sll.intro"> <p class="mb-4" data-i18n-html="sll.intro">
An <strong>SLL</strong> (Sovereign Locally-trained Language Model) is distinct from both LLMs and SLMs. The distinction is not size &mdash; it is control. An <strong>SLL</strong> (Sovereign Locally-trained Language Model) is distinct from both LLMs and SLMs. The distinction is not size &mdash; it is control.
@ -121,9 +121,9 @@
</section> </section>
<!-- Two-Model Architecture --> <!-- Two-Model Architecture -->
<section class="mb-14"> <section class="mb-10">
<h2 class="text-3xl font-bold text-gray-900 mb-6" data-i18n="two_model.heading">Two-Model Architecture</h2> <h2 class="text-3xl font-bold text-gray-900 mb-4" data-i18n="two_model.heading">Two-Model Architecture</h2>
<p class="text-gray-700 mb-6" data-i18n-html="two_model.intro"> <p class="text-gray-700 mb-4" data-i18n-html="two_model.intro">
Home AI uses two models of different sizes, routed by task complexity. This is not a fallback mechanism &mdash; each model is optimised for its role. Home AI uses two models of different sizes, routed by task complexity. This is not a fallback mechanism &mdash; each model is optimised for its role.
</p> </p>
@ -154,9 +154,9 @@
</section> </section>
<!-- Three Training Tiers --> <!-- Three Training Tiers -->
<section class="mb-14"> <section class="mb-10">
<h2 class="text-3xl font-bold text-gray-900 mb-6" data-i18n="training_tiers.heading">Three Training Tiers</h2> <h2 class="text-3xl font-bold text-gray-900 mb-4" data-i18n="training_tiers.heading">Three Training Tiers</h2>
<p class="text-gray-700 mb-6" data-i18n="training_tiers.intro"> <p class="text-gray-700 mb-4" data-i18n="training_tiers.intro">
Training is not monolithic. Three tiers serve different scopes, each with appropriate governance constraints. Training is not monolithic. Three tiers serve different scopes, each with appropriate governance constraints.
</p> </p>
@ -203,8 +203,8 @@
</section> </section>
<!-- Governance During Training --> <!-- Governance During Training -->
<section class="mb-14"> <section class="mb-10">
<h2 class="text-3xl font-bold text-gray-900 mb-6" data-i18n="governance_training.heading">Governance During Training</h2> <h2 class="text-3xl font-bold text-gray-900 mb-4" data-i18n="governance_training.heading">Governance During Training</h2>
<div class="prose prose-lg text-gray-700"> <div class="prose prose-lg text-gray-700">
<p class="mb-4" data-i18n-html="governance_training.intro1"> <p class="mb-4" data-i18n-html="governance_training.intro1">
This is the central research contribution. Most AI governance frameworks operate at inference time &mdash; they filter or constrain responses after the model has already been trained. Home AI embeds governance <strong>inside the training loop</strong>. This is the central research contribution. Most AI governance frameworks operate at inference time &mdash; they filter or constrain responses after the model has already been trained. Home AI embeds governance <strong>inside the training loop</strong>.
@ -244,8 +244,8 @@
</section> </section>
<!-- Dual-Layer Tractatus Architecture --> <!-- Dual-Layer Tractatus Architecture -->
<section class="mb-14"> <section class="mb-10">
<h2 class="text-3xl font-bold text-gray-900 mb-6" data-i18n="dual_layer.heading">Dual-Layer Tractatus Architecture</h2> <h2 class="text-3xl font-bold text-gray-900 mb-4" data-i18n="dual_layer.heading">Dual-Layer Tractatus Architecture</h2>
<div class="prose prose-lg text-gray-700"> <div class="prose prose-lg text-gray-700">
<p class="mb-4" data-i18n-html="dual_layer.intro"> <p class="mb-4" data-i18n-html="dual_layer.intro">
Home AI is governed by Tractatus at <strong>two distinct layers</strong> simultaneously. This is the architectural insight that distinguishes the SLL approach from both ungoverned models and bolt-on safety filters. Home AI is governed by Tractatus at <strong>two distinct layers</strong> simultaneously. This is the architectural insight that distinguishes the SLL approach from both ungoverned models and bolt-on safety filters.
@ -297,9 +297,9 @@
</section> </section>
<!-- Philosophical Foundations --> <!-- Philosophical Foundations -->
<section class="mb-14"> <section class="mb-10">
<h2 class="text-3xl font-bold text-gray-900 mb-6" data-i18n="philosophy.heading">Philosophical Foundations</h2> <h2 class="text-3xl font-bold text-gray-900 mb-4" data-i18n="philosophy.heading">Philosophical Foundations</h2>
<p class="text-gray-700 mb-6" data-i18n-html="philosophy.intro"> <p class="text-gray-700 mb-4" data-i18n-html="philosophy.intro">
Home AI's governance draws from four philosophical traditions, each contributing a specific architectural principle. These are not decorative references &mdash; they translate into concrete design decisions. Home AI's governance draws from four philosophical traditions, each contributing a specific architectural principle. These are not decorative references &mdash; they translate into concrete design decisions.
</p> </p>
@ -339,9 +339,9 @@
</section> </section>
<!-- Three-Layer Governance --> <!-- Three-Layer Governance -->
<section class="mb-14"> <section class="mb-10">
<h2 class="text-3xl font-bold text-gray-900 mb-6" data-i18n="three_layer_gov.heading">Three-Layer Governance</h2> <h2 class="text-3xl font-bold text-gray-900 mb-4" data-i18n="three_layer_gov.heading">Three-Layer Governance</h2>
<p class="text-gray-700 mb-6" data-i18n="three_layer_gov.intro"> <p class="text-gray-700 mb-4" data-i18n="three_layer_gov.intro">
Governance operates at three levels, each with different scope and mutability. Governance operates at three levels, each with different scope and mutability.
</p> </p>
@ -373,9 +373,9 @@
</section> </section>
<!-- Wisdom Traditions --> <!-- Wisdom Traditions -->
<section class="mb-14"> <section class="mb-10">
<h2 class="text-3xl font-bold text-gray-900 mb-6" data-i18n="wisdom.heading">Wisdom Traditions</h2> <h2 class="text-3xl font-bold text-gray-900 mb-4" data-i18n="wisdom.heading">Wisdom Traditions</h2>
<p class="text-gray-700 mb-6" data-i18n="wisdom.intro"> <p class="text-gray-700 mb-4" data-i18n="wisdom.intro">
Home AI offers thirteen wisdom traditions that members can adopt to guide AI behaviour. Each tradition has been validated against the Stanford Encyclopedia of Philosophy as the primary scholarly reference. Adoption is voluntary, transparent, and reversible. Home AI offers thirteen wisdom traditions that members can adopt to guide AI behaviour. Each tradition has been validated against the Stanford Encyclopedia of Philosophy as the primary scholarly reference. Adoption is voluntary, transparent, and reversible.
</p> </p>
@ -442,7 +442,7 @@
</section> </section>
<!-- Indigenous Data Sovereignty --> <!-- Indigenous Data Sovereignty -->
<section class="mb-14"> <section class="mb-10">
<div class="bg-gradient-to-r from-blue-50 to-purple-50 rounded-xl p-8 border border-blue-200"> <div class="bg-gradient-to-r from-blue-50 to-purple-50 rounded-xl p-8 border border-blue-200">
<h2 class="text-2xl font-bold text-gray-900 mb-4" data-i18n="indigenous.heading">Indigenous Data Sovereignty</h2> <h2 class="text-2xl font-bold text-gray-900 mb-4" data-i18n="indigenous.heading">Indigenous Data Sovereignty</h2>
<p class="text-gray-700 mb-4" data-i18n="indigenous.intro"> <p class="text-gray-700 mb-4" data-i18n="indigenous.intro">
@ -475,9 +475,9 @@
</section> </section>
<!-- Training Infrastructure --> <!-- Training Infrastructure -->
<section class="mb-14"> <section class="mb-10">
<h2 class="text-3xl font-bold text-gray-900 mb-6" data-i18n="infrastructure.heading">Training Infrastructure</h2> <h2 class="text-3xl font-bold text-gray-900 mb-4" data-i18n="infrastructure.heading">Training Infrastructure</h2>
<p class="text-gray-700 mb-6" data-i18n="infrastructure.intro"> <p class="text-gray-700 mb-4" data-i18n="infrastructure.intro">
Home AI follows a "train local, deploy remote" model. The training hardware sits in the developer's home. Trained model weights are deployed to production servers for inference. This keeps training costs low and training data under physical control. Home AI follows a "train local, deploy remote" model. The training hardware sits in the developer's home. Trained model weights are deployed to production servers for inference. This keeps training costs low and training data under physical control.
</p> </p>
@ -512,9 +512,9 @@
</section> </section>
<!-- Bias and Verification --> <!-- Bias and Verification -->
<section class="mb-14"> <section class="mb-10">
<h2 class="text-3xl font-bold text-gray-900 mb-6" data-i18n="bias.heading">Bias Documentation and Verification</h2> <h2 class="text-3xl font-bold text-gray-900 mb-4" data-i18n="bias.heading">Bias Documentation and Verification</h2>
<p class="text-gray-700 mb-6" data-i18n="bias.intro"> <p class="text-gray-700 mb-4" data-i18n="bias.intro">
Home AI operates in the domain of family storytelling, which carries specific bias risks. Six bias categories have been documented with detection prompts, debiasing examples, and evaluation criteria. Home AI operates in the domain of family storytelling, which carries specific bias risks. Six bias categories have been documented with detection prompts, debiasing examples, and evaluation criteria.
</p> </p>
@ -571,9 +571,9 @@
</section> </section>
<!-- What's Live Today --> <!-- What's Live Today -->
<section class="mb-14"> <section class="mb-10">
<h2 class="text-3xl font-bold text-gray-900 mb-6" data-i18n="live_today.heading">What's Live Today</h2> <h2 class="text-3xl font-bold text-gray-900 mb-4" data-i18n="live_today.heading">What's Live Today</h2>
<p class="text-gray-700 mb-6" data-i18n="live_today.intro"> <p class="text-gray-700 mb-4" data-i18n="live_today.intro">
Home AI currently operates in production with the following governed features. These run under the full six-service governance stack. Home AI currently operates in production with the following governed features. These run under the full six-service governance stack.
</p> </p>
@ -598,8 +598,8 @@
</section> </section>
<!-- Limitations --> <!-- Limitations -->
<section class="mb-14"> <section class="mb-10">
<h2 class="text-3xl font-bold text-gray-900 mb-6" data-i18n="limitations.heading">Limitations and Open Questions</h2> <h2 class="text-3xl font-bold text-gray-900 mb-4" data-i18n="limitations.heading">Limitations and Open Questions</h2>
<div class="bg-amber-50 border-l-4 border-amber-500 p-6 rounded-r-lg"> <div class="bg-amber-50 border-l-4 border-amber-500 p-6 rounded-r-lg">
<ul class="space-y-3 text-amber-800"> <ul class="space-y-3 text-amber-800">
<li class="flex items-start"> <li class="flex items-start">