Sección «Pedir evento» con gestor de reservas y calendario legible en móvil
- /pedir/: calendario de fechas pedidas (negro) y confirmadas (verde), findes tranqui y con ruido, solo findes por defecto con opción de ver la semana entera. Se pincha un día libre y, sin sesión, se pide entrar y se vuelve al formulario con la fecha puesta. - Gestor en Go (gestor/): cuentas por colectivo con argon2id, sesiones y CSRF, cupo y ventana de la asamblea, caducidades, registro append-only. - La cuenta de la asamblea confirma, rechaza, cambia turnos de finde y en «Todas las fechas» quita o modifica cualquier evento. - Orden «cuenta» y «clave» con -clave y -definitiva para fijar contraseñas desde el servidor; ninguna contraseña va en el repositorio. - Botón «Pedir evento» arriba de la barra lateral en todas las páginas. - Calendario semanal en móvil: lista de días con nombre y hora de cada cita. - Fuentes servidas desde fuentes/: fuera Google Fonts en todas las páginas.
This commit is contained in:
parent
c3b51be992
commit
ce3127baff
38 changed files with 4029 additions and 52 deletions
92
gestor/plantillas/_marco.tmpl.html
Normal file
92
gestor/plantillas/_marco.tmpl.html
Normal file
|
|
@ -0,0 +1,92 @@
|
|||
{{define "arriba"}}<!DOCTYPE html>
|
||||
<html lang="es">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>{{.Titulo}} · La Enredadera de Tetuán</title>
|
||||
<meta name="description" content="Fechas pedidas y confirmadas en el CSO La Enredadera de Tetuán, y cómo pedir una.">
|
||||
<link rel="preload" href="/Code462WPink-Regular.ttf" as="font" type="font/ttf" crossorigin>
|
||||
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
|
||||
<link rel="icon" href="/favicon.ico" sizes="any">
|
||||
<link rel="stylesheet" href="/index.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<input type="checkbox" id="nav-toggle" class="sr-only">
|
||||
<label for="nav-toggle" class="sb-toggle" aria-label="Abrir o cerrar el menú">☰</label>
|
||||
<label for="nav-toggle" class="sb-overlay" aria-hidden="true"></label>
|
||||
|
||||
<div class="container">
|
||||
|
||||
<aside class="sidebar">
|
||||
<a class="sb-pedir" href="/pedir/" aria-current="page">Pedir evento</a>
|
||||
<img src="/INFO/logo_enre_negro.png" alt="" class="logo" width="96" height="96">
|
||||
<p class="sb-marca">La Enredadera</p>
|
||||
<p class="lema">Centro Social Autogestionado en Tetuán. Haciendo barrio desde 2009.</p>
|
||||
<nav class="sidebar-nav" aria-label="Secciones">
|
||||
<ul>
|
||||
<li><a href="/colectivos.html">Colectivos</a></li>
|
||||
<li><a href="/calendario.html">Calendario</a></li>
|
||||
<li><a href="/eventos.html">Eventos</a></li>
|
||||
<li><a href="/subdir/campa.html">Campañas</a></li>
|
||||
<li><a href="/subdir/sobre_nosotrxs.html">La Enre</a></li>
|
||||
<li><a href="/subdir/contacto.html">Contacto</a></li>
|
||||
<li><a href="https://okupanel.laenre.net">Actividades</a></li>
|
||||
<li><a href="https://www.instagram.com/la_enredadera_de_tetuan/">Instagram</a></li>
|
||||
<li><a href="https://masto.es/@csolaenre">Mastodon</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</aside>
|
||||
|
||||
<main class="main">
|
||||
|
||||
<header class="cabecera">
|
||||
<h1>{{.Titulo}}</h1>
|
||||
{{- if .Sub}}<p class="sub">{{.Sub}}</p>{{end}}
|
||||
</header>
|
||||
|
||||
<a class="volver" href="/index.html">← Volver a la enredadera</a>
|
||||
{{- if .Dentro}}
|
||||
|
||||
<nav class="pedir-menu" aria-label="Reservas">
|
||||
<a href="/pedir/"{{if eq .Actual "calendario"}} aria-current="page"{{end}}>Calendario</a>
|
||||
<a href="/pedir/mis-fechas"{{if eq .Actual "mis-fechas"}} aria-current="page"{{end}}>Vuestras fechas</a>
|
||||
<a href="/pedir/nueva"{{if eq .Actual "nueva"}} aria-current="page"{{end}}>Pedir fecha</a>
|
||||
{{- if .EsEnre}}
|
||||
<a href="/pedir/todas"{{if eq .Actual "todas"}} aria-current="page"{{end}}>Todas las fechas</a>
|
||||
<a href="/pedir/pendientes"{{if eq .Actual "pendientes"}} aria-current="page"{{end}}>Pendientes</a>
|
||||
<a href="/pedir/findes"{{if eq .Actual "findes"}} aria-current="page"{{end}}>Findes</a>
|
||||
<a href="/pedir/cuentas"{{if eq .Actual "cuentas"}} aria-current="page"{{end}}>Cuentas</a>
|
||||
{{- end}}
|
||||
<a href="/pedir/clave"{{if eq .Actual "clave"}} aria-current="page"{{end}}>Contraseña</a>
|
||||
<form class="pedir-salir" method="post" action="/pedir/salir">
|
||||
<input type="hidden" name="csrf" value="{{.CSRF}}">
|
||||
<button type="submit">Salir · {{.Nombre}}</button>
|
||||
</form>
|
||||
</nav>
|
||||
{{- end}}
|
||||
{{- if .Aviso}}
|
||||
|
||||
<p class="pedir-aviso" role="status">{{.Aviso}}</p>
|
||||
{{- end}}
|
||||
{{- if .Error}}
|
||||
|
||||
<p class="pedir-error" role="alert">{{.Error}}</p>
|
||||
{{- end}}
|
||||
{{end}}
|
||||
|
||||
{{define "abajo"}}
|
||||
<footer class="pie-pagina">
|
||||
<p>
|
||||
Calle de la Coruña nº 5, Madrid ·
|
||||
<a href="mailto:enredadera@riseup.net">enredadera@riseup.net</a> ·
|
||||
<a href="https://masto.es/@csolaenre">@csolaenre</a>
|
||||
</p>
|
||||
</footer>
|
||||
|
||||
</main>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
{{end}}
|
||||
Loading…
Add table
Add a link
Reference in a new issue