fix: Tighten spacing on home-ai.html — hero gap, section gaps, paragraph gaps
- 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
parent
551c7e9a05
commit
a3b2329ad5
1 changed files with 34 additions and 34 deletions
|
|
@ -69,11 +69,11 @@
|
|||
</section>
|
||||
</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 -->
|
||||
<section class="mb-14">
|
||||
<h2 class="text-3xl font-bold text-gray-900 mb-6" data-i18n="sll.heading">What is an SLL?</h2>
|
||||
<section class="mb-10">
|
||||
<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">
|
||||
<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 — it is control.
|
||||
|
|
@ -121,9 +121,9 @@
|
|||
</section>
|
||||
|
||||
<!-- Two-Model Architecture -->
|
||||
<section class="mb-14">
|
||||
<h2 class="text-3xl font-bold text-gray-900 mb-6" data-i18n="two_model.heading">Two-Model Architecture</h2>
|
||||
<p class="text-gray-700 mb-6" data-i18n-html="two_model.intro">
|
||||
<section class="mb-10">
|
||||
<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-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 — each model is optimised for its role.
|
||||
</p>
|
||||
|
||||
|
|
@ -154,9 +154,9 @@
|
|||
</section>
|
||||
|
||||
<!-- Three Training Tiers -->
|
||||
<section class="mb-14">
|
||||
<h2 class="text-3xl font-bold text-gray-900 mb-6" data-i18n="training_tiers.heading">Three Training Tiers</h2>
|
||||
<p class="text-gray-700 mb-6" data-i18n="training_tiers.intro">
|
||||
<section class="mb-10">
|
||||
<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-4" data-i18n="training_tiers.intro">
|
||||
Training is not monolithic. Three tiers serve different scopes, each with appropriate governance constraints.
|
||||
</p>
|
||||
|
||||
|
|
@ -203,8 +203,8 @@
|
|||
</section>
|
||||
|
||||
<!-- Governance During Training -->
|
||||
<section class="mb-14">
|
||||
<h2 class="text-3xl font-bold text-gray-900 mb-6" data-i18n="governance_training.heading">Governance During Training</h2>
|
||||
<section class="mb-10">
|
||||
<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">
|
||||
<p class="mb-4" data-i18n-html="governance_training.intro1">
|
||||
This is the central research contribution. Most AI governance frameworks operate at inference time — 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>
|
||||
|
||||
<!-- Dual-Layer Tractatus Architecture -->
|
||||
<section class="mb-14">
|
||||
<h2 class="text-3xl font-bold text-gray-900 mb-6" data-i18n="dual_layer.heading">Dual-Layer Tractatus Architecture</h2>
|
||||
<section class="mb-10">
|
||||
<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">
|
||||
<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.
|
||||
|
|
@ -297,9 +297,9 @@
|
|||
</section>
|
||||
|
||||
<!-- Philosophical Foundations -->
|
||||
<section class="mb-14">
|
||||
<h2 class="text-3xl font-bold text-gray-900 mb-6" data-i18n="philosophy.heading">Philosophical Foundations</h2>
|
||||
<p class="text-gray-700 mb-6" data-i18n-html="philosophy.intro">
|
||||
<section class="mb-10">
|
||||
<h2 class="text-3xl font-bold text-gray-900 mb-4" data-i18n="philosophy.heading">Philosophical Foundations</h2>
|
||||
<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 — they translate into concrete design decisions.
|
||||
</p>
|
||||
|
||||
|
|
@ -339,9 +339,9 @@
|
|||
</section>
|
||||
|
||||
<!-- Three-Layer Governance -->
|
||||
<section class="mb-14">
|
||||
<h2 class="text-3xl font-bold text-gray-900 mb-6" data-i18n="three_layer_gov.heading">Three-Layer Governance</h2>
|
||||
<p class="text-gray-700 mb-6" data-i18n="three_layer_gov.intro">
|
||||
<section class="mb-10">
|
||||
<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-4" data-i18n="three_layer_gov.intro">
|
||||
Governance operates at three levels, each with different scope and mutability.
|
||||
</p>
|
||||
|
||||
|
|
@ -373,9 +373,9 @@
|
|||
</section>
|
||||
|
||||
<!-- Wisdom Traditions -->
|
||||
<section class="mb-14">
|
||||
<h2 class="text-3xl font-bold text-gray-900 mb-6" data-i18n="wisdom.heading">Wisdom Traditions</h2>
|
||||
<p class="text-gray-700 mb-6" data-i18n="wisdom.intro">
|
||||
<section class="mb-10">
|
||||
<h2 class="text-3xl font-bold text-gray-900 mb-4" data-i18n="wisdom.heading">Wisdom Traditions</h2>
|
||||
<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.
|
||||
</p>
|
||||
|
||||
|
|
@ -442,7 +442,7 @@
|
|||
</section>
|
||||
|
||||
<!-- 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">
|
||||
<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">
|
||||
|
|
@ -475,9 +475,9 @@
|
|||
</section>
|
||||
|
||||
<!-- Training Infrastructure -->
|
||||
<section class="mb-14">
|
||||
<h2 class="text-3xl font-bold text-gray-900 mb-6" data-i18n="infrastructure.heading">Training Infrastructure</h2>
|
||||
<p class="text-gray-700 mb-6" data-i18n="infrastructure.intro">
|
||||
<section class="mb-10">
|
||||
<h2 class="text-3xl font-bold text-gray-900 mb-4" data-i18n="infrastructure.heading">Training Infrastructure</h2>
|
||||
<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.
|
||||
</p>
|
||||
|
||||
|
|
@ -512,9 +512,9 @@
|
|||
</section>
|
||||
|
||||
<!-- Bias and Verification -->
|
||||
<section class="mb-14">
|
||||
<h2 class="text-3xl font-bold text-gray-900 mb-6" data-i18n="bias.heading">Bias Documentation and Verification</h2>
|
||||
<p class="text-gray-700 mb-6" data-i18n="bias.intro">
|
||||
<section class="mb-10">
|
||||
<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-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.
|
||||
</p>
|
||||
|
||||
|
|
@ -571,9 +571,9 @@
|
|||
</section>
|
||||
|
||||
<!-- What's Live Today -->
|
||||
<section class="mb-14">
|
||||
<h2 class="text-3xl font-bold text-gray-900 mb-6" data-i18n="live_today.heading">What's Live Today</h2>
|
||||
<p class="text-gray-700 mb-6" data-i18n="live_today.intro">
|
||||
<section class="mb-10">
|
||||
<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-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.
|
||||
</p>
|
||||
|
||||
|
|
@ -598,8 +598,8 @@
|
|||
</section>
|
||||
|
||||
<!-- Limitations -->
|
||||
<section class="mb-14">
|
||||
<h2 class="text-3xl font-bold text-gray-900 mb-6" data-i18n="limitations.heading">Limitations and Open Questions</h2>
|
||||
<section class="mb-10">
|
||||
<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">
|
||||
<ul class="space-y-3 text-amber-800">
|
||||
<li class="flex items-start">
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue