Add constitution

Author: MartinBraquet

web/pages/about.tsx

@@ -1,5 +1,6 @@
 import {LovePage} from 'web/components/love-page'
 import {ReactNode} from "react";
+import Link from "next/link";
 
 
 export const AboutBlock = (props: {
@@ -58,8 +59,8 @@ export default function About() {
 
                 <AboutBlock
                   title="Democratic"
-                  text={<span>Governed by the community, while ensuring no drift through our <a href="/constitution"
-                                                                                                className="text-blue-600 dark:text-blue-400">constitution</a>.</span>}
+                  text={<span>Governed by the community, while ensuring no drift through our <Link href="/constitution"
+                                                                                                className="text-blue-600 dark:text-blue-400">constitution</Link>.</span>}
                 />
 
                 <AboutBlock

web/pages/constitution.tsx

@@ -0,0 +1,27 @@
+import React from 'react';
+import ReactMarkdown from 'react-markdown';
+import {LovePage} from "web/components/love-page";
+import {Col} from "web/components/layout/col";
+
+import fs from 'fs';
+import path from 'path';
+
+export async function getStaticProps() {
+  const filePath = path.join(process.cwd(), 'public', 'md', 'constitution.md');
+  const content = fs.readFileSync(filePath, 'utf8');
+  return { props: { content } };
+}
+
+type Props = { content: string };
+
+export default function Constitution({ content }: Props) {
+  return (
+    <LovePage trackPageView={'test'}>
+    <Col className="items-center">
+      <Col className={'bg-canvas-0 w-full rounded px-3 py-4 sm:px-6 space-y-4'}>
+        <ReactMarkdown>{content}</ReactMarkdown>
+      </Col>
+    </Col>
+  </LovePage>
+  );
+}

web/pages/privacy.tsx

@@ -1,6 +1,7 @@
 import {supportEmail} from "../../old/lib/client/constants";
 import {LovePage} from "web/components/love-page";
 
+// TODO: convert to MarkDown for better readability during modifications?
 export default function PrivacyPage() {
   return (
     <LovePage

web/pages/terms.tsx

@@ -1,6 +1,7 @@
 import {supportEmail} from "../../old/lib/client/constants";
 import {LovePage} from "web/components/love-page";
 
+// TODO: convert to MarkDown for better readability during modifications?
 export default function TermsPage() {
   return (
     <LovePage

web/public/md/constitution.md

@@ -0,0 +1,84 @@
+# Constitution of the Compass Community
+
+## Preamble
+We, the community of Compass, commit to building and maintaining this project in the public interest, ensuring it remains open, collaborative, and resistant to centralized capture. We adopt this constitution to govern ourselves democratically, protect the integrity of the project, and ensure fair participation.
+
+
+## Article I: Purpose and Values
+
+1. **Purpose** — To develop and maintain Compass as an open-source project for the benefit of its users and contributors.
+2. **Core Values** — Openness, transparency, collaboration, democratic participation, anti-capture safeguards.
+
+
+## Article II: Membership Levels
+
+1. **Definition** —
+    1. A *User* is any individual who has an account.
+    2. A *Member* is any individual who meets and maintains the eligibility criteria defined in this Article.
+    3. An *Administrator* is a specific type of *Member* which has more power and write access to the code.
+2. **Eligibility** —
+    1. To become a Member with voting rights, an individual must:
+       - Have a 1:1 with a current member.
+       - Contribute meaningfully to the project (code, documentation, design, outreach, community moderation) for a minimum of 20 hours.
+       - Be approved by the Membership Committee (see Article IV) by a **supermajority vote**.
+        - To become an Administrator, all current Administrators must unanimously vote for them to have the role.
+3. **Provisional Members** — New participants can join discussions but cannot vote until they have met the criteria.
+4. **Loss of Membership** — Members may be removed for:
+    - Sustained inactivity (e.g., less than 10 hours of contribution for 12 months).
+    - Proven bad-faith conduct (vote manipulation, harassment, sabotage). Removal requires a **2/3 vote** of Members.
+
+
+## Article III: Governance Structure
+
+### Section 1: Interim Governance
+- Until the community reaches **5 voting members**, governance decisions shall be made by **unanimous agreement** of the *Founding Maintainers*.
+- The Founding Maintainers may appoint temporary coordinators for specific tasks.
+- Once the community reaches **5 voting members**, leadership positions will be filled via community election as described below.
+
+### Section 2: Democratic Governance
+1. **Voting Power** — One Member = one vote.
+2. **Quorum** — At least **40%** of active Members must participate for a vote to be valid.
+3. **Decision Thresholds**:
+    - **Simple majority (50%+1)** — Day-to-day operational decisions.
+    - **Supermajority (2/3)** — Constitutional amendments, membership approvals/removals, major funding decisions, and changes to project scope.
+4. **Deliberation Period** — All proposals must be open for discussion for at least **7 days** before voting begins.
+5. All administrators have veto power on votes.
+6. Users can submit feedback and vote on our Feedback Form but this is not an official vote, it is for Members and Administrators to consider.
+
+
+## Article IV: Committees
+
+1. **Membership Committee** — Reviews applications, handles disputes over eligibility.
+2. **Technical Committee** — Oversees code quality, ensures open-source compliance.
+3. **Governance Committee** — Maintains the constitution, moderates community votes, investigates governance concerns.
+4. **Elections** — Committees are elected annually by Members once the community reaches 5 voting members.
+
+
+## Article V: Anti-Capture Safeguards
+
+1. **Contribution Thresholds** — Voting rights are earned through sustained contribution, not just joining.
+2. **Probation Period** — New Members gain voting rights only after 1 month.
+3. **Identity Verification** — Each voting Member must have a unique, verifiable identity to prevent sockpuppets.
+4. **Conflict of Interest Disclosure** — Any Member with a direct financial interest in a competing or controlling entity must disclose before voting.
+
+
+## Article VI: Transparency
+
+1. **Public Records** — All meeting minutes, code changes, and governance votes must be publicly available.
+2. **Open Deliberations** — Discussions take place in accessible public channels.
+
+
+## Article VII: Amendments
+
+1. **Proposal** — Amendments require co-signature by at least **10%** of Members.
+2. **Approval** — A **2/3 majority vote** in favor. Any administrator can veto the vote.
+3. **Deliberation** — A minimum 7-day discussion period before voting.
+
+
+## Article VIII: Dissolution
+
+If the project is dissolved, the platform will be shut down and made unavailable. The source code will always be publicly available on GitHub. The funds will be donated to a charity voted by the Members.
+
+
+*Adopted on: August 11, 2025*  
+*Founding Maintainers: Martin, Emily*

web/styles/globals.css

@@ -222,3 +222,40 @@
 text {
   font-family: icomoon, var(--font-main), emoji, sans-serif;
 }
+
+/* Style all headings globally */
+h1, h2, h3, h4, h5, h6 {
+    font-family: 'Inter', sans-serif; /* Clean modern font */
+    font-weight: 600;                 /* Semi-bold for clarity */
+    /*color: #111827;                   !* Near-black text for readability *!*/
+    line-height: 1.25;
+    margin-top: 1.5rem;
+    margin-bottom: 0.5rem;
+}
+
+/* Size scaling */
+h1 {
+    font-size: 2rem;  /* ~32px */
+}
+h2 {
+    font-size: 1.5rem; /* ~24px */
+}
+h3 {
+    font-size: 1.25rem; /* ~20px */
+}
+h4 {
+    font-size: 1.125rem; /* ~18px */
+}
+h5 {
+    font-size: 1rem;   /* ~16px */
+}
+h6 {
+    font-size: 0.875rem; /* ~14px */
+    color: #374151;      /* Slightly lighter for subheadings */
+}
+
+ul {
+    list-style: disc;
+    padding-left: 1.25rem;
+    margin-top: 0.5rem;
+}