gros boutons responsive

content/_index.md

@@ -41,7 +41,7 @@ title = "Librezo"
 </div>
 <script type="text/javascript" src="/js/square_box.js"></script>
 
-<h2 class="title-bar" style="margin-top: 96px;">Pour qui&#8239;?</h2>
+<h2 class="title-bar" style="margin-top: 96px;margin-bottom: 64px;">Pour qui&#8239;?</h2>
 
 <div class="nn" style="text-align: left">
 

content/contact.md

@@ -8,7 +8,7 @@ leaflet = 1
 	<img style="max-width: 100%" alt="Contactez-nous" src="/img/drawings/contact.webp" aria-hidden/>
 </div>
 
-Pour un devis, pour rejoindre notre collectif ou pour toute question relative à nos services&nbsp;:
+Pour un devis, pour [rejoindre notre collectif](/rejoignez-nous) ou pour toute question relative à nos services&nbsp;:
 
 Courriel&nbsp;: <a href="mailto:contact@librezo.fr">contact@librezo.fr</a>
 

content/fonctionnement.md

@@ -45,6 +45,6 @@ Dans le cadre d’un contrat de maintenance ou de monitoring, il est possible de
 
 <h2 class="title-bar nonarrower" style="margin-top: 64px;">Avec nos membres</h2>
 
-- Tout·e libriste souhaitant rejoindre le collectif est libre d'en faire la demande, qui sera étudiée par les autres membres avant cooptation. Il faut cependant avoir sa propre structure pour devenir prestataire (micro-entreprise, association, entreprise, etc...) ainsi que des compétences et une expertise à apporter, quel que soit son domaine d'action.
+- Tout·e libriste souhaitant [rejoindre le collectif](/rejoignez-nous) est libre d'en faire la demande, qui sera étudiée par les autres membres avant cooptation. Il faut cependant avoir sa propre structure pour devenir prestataire (micro-entreprise, association, entreprise, etc...) ainsi que des compétences et une expertise à apporter, quel que soit son domaine d'action.
 - La gouvernance du collectif est collégiale. Chaque membre dispose d'une seule voix.
 - Les membres prestataires s'acquittent eux-mêmes de leurs formalités administratives et financières. Le collectif ne gère pas la comptabilité de ses membres.

sass/css/base.scss

@@ -222,6 +222,8 @@ h3 {
 }
 
 .bigbutton {
+	display: inline-block;
+	margin: 4px;
 	background: linear-gradient(-0.125turn, $blue, $violet);
 	border-radius: 4px;
 	font-family: Neucha;
@@ -239,6 +241,8 @@ a.bigbutton:hover, a.bigbutton:focus {
 }
 
 .bigbutton2 {
+	display: inline-block;
+	margin: 4px;
 	border: 1px solid $blue;
 	border-radius: 4px;
 	font-family: Neucha;