Web de la acampada del 26S

Home con directo, comunicados y organización. HTML y CSS, sin JS. Configuración de nginx, timer del directo y limpieza de EXIF.
2026-09-29 10:10:54 +02:00 · 2026-09-29 10:10:54 +02:00 · f78773bb87
commit f78773bb87
15 changed files with 1335 additions and 0 deletions
--- a/site/index.html
+++ b/site/index.html
@ -0,0 +1,71 @@
+<!doctype html>
+<html lang="es">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<meta http-equiv="Content-Security-Policy" content="default-src 'none'; style-src 'self'; img-src 'self'; font-src 'self'; base-uri 'none'; form-action 'none'">
+<meta name="referrer" content="no-referrer">
+<title>Acampada 26S</title>
+<meta name="description" content="Comunicados, directo y organización de la acampada del 26S en Madrid.">
+<link rel="stylesheet" href="/css/main.css">
+<link rel="preload" href="/fonts/anton.woff2" as="font" type="font/woff2" crossorigin>
+</head>
+<body>
+<header class="w">
+  <h1>Acampada 26S</h1>
+  <nav aria-label="Principal">
+    <ul class="cuadros">
+      <li><a class="cuadro" href="/c?type=feed">Directo</a></li>
+      <li><a class="cuadro" href="#comunicados">Comunicados</a></li>
+      <li><a class="cuadro" href="#organizate">Organízate</a></li>
+    </ul>
+  </nav>
+  <nav aria-label="Redes">
+    <ul class="botonera">
+      <li><a class="bt" href="/c">OASIS</a></li>
+      <li><a class="bt" href="https://t.me/CAMBIAR" rel="noopener noreferrer">Telegram</a></li>
+      <li><a class="bt" href="https://CAMBIAR/@acampada26s" rel="noopener noreferrer">Mastodon</a></li>
+      <li><a class="bt" href="https://www.instagram.com/CAMBIAR" rel="noopener noreferrer">Instagram</a></li>
+      <li><a class="bt" href="https://x.com/CAMBIAR" rel="noopener noreferrer">X</a></li>
+    </ul>
+  </nav>
+</header>
+
+<main class="w">
+  <!-- directo:inicio -->
+  <!-- directo:fin -->
+
+  <section id="comunicados">
+    <h2>Comunicados</h2>
+    <ol class="lista" reversed>
+      <li>
+        <time datetime="2026-09-27">27.09.2026</time> <span class="borrador">Borrador</span>
+        <h3><a href="/comunicados/2026-09-27-primer-dia.html">Primer día en la plaza</a></h3>
+        <p>Resumen de la primera jornada y de las asambleas convocadas.</p>
+      </li>
+      <li>
+        <time datetime="2026-09-26">26.09.2026</time> <span class="borrador">Borrador</span>
+        <h3><a href="/comunicados/2026-09-26-convocatoria.html">Convocatoria 26S</a></h3>
+        <p>Por qué acampamos, dónde y cómo sumarse.</p>
+      </li>
+    </ol>
+  </section>
+
+  <section id="organizate">
+    <h2>Organízate</h2>
+    <p>La acampada publica en su propio pub de <a href="/c">OASIS</a>, una red social libre sobre Secure Scuttlebutt. Sin servidores de empresa y sin cuentas que puedan cerrar desde fuera. Lo que se publica en la plaza aparece en <a href="/c?type=feed">Directo</a>.</p>
+    <h3>Entrar al pub</h3>
+    <ol>
+      <li>Instala OASIS en el ordenador o la APK en el móvil.</li>
+      <li>Abre OASIS, ve a <em>Invites</em> y pega este código:</li>
+    </ol>
+    <pre><code>acampada26s.net:8008:@CAMBIAR.ed25519~CAMBIAR</code></pre>
+    <p>A partir de ahí puedes leer, publicar y hablar con el resto de la acampada aunque esta web se caiga.</p>
+  </section>
+</main>
+
+<footer class="w">
+  Textos CC BY-SA 4.0 · Código AGPL-3.0 · <a href="https://gitea.laenre.net/hacklab/26s" rel="noopener noreferrer">Fuente</a>
+</footer>
+</body>
+</html>