Volver a Proyectos

🕍 Iglesia del Santo Jocarsa

Web paródica sobre la cultura Linux y el software libre, con confesionario tecnológico y easter eggs

En producción Proyecto de humor Accesibilidad ARIA

Escala del Proyecto

7Libros de la biblia
4Archivos
2.8kLíneas

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

🏛️ Templo (index)

Página principal con hero, dogmas, liturgia, confesionario, comunidad y FAQ, navegable por anclas.

📖 Biblia virtual

biblia.html con siete libros: Kernel, Distros, Jocarsa, Mandamientos, Cartas, Gedit y Apocalipsis.

🙏 Confesionario tecnológico

Formulario que asigna penitencias humorísticas con respuestas aleatorias según el pecado confesado.

💥 BSOD simulado

Easter egg que finge una pantalla azul de la muerte, chiste obligado en una web sobre Linux.

🔮 Oráculo del Kernel

Respuestas aleatorias a modo de vaticinio técnico.

🔢 Contador de bendiciones

Botones de "Amén" por sección con su marcador.

📜 Verso del día

Búsqueda de un verso aleatorio dentro de los textos.

♿ Accesibilidad

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.