The digital archives established in Israel after October 7—such as **Edut 710** (a citizen-led testimony archive), the **October 7 Memorial / WhatsApp Project** (collecting real-time mobile metadata and media), and the **National Library’s Civil Archive**—serve as powerful technical models.

They transformed disparate social media posts, raw phone videos, and local witness statements into an indisputable, globally accessible evidence repository.

A full operational framework and technical architecture for an **Arsi Orthodox Christian Atrocity Archive & Memorial Portal** modeled directly on these initiatives includes:

---

# Architecture Plan: The Arsi Atrocity Archive

```
                                 ┌────────────────────────┐
                                 │ Public Web Front-End   │
                                 │ (React / Next.js)      │
                                 └───────────┬────────────┘
                                             │
      ┌──────────────────────────────────────┼──────────────────────────────────────┐
      │                                      │                                      │
┌─────▼──────────┐                   ┌───────▼────────┐                   ┌─────────▼────────┐
│ Memorial Wall  │                   │ Interactive    │                   │ Evidence &      │
│ & Victim Directory                 │ Map & Timeline │                   │ Testimony Vault │
└────────────────┘                   └────────────────┘                   └─────────────────┘

```

---

## 1. Core Feature Modules (Modeled on Israel's Oct 7 Platforms)

### A. The Living Memorial Wall (Victim Directory)

* **Dedicated Victim Profiles:** Individual bio pages for every martyr and civilian victim across East Arsi woredas (Robe, Shirka, Aseko, Guna, Merti).
* **Metadata Fields:** Full name, age, home village/kebele, parish church, date of attack, and family status.
* **Tribute Wall:** A space where community members can leave prayers, candle icons, or personal written memories.

### B. The Geo-Spatial Timeline (Map & Incident Tracker)

* **Interactive Map:** Built using open-source mapping (Leaflet/Mapbox) detailing attack sites, burned churches, blocked evacuation routes, and targeted villages.
* **Filterable Timeline:** Users can filter incidents by year (2018–2026), woreda, or event type (massacre, church arson, forced conversion attempt, priest/advocate arrest).

### C. Digital Evidence & Media Repository

* **Raw Video/Photo Vault:** Securely embedded media showing destroyed infrastructure, mass graves, and coerced conversion videos with context annotations.
* **Metadata Stripping:** Automatically removes EXIF/GPS tags from survivor-submitted files before public upload to protect identity source security.

### D. Advocate & Clergy Detention Tracker

* **"Voices in Chains" Panel:** A dedicated section tracking Orthodox priests, deacons, elders, and local activists arrested by local authorities.
* **Legal Status Updates:** Real-time logging of detention facility locations, charges (if any), and court dates.

### E. Rights & International Download Center

* **One-Click Media Kits:** High-resolution PDF dossiers, casualty lists, and English/Amharic briefing notes formatted specifically for international organizations (UN Human Rights, Amnesty International, EHRC, foreign embassies).

---

## 2. Technical Stack Recommendation

To keep the site **fast, hosting-free, secure against attacks, and readable on slow mobile connections**, use a static web architecture:

| Component | Recommended Tool | Purpose |
| --- | --- | --- |
| **Framework** | **React / Next.js** | Interactive user interface, filtering, and fast page loads. |
| **Hosting** | **Vercel / Cloudflare Pages** | Free, global deployment with enterprise-grade DDoS security. |
| **Database/CMS** | **Decap CMS or Supabase** | Easy content management for uploading victim lists, videos, and dates without coding. |
| **Privacy & Protection** | **Cloudflare Shield** | Protects the site against targeted takedown attempts or cyber attacks. |

---

## 3. Interactive Web App Prototype

```html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Arsi Orthodox Documentation Portal</title>
  <style>
    :root {
      --primary: #1a1a24;
      --accent: #d9534f;
      --gold: #d4af37;
      --bg: #0f0f13;
      --card-bg: #16161e;
      --text: #e0e0e0;
      --text-muted: #9e9ea6;
    }
    body {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
      background-color: var(--bg);
      color: var(--text);
      margin: 0;
      padding: 0;
    }
    header {
      background: var(--primary);
      border-bottom: 2px solid var(--gold);
      padding: 2rem 1rem;
      text-align: center;
    }
    header h1 {
      margin: 0;
      color: #fff;
      font-size: 2rem;
      letter-spacing: 1px;
    }
    header p {
      color: var(--gold);
      margin-top: 0.5rem;
      font-weight: 500;
    }
    .container {
      max-width: 1100px;
      margin: 2rem auto;
      padding: 0 1rem;
    }
    .stats-bar {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
      gap: 1rem;
      margin-bottom: 2.5rem;
    }
    .stat-card {
      background: var(--card-bg);
      padding: 1.5rem;
      border-radius: 8px;
      border-left: 4px solid var(--accent);
      text-align: center;
    }
    .stat-card h3 {
      font-size: 2rem;
      margin: 0;
      color: #fff;
    }
    .stat-card p {
      margin: 0.5rem 0 0 0;
      color: var(--text-muted);
      font-size: 0.9rem;
    }
    .section-title {
      border-bottom: 1px solid #2a2a36;
      padding-bottom: 0.5rem;
      margin-bottom: 1.5rem;
      color: var(--gold);
    }
    .grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
      gap: 1.5rem;
    }
    .card {
      background: var(--card-bg);
      border: 1px solid #2a2a36;
      border-radius: 8px;
      padding: 1.25rem;
    }
    .card .badge {
      display: inline-block;
      padding: 0.25rem 0.6rem;
      background: rgba(217, 83, 79, 0.2);
      color: var(--accent);
      border-radius: 4px;
      font-size: 0.8rem;
      font-weight: bold;
      margin-bottom: 0.75rem;
    }
    .card .badge.arrest {
      background: rgba(212, 175, 55, 0.2);
      color: var(--gold);
    }
    .card h4 {
      margin: 0 0 0.5rem 0;
      font-size: 1.1rem;
      color: #fff;
    }
    .card p {
      font-size: 0.9rem;
      color: var(--text-muted);
      line-height: 1.4;
      margin: 0 0 1rem 0;
    }
    .btn {
      display: inline-block;
      background: var(--accent);
      color: #fff;
      padding: 0.6rem 1.2rem;
      border-radius: 4px;
      text-decoration: none;
      font-size: 0.85rem;
      font-weight: bold;
    }
    .btn-gold {
      background: var(--gold);
      color: #000;
    }
  </style>
</head>
<body>

  <header>
    <h1>ARSI ORTHODOX ATROCITY ARCHIVE</h1>
    <p>A Living Record of Victims, Forced Conversions, and Selective Detention (2018–2026)</p>
  </header>

  <div class="container">
    
    <div class="stats-bar">
      <div class="stat-card">
        <h3>94+</h3>
        <p>Confirmed Victims (Recent Waves)</p>
      </div>
      <div class="stat-card">
        <h3>8 Years</h3>
        <p>Documented Impunity Cycle</p>
      </div>
      <div class="stat-card">
        <h3>5 Woredas</h3>
        <p>Primary High-Risk Zones</p>
      </div>
      <div class="stat-card" style="border-left-color: var(--gold);">
        <h3>18+</h3>
        <p>Detained Clergy & Advocates</p>
      </div>
    </div>

    <h2 class="section-title">Recent Atrocity & Arbitrary Arrest Records</h2>

    <div class="grid">
      <div class="card">
        <span class="badge">MASSACRE RECORD</span>
        <h4>Endato Kebele Massacre (Robe Woreda)</h4>
        <p>At least 34 Orthodox Christians killed in a coordinated attack. Victims' bodies were gathered at Endato Debre Mitmaq St. Mary Church.</p>
        <a href="#" class="btn">View Evidence Files</a>
      </div>

      <div class="card">
        <span class="badge">COERCIVE CONVERSION</span>
        <h4>Shirka Woreda Forced Conversion Video</h4>
        <p>Video documentation showing local religious leaders performing forced conversion rites on traumatized survivors under duress.</p>
        <a href="#" class="btn">Access Video Vault</a>
      </div>

      <div class="card">
        <span class="badge arrest">DETENTION TRACKER</span>
        <h4>Parish Clergy & Advocate Arrests</h4>
        <p>Local Orthodox priests and youth coordinators detained after attempting to bury victims, log casualties, and speak with reporters.</p>
        <a href="#" class="btn btn-gold">View Detainee Registry</a>
      </div>
    </div>

  </div>

</body>
</html>

```

---