David Friedel
cf41959b79
- Declaration of Human Dignity with 11 translations - American Democracy Protection Framework with 19 bills - Cassandra Amendment for long-term foresight - Unified website for mutual-flourishing.org
305 lines
9.3 KiB
HTML
305 lines
9.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Mutual Flourishing - Framework for Democracy, Dignity, and Foresight</title>
|
|
<style>
|
|
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
body {
|
|
font-family: 'Georgia', serif;
|
|
line-height: 1.6;
|
|
color: #2c3e50;
|
|
background: linear-gradient(to bottom, #f8f9fa, #e9ecef);
|
|
min-height: 100vh;
|
|
}
|
|
|
|
.container {
|
|
max-width: 1100px;
|
|
margin: 0 auto;
|
|
padding: 40px 20px;
|
|
}
|
|
|
|
header {
|
|
text-align: center;
|
|
padding: 60px 20px;
|
|
background: white;
|
|
border-radius: 8px;
|
|
box-shadow: 0 2px 20px rgba(0,0,0,0.1);
|
|
margin-bottom: 40px;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 2.8em;
|
|
color: #1a1a1a;
|
|
margin-bottom: 20px;
|
|
font-weight: 300;
|
|
letter-spacing: -1px;
|
|
}
|
|
|
|
.tagline {
|
|
font-size: 1.3em;
|
|
color: #6c757d;
|
|
max-width: 700px;
|
|
margin: 0 auto 30px;
|
|
line-height: 1.8;
|
|
}
|
|
|
|
.intro-quote {
|
|
font-style: italic;
|
|
color: #495057;
|
|
padding: 20px 40px;
|
|
border-left: 4px solid #e63946;
|
|
background: #f8f9fa;
|
|
margin: 30px auto;
|
|
max-width: 600px;
|
|
text-align: left;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.projects-grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
|
|
gap: 30px;
|
|
margin-top: 40px;
|
|
}
|
|
|
|
.project-card {
|
|
background: white;
|
|
border-radius: 8px;
|
|
padding: 35px;
|
|
box-shadow: 0 2px 20px rgba(0,0,0,0.1);
|
|
transition: transform 0.2s, box-shadow 0.2s;
|
|
text-decoration: none;
|
|
color: inherit;
|
|
display: block;
|
|
}
|
|
|
|
.project-card:hover {
|
|
transform: translateY(-5px);
|
|
box-shadow: 0 8px 30px rgba(0,0,0,0.15);
|
|
}
|
|
|
|
.project-icon {
|
|
font-size: 2.5em;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.project-card h2 {
|
|
font-size: 1.5em;
|
|
color: #1a1a1a;
|
|
margin-bottom: 15px;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.project-card p {
|
|
color: #6c757d;
|
|
margin-bottom: 15px;
|
|
line-height: 1.7;
|
|
}
|
|
|
|
.project-meta {
|
|
font-size: 0.9em;
|
|
color: #adb5bd;
|
|
padding-top: 15px;
|
|
border-top: 1px solid #e9ecef;
|
|
}
|
|
|
|
.card-declaration { border-top: 4px solid #e63946; }
|
|
.card-bills { border-top: 4px solid #2563eb; }
|
|
.card-amendment { border-top: 4px solid #059669; }
|
|
|
|
.section-title {
|
|
text-align: center;
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.section-title h2 {
|
|
font-size: 1.8em;
|
|
color: #1a1a1a;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.section-title p {
|
|
color: #6c757d;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.vision-section {
|
|
background: white;
|
|
border-radius: 8px;
|
|
padding: 50px;
|
|
box-shadow: 0 2px 20px rgba(0,0,0,0.1);
|
|
margin-top: 40px;
|
|
text-align: center;
|
|
}
|
|
|
|
.vision-section h2 {
|
|
font-size: 1.6em;
|
|
color: #1a1a1a;
|
|
margin-bottom: 20px;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.vision-section p {
|
|
color: #495057;
|
|
max-width: 800px;
|
|
margin: 0 auto 20px;
|
|
line-height: 1.8;
|
|
}
|
|
|
|
.principles-list {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: center;
|
|
gap: 15px;
|
|
margin-top: 30px;
|
|
}
|
|
|
|
.principle-tag {
|
|
background: #f8f9fa;
|
|
padding: 10px 20px;
|
|
border-radius: 25px;
|
|
font-size: 0.95em;
|
|
color: #495057;
|
|
border: 1px solid #dee2e6;
|
|
}
|
|
|
|
footer {
|
|
text-align: center;
|
|
padding: 40px 20px;
|
|
color: #6c757d;
|
|
font-size: 0.95em;
|
|
}
|
|
|
|
footer a {
|
|
color: #2563eb;
|
|
text-decoration: none;
|
|
}
|
|
|
|
@media (max-width: 600px) {
|
|
.container {
|
|
padding: 20px 15px;
|
|
}
|
|
|
|
header {
|
|
padding: 40px 20px;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 2em;
|
|
}
|
|
|
|
.projects-grid {
|
|
grid-template-columns: 1fr;
|
|
}
|
|
|
|
.vision-section {
|
|
padding: 30px 20px;
|
|
}
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<header>
|
|
<h1>Mutual Flourishing</h1>
|
|
<p class="tagline">
|
|
A framework for human dignity, democratic protection, and long-term thinking.
|
|
Three interconnected projects working toward a future where all can thrive.
|
|
</p>
|
|
<div class="intro-quote">
|
|
"Another world is not only possible, she is on her way. On a quiet day, I can hear her breathing."
|
|
<br><span style="color: #6c757d; font-size: 0.9em;">— Arundhati Roy</span>
|
|
</div>
|
|
</header>
|
|
|
|
<div class="section-title">
|
|
<h2>The Framework</h2>
|
|
<p>Three pillars for building resilient, just, and forward-thinking societies</p>
|
|
</div>
|
|
|
|
<div class="projects-grid">
|
|
<a href="declaration.html" class="project-card card-declaration">
|
|
<div class="project-icon">🌐</div>
|
|
<h2>Declaration of Human Dignity</h2>
|
|
<p>
|
|
A Universal Declaration of Human Dignity and Mutual Flourishing —
|
|
articulating principles that bridge individual rights and collective
|
|
responsibilities, acknowledging historical injuries while building
|
|
toward a shared future.
|
|
</p>
|
|
<div class="project-meta">
|
|
10 Articles • 11 Languages • Living Document
|
|
</div>
|
|
</a>
|
|
|
|
<a href="bills.html" class="project-card card-bills">
|
|
<div class="project-icon">📜</div>
|
|
<h2>Democracy Protection Bills</h2>
|
|
<p>
|
|
The American Democracy Protection Framework — 19 comprehensive
|
|
legislative proposals protecting elections, government accountability,
|
|
digital rights, economic fairness, and civic empowerment.
|
|
</p>
|
|
<div class="project-meta">
|
|
19 Bills • 6 Categories • Actionable Legislation
|
|
</div>
|
|
</a>
|
|
|
|
<a href="amendment.html" class="project-card card-amendment">
|
|
<div class="project-icon">📈</div>
|
|
<h2>The Cassandra Amendment</h2>
|
|
<p>
|
|
A proposed 28th Amendment to institutionalize foresight in American
|
|
governance — ensuring long-term structural risks receive mandatory
|
|
attention before they become crises.
|
|
</p>
|
|
<div class="project-meta">
|
|
Constitutional Amendment • 10 Sections • Future-Focused
|
|
</div>
|
|
</a>
|
|
</div>
|
|
|
|
<div class="vision-section">
|
|
<h2>Why These Together?</h2>
|
|
<p>
|
|
Democracy requires more than periodic elections. It requires institutions
|
|
that protect human dignity, mechanisms that ensure accountability, and
|
|
structures that force attention to long-term challenges. These three
|
|
projects address different scales of the same fundamental question:
|
|
how do we build systems that serve human flourishing?
|
|
</p>
|
|
<p>
|
|
The Declaration articulates what we value. The Bills create the legal
|
|
framework to protect those values. The Amendment ensures we don't
|
|
sacrifice the future for the present.
|
|
</p>
|
|
<div class="principles-list">
|
|
<span class="principle-tag">Dignity for All</span>
|
|
<span class="principle-tag">Transparent Governance</span>
|
|
<span class="principle-tag">Long-Term Thinking</span>
|
|
<span class="principle-tag">Democratic Accountability</span>
|
|
<span class="principle-tag">Historical Repair</span>
|
|
<span class="principle-tag">Future Generations</span>
|
|
</div>
|
|
</div>
|
|
|
|
<footer>
|
|
<p>
|
|
These works are dedicated to the global commons. Use, adapt, and share freely.
|
|
<br><br>
|
|
<a href="declaration.html">Declaration</a> •
|
|
<a href="bills.html">Bills</a> •
|
|
<a href="amendment.html">Amendment</a>
|
|
</p>
|
|
</footer>
|
|
</div>
|
|
</body>
|
|
</html>
|