EOTC | Sacred Heritage Narrative

"Preserving the sacred legacy through digital reverence."

A high-fidelity digital museum and archive dedicated to the Ethiopian Orthodox Tewahedo Church (EOTC). This project treats web design not just as a medium for information, but as a vessel for spiritual storytelling.

🏛️ Project Vision

To bridge the gap between ancient tradition and modern digital artistry. The website uses cinematic motion, sacred Amharic typography, and immersive parallax effects to create a "Visual Chronicle" of one of Christianity's oldest traditions.

✨ Key Features

• Cinematic Hero: "Sacred Ethiopian Legacy" entry with split-text reveal animations.
• Smooth Scrolling: Integrated Lenis for a luxurious, fluid scroll experience.
• Interactive Heritage Timeline: A horizontal journey through the Axumite, Zagwe, and Gondarian eras.
• The Scriptorium: An interactive spotlight viewer for ancient manuscripts.
• Guardianship Modal: A community engagement hub (Scribe, Witness, Steward) connecting users to the project.
• Bilingual Typography: Seamless integration of Manrope (English) and Noto Sans Ethiopic (Amharic).

🛠️ Tech Stack

• Core: HTML5, Modern CSS (Variables, Grid)
• Build Tool: Vite (Multi-Page App configuration)
• Animation: GSAP (ScrollTrigger, Timeline)
• Smooth Scroll: Lenis
• Fonts: Google Fonts (Syne, Manrope, Noto Sans Ethiopic)

🚀 Getting Started

Prerequisites

• Node.js installed on your machine.

Installation

1. Clone the repository:

   git clone https://github.com/davegerim/EOTC-website.git
   cd EOTC-website

2. Install dependencies:

   npm install

3. Run the local development server:

   npm run dev

📂 Project Structure

• index.html - The entry point (Home)
• heritage.html - The historical timeline and scriptorium
• works.html - Visual gallery of ceremonies
• src/ - Contains all JS logic (main.js) and styles (style.css)
• vite.config.js - Configuration for MPA deployment

🤝 Join the Mission

This is an open invitation to developers, historians, and artists.

• Telegram Community: @D4vv4
• Contact: davegerim@gmail.com

---

Made with reverence in Addis Ababa. 🇪🇹