🕍 Iglesia del Santo Jocarsa
Web paródica sobre la cultura Linux y el software libre, con confesionario tecnológico y easter eggs
Escala del Proyecto
Descripción General
La Iglesia del Santo Jocarsa es una web paródica y afectuosa dedicada a la cultura Linux, el software libre y las costumbres de los desarrolladores. Nació como broma para un profesor y acabó siendo un recurso didáctico informal.
El chiste tiene un fondo real: las "buenas prácticas" que predica — hacer commits, documentar, tener copias de seguridad — son exactamente las que cuesta que un estudiante interiorice cuando se le explican en serio. Envueltas en dogmas y penitencias, se quedan.
Está construida con HTML, CSS y JavaScript puros. Incluye un confesionario tecnológico que asigna penitencias, un oráculo del Kernel, un BSOD simulado como easter egg y una biblia virtual repartida en siete libros navegables.
Tecnologías Utilizadas
HTML5 semántico
CSS3
Vanilla JS
ARIA
Cultura Linux
Contenido e Interacciones
Página principal con hero, dogmas, liturgia, confesionario, comunidad y FAQ, navegable por anclas.
biblia.html con siete libros: Kernel, Distros, Jocarsa,
Mandamientos, Cartas, Gedit y Apocalipsis.
Formulario que asigna penitencias humorísticas con respuestas aleatorias según el pecado confesado.
Easter egg que finge una pantalla azul de la muerte, chiste obligado en una web sobre Linux.
Respuestas aleatorias a modo de vaticinio técnico.
Botones de "Amén" por sección con su marcador.
Búsqueda de un verso aleatorio dentro de los textos.
Estructura semántica, navegación por anclas y roles ARIA en los elementos modales.
Arquitectura
Dos páginas y dos ficheros de recursos. Toda la interactividad vive en
assets/js/app.js: confesionario, BSOD, oráculo y contadores. La
separación entre el templo y la biblia responde al volumen de texto, que en una sola
página habría sido inmanejable.
Jocarsismo/ ├── index.html # templo: dogmas, liturgia, confesionario ├── biblia.html # 7 libros con capítulos ├── assets/css/ # style.css ├── assets/js/ # app.js: toda la interactividad └── jocarsa.png
Retos Técnicos y Decisiones de Diseño
El humor como vehículo didáctico
Explicar la importancia de los commits y los backups en clase se olvida. Convertirlos en mandamientos con penitencia por incumplirlos no: el chiste hace que el contenido se recuerde. Es la única web del portafolio donde el objetivo del proyecto es que alguien se ría y, de paso, aprenda algo.
Accesibilidad en un proyecto de broma
Que un proyecto sea humorístico no justifica maquetarlo mal. El sitio usa HTML semántico, navegación por anclas y roles ARIA en los modales del confesionario. La accesibilidad es un hábito, y los hábitos se practican también en los proyectos que no van a ninguna parte.
Separar el contenido largo de la interacción
Los siete libros de la biblia son mucho texto. Mantenerlos en
index.html habría hecho la página enorme y lenta. Sacarlos a
biblia.html deja el templo ligero e interactivo, y la biblia como
lectura navegable por libros y capítulos.
Mi Rol
Diseño, redacción y desarrollo completos — autor único.
También los textos: los siete libros, los dogmas y las penitencias son contenido original escrito para el proyecto.
Estado del Proyecto
Publicada en jocarsismo.vercel.app. Es una parodia con
fines educativos: respeta las marcas y no tiene uso comercial.