Arautos Parish Site
Parish website, shipped for a real client
A static site for a Catholic parish — Mass schedules for 11 churches, the seven sacraments, prayer requests, and PIX donations. Pure HTML/CSS/JS, reconstructed faithfully from a Claude Design mock into clean, editable code.
Problem
A Catholic parish tended by the Arautos do Evangelho had no coherent web presence — Mass times, sacrament information, and donation details were scattered across social posts and word of mouth. They needed something reverent, fast, and easy for non-technical staff to keep current, without a CMS to maintain or a hosting bill to worry about.
What I built
Turned a design mock into clean, editable code
Reconstructed a Claude Design mock faithfully into pure HTML, CSS, and vanilla JS — no framework, no build step, no dependencies. Content that changes often (Mass schedules for 11 churches and chapels, the seven sacraments, the PIX donation key) lives in plain data arrays at the top of the file, so a non-developer can edit it safely.
Designed for reverence and speed
Liturgical palette, classical typography (Cinzel / Cormorant), a floating parish crest, and quiet scroll animations — an institutional feel that still loads instantly and works on any phone. Sections for Mass schedules, sacraments, Marian consecration, prayer requests, and donations.
Shipped it to hosting for the client
Deployed as a static site (also served under yurigda.com/arautos), ready to move to the parish's own domain — zero running cost.
Numbers
Live static site — Mass schedules for 11 churches and chapels.
Zero dependencies, zero build step, zero hosting cost.
Content-driven: schedules, sacraments, and PIX key edited in plain data.
Reconstructed faithfully from a Claude Design mock.
Screens
Interested in working together?
Book a call