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.
This commit is contained in:
commit
f78773bb87
15 changed files with 1335 additions and 0 deletions
71
site/index.html
Normal file
71
site/index.html
Normal file
|
|
@ -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>
|
||||
Loading…
Add table
Add a link
Reference in a new issue