ajoute un peu de mise en page

2 years ago · 46ab69c36e
--- a/contact.md
+++ b/contact.md
@ -2,13 +2,14 @@
 title: Contact
 ---

 ## email
 ## Par courriel

 [contact@cagull.fr](mailto:contact@cagull.fr)

 ## mailing list

 Merci de vous inscrire à la liste de diffusion pour être informé·e des lieux et dates des prochaines réunions. Pour ce faire envoyez un mail à [« membres-request@cagull.fr » avec le mot « subscribe » dans l’objet](mailto:membres-request@cagull.fr?subject=subscribe).

 ## Par la liste de diffusion

 Merci de vous inscrire à la liste de diffusion pour être informé·e des lieux et
 dates des prochaines réunions. Pour ce faire envoyez un mail à [«
 membres-request@cagull.fr » avec le mot « subscribe » dans
 l’objet](mailto:membres-request@cagull.fr?subject=subscribe).

--- a/index.md
+++ b/index.md
@ -2,6 +2,8 @@
 title: Accueil
 ---

 ## Bienvenue sur cagull.fr

 En calade, Un groupe de fondus d’informatique a décidé de se regrouper à
 [Villefranche-sur-Saône](https://www.openstreetmap.org/node/26692113) afin de
 partager une passion : les [logiciels
--- a/services.md
+++ b/services.md
@ -6,23 +6,37 @@ L'association souhaite participer à l'aventure des
 [CHATONS](https://www.chatons.org/) de [Framasoft](https://www.chatons.org/) et
 c'est ainsi qu'un certain nombre de prestations sont en place.

 Pour tout le monde (accès public sans authentification) :
 ## Pour tout le monde

 Accès public sans authentification :

 * un [OpenSondage comme Framadate](https://framadate.cagull.fr/) pour faire des
  choix collectivement 
 * un [privatebin](https://privatebin.cagull.fr/) pour échanger de façon
  sécurisée du texte

 Mais aussi :

 * un [sanipasse](https://sanipasse.cagull.fr/) pour vérifier les passes
  sanitaires

 Réservé aux adhérents de l'association (accès restreint par une
 authentification, [nous contacter](contact.html) pour la création de compte) :
 Voire même un logiciel libre sur mesure développé pour un besoin local :

 * [mon-panier-bio](https://mon-panier-bio.cagull.fr/) pour faciliter les
  commandes 

 ## Réservé aux adhérents de l'association

 Accès restreint par une authentification, [nous contacter](contact.html) pour
 la création de compte) :

 * une instance [Mobilizon](https://mobilizon.cagull.fr/) pour communiquer
  autour d'événements
 * un [etherpad comme Framapad](https://etherpad.cagull.fr/) pour rédiger du
  texte collectivement

 ## Vers l'infini … et au-delà !

 Si d'aventure vous ne trouviez pas de quoi vous satfisfaire ci-dessus n'hésitez
 pas à [nous faire des suggestions](contact.html) ou contactez [d'autres
 CHATONS](https://entraide.chatons.org/fr/).
--- a/style.css
+++ b/style.css
@ -5354,3 +5354,11 @@ template {
    grid-row: span 6 / span 6;
  }
 }

 /* custom CAGULL CSS */
 body {
 	background-color: #eee;
 }
 main {
 	background-color: #fff;
 }
--- a/template.html
+++ b/template.html
@ -6,27 +6,30 @@
  <title>CAGULL — $title$</title>
  <link rel="stylesheet" href="style.css" />
 </head>
 <body>
 <body class="layout-maxed">
 	<header>
 		<h1>
 		<h1 class="text-center mt-16 mb-0">
 			<abbr title="Groupe Caladois d'Utilisateurs de Logiciels Libres">CAGULL</abbr>
 			&rsaquo;
 			<small>$title$</small>
 		</h1>
 		<nav>
 		<nav class="flex flex-row justify-between my-16">
 			<a href="index.html">Accueil</a>
 			<a href="services.html">Prestations</a>
 			<a href="about.html">À propos</a>
 			<a href="contact.html">Contact</a>
 		</nav>
 	</header>
 	<main>
 $body$
 	<main class="layout-hero">
 		<section class="my-16">
 			$body$
 		</section>
 	</main>
 	<footer>
 		<nav>
 		<nav class="flex flex-row justify-between mt-16">
 			<a href="legal.html">Mentions légales</a>
 		</nav>
 		🄯 2022 CAGULL
 		<p class="text-center mb-16"> 🄯 2022 CAGULL </p>
 	</footer>
 </body>
 </html>