Files
mutual-flourishing/docs/bills.html
David Friedel cf41959b79 Initial commit: Mutual Flourishing framework
- 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
2025-12-28 20:01:04 +00:00

492 lines
18 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Democracy Protection Bills - American Democracy Protection Framework</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;
}
.nav {
background: white;
padding: 15px 20px;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
position: sticky;
top: 0;
z-index: 100;
}
.nav-inner {
max-width: 1100px;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
}
.nav a {
color: #2c3e50;
text-decoration: none;
padding: 8px 15px;
border-radius: 4px;
transition: background 0.2s;
}
.nav a:hover {
background: #f8f9fa;
}
.nav-brand {
font-weight: 500;
color: #1a1a1a;
}
.nav-links {
display: flex;
gap: 5px;
}
.container {
max-width: 1100px;
margin: 0 auto;
padding: 40px 20px;
}
header {
background: white;
border-radius: 8px;
padding: 50px 40px;
box-shadow: 0 2px 20px rgba(0,0,0,0.1);
margin-bottom: 40px;
border-top: 4px solid #2563eb;
}
h1 {
font-size: 2.5em;
color: #1a1a1a;
margin-bottom: 20px;
font-weight: 300;
letter-spacing: -1px;
}
.intro {
font-size: 1.15em;
color: #495057;
line-height: 1.8;
max-width: 800px;
}
.stats {
display: flex;
gap: 30px;
margin-top: 30px;
flex-wrap: wrap;
}
.stat {
background: #f8f9fa;
padding: 15px 25px;
border-radius: 8px;
}
.stat-number {
font-size: 2em;
font-weight: 500;
color: #2563eb;
}
.stat-label {
font-size: 0.9em;
color: #6c757d;
}
.category {
background: white;
border-radius: 8px;
padding: 30px;
box-shadow: 0 2px 20px rgba(0,0,0,0.1);
margin-bottom: 30px;
}
.category-header {
display: flex;
align-items: center;
gap: 15px;
margin-bottom: 20px;
padding-bottom: 15px;
border-bottom: 2px solid #e9ecef;
}
.category-icon {
font-size: 1.8em;
}
.category h2 {
font-size: 1.4em;
color: #1a1a1a;
font-weight: 500;
}
.bills-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 20px;
}
.bill-card {
background: #f8f9fa;
border-radius: 8px;
padding: 20px;
text-decoration: none;
color: inherit;
transition: transform 0.2s, box-shadow 0.2s;
display: block;
border-left: 3px solid #2563eb;
}
.bill-card:hover {
transform: translateY(-3px);
box-shadow: 0 4px 15px rgba(0,0,0,0.1);
background: white;
}
.bill-code {
font-size: 0.85em;
color: #2563eb;
font-weight: 600;
margin-bottom: 5px;
}
.bill-name {
font-size: 1.05em;
color: #1a1a1a;
margin-bottom: 10px;
font-weight: 500;
}
.bill-desc {
font-size: 0.9em;
color: #6c757d;
line-height: 1.6;
}
.mission-section {
background: white;
border-radius: 8px;
padding: 40px;
box-shadow: 0 2px 20px rgba(0,0,0,0.1);
margin-top: 40px;
}
.mission-section h2 {
font-size: 1.5em;
color: #1a1a1a;
margin-bottom: 20px;
font-weight: 400;
}
.mission-list {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 20px;
}
.mission-item {
display: flex;
gap: 15px;
align-items: flex-start;
}
.mission-icon {
font-size: 1.5em;
flex-shrink: 0;
}
.mission-text h3 {
font-size: 1em;
color: #1a1a1a;
margin-bottom: 5px;
}
.mission-text p {
font-size: 0.9em;
color: #6c757d;
}
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: 30px 20px;
}
h1 {
font-size: 1.8em;
}
.category {
padding: 20px;
}
.nav-links {
display: none;
}
}
</style>
</head>
<body>
<nav class="nav">
<div class="nav-inner">
<a href="index.html" class="nav-brand">Mutual Flourishing</a>
<div class="nav-links">
<a href="declaration.html">Declaration</a>
<a href="bills.html">Bills</a>
<a href="amendment.html">Amendment</a>
</div>
</div>
</nav>
<div class="container">
<header>
<h1>American Democracy Protection Framework</h1>
<p class="intro">
Democracy isn't just about elections—it's about ensuring that every voice is heard, every vote counts, and every institution serves the people. This comprehensive legislative framework provides concrete solutions to protect democratic governance against modern threats while strengthening the foundations that make freedom endure.
</p>
<div class="stats">
<div class="stat">
<div class="stat-number">19</div>
<div class="stat-label">Legislative Bills</div>
</div>
<div class="stat">
<div class="stat-number">6</div>
<div class="stat-label">Policy Areas</div>
</div>
<div class="stat">
<div class="stat-number">CC-BY-SA</div>
<div class="stat-label">Open License</div>
</div>
</div>
</header>
<div class="category">
<div class="category-header">
<span class="category-icon">&#128499;</span>
<h2>Protecting Your Vote & Elections</h2>
</div>
<div class="bills-grid">
<a href="../ADPA/bills/EIVRA.md" class="bill-card">
<div class="bill-code">EIVRA</div>
<div class="bill-name">Election Integrity & Voting Rights Act</div>
<div class="bill-desc">Universal mail-in voting, early voting, and protection against voter suppression while strengthening election security.</div>
</a>
<a href="../ADPA/bills/ADPA.md" class="bill-card">
<div class="bill-code">ADPA</div>
<div class="bill-name">American Democracy Protection Act</div>
<div class="bill-desc">Protects civil servants from political retaliation and ensures government agencies serve the public, not partisan interests.</div>
</a>
</div>
</div>
<div class="category">
<div class="category-header">
<span class="category-icon">&#127963;</span>
<h2>Keeping Government Accountable</h2>
</div>
<div class="bills-grid">
<a href="../ADPA/bills/JIEA.md" class="bill-card">
<div class="bill-code">JIEA</div>
<div class="bill-name">Judicial Independence & Ethics Act</div>
<div class="bill-desc">Clear ethics rules for federal judges and prevention of political manipulation of the courts.</div>
</a>
<a href="../ADPA/bills/JFCEPA.md" class="bill-card">
<div class="bill-code">JFCEPA</div>
<div class="bill-name">Judicial Fairness & Court Expansion Prevention Act</div>
<div class="bill-desc">Supreme Court term limits and protection against court packing while enhancing judicial security.</div>
</a>
<a href="../ADPA/bills/FLEIA.md" class="bill-card">
<div class="bill-code">FLEIA</div>
<div class="bill-name">Federal Law Enforcement Integrity Act</div>
<div class="bill-desc">Ensures law enforcement agencies operate transparently and are held accountable for misconduct.</div>
</a>
</div>
</div>
<div class="category">
<div class="category-header">
<span class="category-icon">&#128187;</span>
<h2>Protecting Your Privacy & Freedom Online</h2>
</div>
<div class="bills-grid">
<a href="../ADPA/bills/DPSPA.md" class="bill-card">
<div class="bill-code">DPSPA</div>
<div class="bill-name">Digital Privacy & Free Speech Protection Act</div>
<div class="bill-desc">Limits government surveillance, protects online privacy, and prevents censorship while allowing legitimate security operations.</div>
</a>
<a href="../ADPA/bills/DRATA.md" class="bill-card">
<div class="bill-code">DRATA</div>
<div class="bill-name">Digital Rights & Algorithmic Transparency Act</div>
<div class="bill-desc">Requires companies to be transparent about AI systems and protects your data from misuse.</div>
</a>
<a href="../ADPA/bills/PBFPA.md" class="bill-card">
<div class="bill-code">PBFPA</div>
<div class="bill-name">Public Broadcasting & Free Press Protection Act</div>
<div class="bill-desc">Protects independent journalism and public broadcasting from political interference.</div>
</a>
</div>
</div>
<div class="category">
<div class="category-header">
<span class="category-icon">&#128176;</span>
<h2>Ensuring Economic Fairness</h2>
</div>
<div class="bills-grid">
<a href="../ADPA/bills/FLESA.md" class="bill-card">
<div class="bill-code">FLESA</div>
<div class="bill-name">Fair Labor & Economic Security Act</div>
<div class="bill-desc">Guarantees living wages, strengthens unions, and protects workers from AI-driven exploitation.</div>
</a>
<a href="../ADPA/bills/CFSA.md" class="bill-card">
<div class="bill-code">CFSA</div>
<div class="bill-name">Consumer Financial Stability Act</div>
<div class="bill-desc">Protects consumers from predatory lending, strengthens financial regulations, and prevents economic crises.</div>
</a>
<a href="../ADPA/bills/CATA.md" class="bill-card">
<div class="bill-code">CATA</div>
<div class="bill-name">Corporate Accountability & Transparency Act</div>
<div class="bill-desc">Prevents corporations from circumventing regulations and ensures they pay their fair share.</div>
</a>
<a href="../ADPA/bills/CAEA.md" class="bill-card">
<div class="bill-code">CAEA</div>
<div class="bill-name">Corporate Accountability Enhancement Act</div>
<div class="bill-desc">Closes loopholes that allow corporations to hide activities and avoid responsibility.</div>
</a>
</div>
</div>
<div class="category">
<div class="category-header">
<span class="category-icon">&#127757;</span>
<h2>Protecting Our Future</h2>
</div>
<div class="bills-grid">
<a href="../ADPA/bills/CRGEA.md" class="bill-card">
<div class="bill-code">CRGEA</div>
<div class="bill-name">Climate Resilience & Green Economy Act</div>
<div class="bill-desc">Combats climate change while creating clean energy jobs and protecting communities from environmental harm.</div>
</a>
<a href="../ADPA/bills/ISEA.md" class="bill-card">
<div class="bill-code">ISEA</div>
<div class="bill-name">Independent Science & Education Act</div>
<div class="bill-desc">Protects scientists and educators from political interference; ensures policy is based on facts.</div>
</a>
<a href="../ADPA/bills/TGMA.md" class="bill-card">
<div class="bill-code">TGMA</div>
<div class="bill-name">Technology Governance Modernization Act</div>
<div class="bill-desc">Creates flexible rules for new technologies like quantum computing and biotechnology.</div>
</a>
</div>
</div>
<div class="category">
<div class="category-header">
<span class="category-icon">&#128737;</span>
<h2>Strengthening Our Defenses & Empowering Citizens</h2>
</div>
<div class="bills-grid">
<a href="../ADPA/bills/EDPA.md" class="bill-card">
<div class="bill-code">EDPA</div>
<div class="bill-name">Emergency Democracy Protection Act</div>
<div class="bill-desc">Clear rules for protecting democracy during emergencies while preventing abuse of emergency powers.</div>
</a>
<a href="../ADPA/bills/DATIA.md" class="bill-card">
<div class="bill-code">DATIA</div>
<div class="bill-name">Democratic Alliance Treaty Implementation Act</div>
<div class="bill-desc">Strengthens cooperation with democratic allies to counter threats and share best practices.</div>
</a>
<a href="../ADPA/bills/DEAA.md" class="bill-card">
<div class="bill-code">DEAA</div>
<div class="bill-name">Democratic Education and Awareness Act</div>
<div class="bill-desc">Comprehensive civic education and media literacy to help citizens make informed decisions.</div>
</a>
<a href="../ADPA/bills/RFCLA.md" class="bill-card">
<div class="bill-code">RFCLA</div>
<div class="bill-name">Religious Freedom & Civil Liberties Act</div>
<div class="bill-desc">Protects religious freedom for all faiths while maintaining separation of church and state.</div>
</a>
</div>
</div>
<div class="mission-section">
<h2>What Makes This Framework Special</h2>
<div class="mission-list">
<div class="mission-item">
<span class="mission-icon">&#128260;</span>
<div class="mission-text">
<h3>Comprehensive & Connected</h3>
<p>Addresses democracy holistically—elections, accountability, economic fairness, and digital rights as interconnected parts.</p>
</div>
</div>
<div class="mission-item">
<span class="mission-icon">&#128737;</span>
<div class="mission-text">
<h3>Future-Proof Protection</h3>
<p>Safeguards against emerging threats like AI manipulation and climate displacement with adaptive mechanisms.</p>
</div>
</div>
<div class="mission-item">
<span class="mission-icon">&#129309;</span>
<div class="mission-text">
<h3>Bipartisan Values</h3>
<p>Grounded in principles that unite: fair elections, accountability, opportunity, and constitutional rights.</p>
</div>
</div>
<div class="mission-item">
<span class="mission-icon">&#127760;</span>
<div class="mission-text">
<h3>International Cooperation</h3>
<p>Includes formal cooperation with allied nations to share best practices and coordinate responses.</p>
</div>
</div>
</div>
</div>
<footer>
<p>
This work is licensed under Creative Commons Attribution-ShareAlike 4.0.
<br><br>
<a href="index.html">Home</a> &bull;
<a href="declaration.html">Declaration</a> &bull;
<a href="amendment.html">Amendment</a>
</p>
</footer>
</div>
</body>
</html>