Sitio público de mediafranca.net.
MediaFranca es una iniciativa que busca socios fundadores para constituir, a futuro, una corporación de derecho privado sin fines de lucro en Valparaíso, Chile. Custodiará tecnologías convivenciales para la comunicación humana: software, estándares, esquemas y contenidos de lenguaje abierto.1
El puño alzado expresa su postura de soberanía tecnológica: las herramientas
deben amplificar la agencia de las personas y permanecer bajo el gobierno de las
comunidades que las habitan. El activo vive en assets/logo/raised-fist.svg y
se acredita en el propio sitio.
El sitio está escrito deliberadamente en tiempo futuro: describe lo que MediaFranca será, no lo que ya es. Sirve para explicar la filosofía del proyecto a amigos, colaboradores y potenciales socios.
El sitio encarna los mismos principios que enuncia. Por eso es lo más simple y auditable posible: HTML, CSS y JavaScript estáticos, sin framework, sin build y sin trackers. La constelación de proyectos es SVG y HTML legible, no una visualización generada por una librería. La única dependencia de ejecución externa es IBM Plex Mono, servida por Google Fonts mientras no se aloje localmente.2
graph TD
A[index.html<br/>una sola página, navegación por anclas] --> B[assets/css/tokens.css<br/>tokens del SDMF]
A --> C[assets/css/site.css<br/>layout, componentes, accesibilidad]
A --> D[assets/js/i18n.js<br/>idioma es-CL / en-GB y navegación]
A --> E[assets/logo/<br/>marca y emblema de soberanía]
mediafranca.github.io/
├── index.html Página única, bilingüe, con las secciones del sitio
├── assets/
│ ├── css/
│ │ ├── tokens.css Tokens del Sistema de Diseño MediaFranca
│ │ └── site.css Estilos de layout, componentes y accesibilidad
│ ├── js/
│ │ └── i18n.js Conmutación de idioma y navegación por anclas
│ └── logo/
│ ├── mf.svg Marca de MediaFranca
│ └── raised-fist.svg Emblema de soberanía tecnológica
├── CNAME Dominio para GitHub Pages (mediafranca.net)
├── .nojekyll Desactiva el procesado Jekyll en GitHub Pages
├── robots.txt
├── sitemap.xml
├── LICENSE Dual: MIT (código) y CC BY 4.0 (contenido)
├── MANIFESTO.md Manifiesto de MediaFranca
└── README.md Este archivo
El sitio es bilingüe español de Chile (es-CL) e inglés británico (en-GB). El contenido traducible vive como pares de <span data-lang="es|en"> dentro del HTML, de modo que el texto es auditable en el propio fuente.
El comportamiento es progresivo: sin JavaScript, el HTML muestra el español por defecto. Con JavaScript, assets/js/i18n.js detecta el idioma del navegador (cualquier variante de inglés abre el sitio en inglés), permite conmutar con los botones ES/EN, recuerda la elección en localStorage y actualiza el atributo lang de <html> para lectores de pantalla.
El Sistema de Diseño MediaFranca (SDMF) usa una página de papel cálido, tinta oscura, un único acento ámbar e IBM Plex Mono. Los tokens separan color, tipografía, ritmo, espaciado y movimiento de los componentes que los consumen. El sitio tiene deliberadamente un solo tema claro.
Objetivo WCAG 2.1 AA: enlace de salto al contenido, foco visible, navegación operable por teclado, contraste suficiente, imágenes y controles rotulados y respeto a prefers-reduced-motion.
No requiere instalación. Basta un servidor estático:
cd ~/Sites/mediafranca.github.io
python3 -m http.server 8000Abrir http://localhost:8000. También puede abrirse index.html directamente en el navegador; las fuentes se cargan por CDN.
Para probar el sitio desde otro equipo de la misma tailnet (por ejemplo, un teléfono), instalar Tailscale, iniciar sesión y mantener el servidor local anterior en ejecución. En otra terminal:
tailscale serve --bg 8000
tailscale serve statustailscale serve status muestra la URL HTTPS privada. Solo los dispositivos
autorizados en la misma tailnet pueden abrirla. Al terminar:
tailscale serve resetPara compartir una revisión sin publicar en GitHub Pages, instalar
cloudflared
y, con el servidor local ejecutándose en el puerto 8000, abrir un túnel rápido:
cloudflared tunnel --url http://localhost:8000El comando entrega una URL temporal https://….trycloudflare.com; debe mantenerse
en ejecución mientras se usa y se cierra con Ctrl+C. Es una dirección pública:
no debe usarse para contenido privado ni como despliegue permanente. Para una
URL estable y controles de acceso corresponde configurar un túnel administrado
en Cloudflare Zero Trust.
- Empujar la rama
maindemediafranca/mediafranca.github.io. - En
Settings > Pages: Source =Deploy from a branch, Branch =main, Folder =/ (root). - En
Custom domainingresarmediafranca.net. GitHub leerá el archivoCNAMEy emitirá el certificado HTTPS. - Activar
Enforce HTTPS.
El DNS de mediafranca.net ya apunta a GitHub Pages desde Namecheap (cuatro registros A al apex).
Contenido bajo CC BY 4.0; código bajo MIT. Ver LICENSE.
Footnotes
-
La visión y misión canónicas viven en el grafo Logseq privado del custodio (
MediaFranca - Visión y Misión). Este repositorio contiene solo el sitio público; los documentos de gobernanza (estatutos, plan operativo, modelo de fiscal host) no se versionan aquí. ↩ -
El sitio de referencia previo usaba p5.js desde un CDN para la constelación. Esta versión conserva el grafo como SVG y HTML estáticos. Queda pendiente autoalojar IBM Plex Mono para eliminar también la dependencia de Google Fonts. ↩