ux: dedupe manifesto cards via ui-card

This commit is contained in:
Marco Allegretti 2026-01-30 10:27:12 +01:00
parent 3cdc901742
commit 1c2da581e6

View file

@ -72,7 +72,7 @@ import PublicLayout from '../layouts/PublicLayout.astro';
<section class="manifesto-section"> <section class="manifesto-section">
<h2>Principles for Governance Infrastructure</h2> <h2>Principles for Governance Infrastructure</h2>
<div class="principle-block"> <div class="principle-block ui-card ui-card-pad-xl">
<h3>1. Information Must Be Understandable, Not Just Available</h3> <h3>1. Information Must Be Understandable, Not Just Available</h3>
<p> <p>
Transparency is necessary but not sufficient. Dumping raw data on members and calling Transparency is necessary but not sufficient. Dumping raw data on members and calling
@ -86,7 +86,7 @@ import PublicLayout from '../layouts/PublicLayout.astro';
</p> </p>
</div> </div>
<div class="principle-block"> <div class="principle-block ui-card ui-card-pad-xl">
<h3>2. Deliberation Must Be Structured</h3> <h3>2. Deliberation Must Be Structured</h3>
<p> <p>
Free-form discussion favors those with time and rhetorical skill. Unstructured debates Free-form discussion favors those with time and rhetorical skill. Unstructured debates
@ -103,7 +103,7 @@ import PublicLayout from '../layouts/PublicLayout.astro';
</ul> </ul>
</div> </div>
<div class="principle-block"> <div class="principle-block ui-card ui-card-pad-xl">
<h3>3. Voting Methods Must Match Decision Types</h3> <h3>3. Voting Methods Must Match Decision Types</h3>
<p> <p>
Simple majority voting fails for complex decisions. When there are multiple options, Simple majority voting fails for complex decisions. When there are multiple options,
@ -126,7 +126,7 @@ import PublicLayout from '../layouts/PublicLayout.astro';
</p> </p>
</div> </div>
<div class="principle-block"> <div class="principle-block ui-card ui-card-pad-xl">
<h3>4. Delegation Must Be Flexible and Revocable</h3> <h3>4. Delegation Must Be Flexible and Revocable</h3>
<p> <p>
Not everyone can participate in every decision. Liquid delegation allows members Not everyone can participate in every decision. Liquid delegation allows members
@ -140,7 +140,7 @@ import PublicLayout from '../layouts/PublicLayout.astro';
</p> </p>
</div> </div>
<div class="principle-block"> <div class="principle-block ui-card ui-card-pad-xl">
<h3>5. Moderation Must Be Visible and Accountable</h3> <h3>5. Moderation Must Be Visible and Accountable</h3>
<p> <p>
Every community needs moderation. The question is whether it happens transparently Every community needs moderation. The question is whether it happens transparently
@ -162,7 +162,7 @@ import PublicLayout from '../layouts/PublicLayout.astro';
</p> </p>
</div> </div>
<div class="principle-block"> <div class="principle-block ui-card ui-card-pad-xl">
<h3>6. Privacy and Transparency Must Coexist</h3> <h3>6. Privacy and Transparency Must Coexist</h3>
<p> <p>
Some information should be public (moderation decisions, vote tallies, policy rationales). Some information should be public (moderation decisions, vote tallies, policy rationales).
@ -332,10 +332,6 @@ import PublicLayout from '../layouts/PublicLayout.astro';
.principle-block { .principle-block {
margin: 2.5rem 0; margin: 2.5rem 0;
padding: 2rem;
background: var(--color-surface);
border: 1px solid var(--color-border);
border-radius: var(--radius-lg);
} }
.principle-block h3 { .principle-block h3 {