Add association page and documents from 2020-01-13

.gitignore

@@ -1 +1 @@
-*.html
+static/*

.webpull

@@ -1,2 +1,19 @@
 #!/bin/bash
+
+set -e
+
+mkdir -p ./static
+COPYFILES=$(find src -type f | egrep -v '\.(pug|md)$')
+
+for CF in $COPYFILES; do
+	CF_TO=static/${CF#"src/"}
+	if [ ! -d $(dirname $CF_TO) ]; then
+		mkdir -vp $(dirname $CF_TO)
+	fi
+	if [ ! -e $CF_TO ]; then
+		ln -srv $CF $CF_TO
+	fi
+done
+
 pug ./src --out ./static
+

README.md

@@ -9,3 +9,7 @@ sudo npm install -g pug-cli
 sudo npm install -g jstransformer-markdown-it
 ./.webpull
 ```
+
+## Structure
+
+`src/administratif/`: html files generated by `htlatex` from the files originally in the `deuxfleurs.fr` repo.

src/_layout.pug

@@ -14,10 +14,12 @@ block root
       .menu-item
         a(href='https://guichet.deuxfleurs.fr') compte
         span  |  
+      .menu-item
+        a(href='association.html') asso
+        span  |  
       .menu-item
         a(href='documentation.html') doc
         span  |  
       h1 #{title}
   main
     block content
-

src/administratif/2020-01-13-pv-ag.css

@@ -0,0 +1,122 @@
+ 
+/* start css.sty */
+.cmr-10x-x-109{}
+.cmssbx-10x-x-207{font-size:188%; font-family: sans-serif; font-weight: bold;}
+.cmr-12x-x-120{font-size:130%;}
+.cmbx-10x-x-109{ font-weight: bold;}
+.cmbx-10x-x-109{ font-weight: bold;}
+.cmbx-7{font-size:63%; font-weight: bold;}
+.cmbx-7{ font-weight: bold;}
+p.noindent { text-indent: 0em }
+td p.noindent { text-indent: 0em; margin-top:0em; }
+p.nopar { text-indent: 0em; }
+p.indent{ text-indent: 1.5em }
+@media print {div.crosslinks {visibility:hidden;}}
+a img { border-top: 0; border-left: 0; border-right: 0; }
+center { margin-top:1em; margin-bottom:1em; }
+td center { margin-top:0em; margin-bottom:0em; }
+.Canvas { position:relative; }
+img.math{vertical-align:middle;}
+li p.indent { text-indent: 0em }
+li p:first-child{ margin-top:0em; }
+li p:last-child, li div:last-child { margin-bottom:0.5em; }
+li p~ul:last-child, li p~ol:last-child{ margin-bottom:0.5em; }
+.enumerate1 {list-style-type:decimal;}
+.enumerate2 {list-style-type:lower-alpha;}
+.enumerate3 {list-style-type:lower-roman;}
+.enumerate4 {list-style-type:upper-alpha;}
+div.newtheorem { margin-bottom: 2em; margin-top: 2em;}
+.obeylines-h,.obeylines-v {white-space: nowrap; }
+div.obeylines-v p { margin-top:0; margin-bottom:0; }
+.overline{ text-decoration:overline; }
+.overline img{ border-top: 1px solid black; }
+td.displaylines {text-align:center; white-space:nowrap;}
+.centerline {text-align:center;}
+.rightline {text-align:right;}
+div.verbatim {font-family: monospace; white-space: nowrap; text-align:left; clear:both; }
+.fbox {padding-left:3.0pt; padding-right:3.0pt; text-indent:0pt; border:solid black 0.4pt; }
+div.fbox {display:table}
+div.center div.fbox {text-align:center; clear:both; padding-left:3.0pt; padding-right:3.0pt; text-indent:0pt; border:solid black 0.4pt; }
+div.minipage{width:100%;}
+div.center, div.center div.center {text-align: center; margin-left:1em; margin-right:1em;}
+div.center div {text-align: left;}
+div.flushright, div.flushright div.flushright {text-align: right;}
+div.flushright div {text-align: left;}
+div.flushleft {text-align: left;}
+.underline{ text-decoration:underline; }
+.underline img{ border-bottom: 1px solid black; margin-bottom:1pt; }
+.framebox-c, .framebox-l, .framebox-r { padding-left:3.0pt; padding-right:3.0pt; text-indent:0pt; border:solid black 0.4pt; }
+.framebox-c {text-align:center;}
+.framebox-l {text-align:left;}
+.framebox-r {text-align:right;}
+span.thank-mark{ vertical-align: super }
+span.footnote-mark sup.textsuperscript, span.footnote-mark a sup.textsuperscript{ font-size:80%; }
+div.tabular, div.center div.tabular {text-align: center; margin-top:0.5em; margin-bottom:0.5em; }
+table.tabular td p{margin-top:0em;}
+table.tabular {margin-left: auto; margin-right: auto;}
+td p:first-child{ margin-top:0em; }
+td p:last-child{ margin-bottom:0em; }
+div.td00{ margin-left:0pt; margin-right:0pt; }
+div.td01{ margin-left:0pt; margin-right:5pt; }
+div.td10{ margin-left:5pt; margin-right:0pt; }
+div.td11{ margin-left:5pt; margin-right:5pt; }
+table[rules] {border-left:solid black 0.4pt; border-right:solid black 0.4pt; }
+td.td00{ padding-left:0pt; padding-right:0pt; }
+td.td01{ padding-left:0pt; padding-right:5pt; }
+td.td10{ padding-left:5pt; padding-right:0pt; }
+td.td11{ padding-left:5pt; padding-right:5pt; }
+table[rules] {border-left:solid black 0.4pt; border-right:solid black 0.4pt; }
+.hline hr, .cline hr{ height : 0px; margin:0px; }
+.hline td, .cline td{ padding: 0; }
+.hline hr, .cline hr{border:none;border-top:1px solid black;}
+.tabbing-right {text-align:right;}
+span.TEX {letter-spacing: -0.125em; }
+span.TEX span.E{ position:relative;top:0.5ex;left:-0.0417em;}
+a span.TEX span.E {text-decoration: none; }
+span.LATEX span.A{ position:relative; top:-0.5ex; left:-0.4em; font-size:85%;}
+span.LATEX span.TEX{ position:relative; left: -0.4em; }
+div.float, div.figure {margin-left: auto; margin-right: auto;}
+div.float img {text-align:center;}
+div.figure img {text-align:center;}
+.marginpar,.reversemarginpar {width:20%; float:right; text-align:left; margin-left:auto; margin-top:0.5em; font-size:85%; text-decoration:underline;}
+.marginpar p,.reversemarginpar p{margin-top:0.4em; margin-bottom:0.4em;}
+.reversemarginpar{float:left;}
+table.equation {width:100%;}
+.equation td{text-align:center; }
+td.equation { margin-top:1em; margin-bottom:1em; } 
+td.equation-label { width:5%; text-align:center; }
+td.eqnarray4 { width:5%; white-space: normal; }
+td.eqnarray2 { width:5%; }
+table.eqnarray-star, table.eqnarray {width:100%;}
+div.eqnarray{text-align:center;}
+div.array {text-align:center;}
+div.pmatrix {text-align:center;}
+table.pmatrix {width:100%;}
+span.pmatrix img{vertical-align:middle;}
+div.pmatrix {text-align:center;}
+table.pmatrix {width:100%;}
+span.bar-css {text-decoration:overline;}
+img.cdots{vertical-align:middle;}
+.partToc a, .partToc, .likepartToc a, .likepartToc {line-height: 200%; font-weight:bold; font-size:110%;}
+.index-item, .index-subitem, .index-subsubitem {display:block}
+div.caption {text-indent:-2em; margin-left:3em; margin-right:1em; text-align:left;}
+div.caption span.id{font-weight: bold; white-space: nowrap; }
+h1.partHead{text-align: center}
+p.bibitem { text-indent: -2em; margin-left: 2em; margin-top:0.6em; margin-bottom:0.6em; }
+p.bibitem-p { text-indent: 0em; margin-left: 2em; margin-top:0.6em; margin-bottom:0.6em; }
+.paragraphHead, .likeparagraphHead { margin-top:2em; font-weight: bold;}
+.subparagraphHead, .likesubparagraphHead { font-weight: bold;}
+.quote {margin-bottom:0.25em; margin-top:0.25em; margin-left:1em; margin-right:1em; text-align:justify;}
+.verse{white-space:nowrap; margin-left:2em}
+div.maketitle {text-align:center;}
+h2.titleHead{text-align:center;}
+div.maketitle{ margin-bottom: 2em; }
+div.author, div.date {text-align:center;}
+div.thanks{text-align:left; margin-left:10%; font-size:85%; font-style:italic; }
+div.author{white-space: nowrap;}
+.quotation {margin-bottom:0.25em; margin-top:0.25em; margin-left:1em; }
+.abstract p {margin-left:5%; margin-right:5%;}
+div.abstract {width:100%;}
+span.footnote-mark sup.textsuperscript, span.footnote-mark a sup.textsuperscript{ font-size:80%; }
+/* end css.sty */
+

src/administratif/2020-01-13-pv-ag.html

@@ -0,0 +1,86 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  
+  "http://www.w3.org/TR/html4/loose.dtd">  
+<html xml:lang="fr" > 
+<head><title>Procs-verbal de lassemble gnrale constitutive de l&#8217;association Deuxfleurs</title> 
+<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
+<meta name="generator" content="TeX4ht (http://www.tug.org/tex4ht/)"> 
+<meta name="originator" content="TeX4ht (http://www.tug.org/tex4ht/)"> 
+<!-- html --> 
+<meta name="src" content="2020-01-13-pv-ag.tex"> 
+<link rel="stylesheet" type="text/css" href="2020-01-13-pv-ag.css"> 
+</head><body 
+>
+  <div class="maketitle">
+
+
+<h2 class="titleHead">Procès-verbal de l&#8217;assemblée générale
+constitutive de l&#8217;association Deuxfleurs</h2>
+         <div class="author" ><span 
+class="cmr-12x-x-120">Association Deuxfleurs</span>
+<br /><span 
+class="cmr-12x-x-120">10A All</span><span 
+class="cmr-12x-x-120">ée de Lanvaux, 35700 Rennes</span></div><br />
+<div class="date" ><span 
+class="cmr-12x-x-120">13 janvier 2020</span></div>
+  </div>Le 13 janvier 2020 à 19 heures, les fondateurs de l&#8217;association Deuxfleurs se sont réunis en
+assemblée générale constitutive au 24 rue des Tanneurs à Rennes. Sont présents Adrien, Alex,
+Anaïs, Axelle, Louison, Maximilien, Quentin, Rémi et Vincent.
+<!--l. 32--><p class="indent" >  L&#8217;assemblée générale désigne Adrien Luxey en qualité de président de séance et Quentin Dufour
+en qualité de secrétaire de séance. Le président de séance met à la disposition des présents le projet
+de statuts de l&#8217;association et l&#8217;état des actes passés pour le compte de l&#8217;association en
+formation.
+<!--l. 35--><p class="indent" >  Puis il rappelle que l&#8217;assemblée générale constitutive est appelée à statuer sur l&#8217;ordre du jour
+suivant :
+     <ul class="itemize1">
+     <li class="itemize">présentation du projet de constitution de l&#8217;association;
+     </li>
+     <li class="itemize">présentation du projet de statuts;
+     </li>
+     <li class="itemize">adoption des statuts;
+     </li>
+     <li class="itemize">désignation des premiers membres du conseil;
+     </li>
+     <li class="itemize">pouvoirs en vue des formalités de déclaration et publication.</li></ul>
+<!--l. 45--><p class="indent" >  Enfin, le président de séance expose les motifs du projet de création de l&#8217;association et
+commente le projet de statuts. Il ouvre la discussion. Un débat s&#8217;instaure entre les membres de
+l&#8217;assemblée.
+<!--l. 48--><p class="indent" >  Après quoi, personne ne demandant plus la parole, le président met successivement aux voix les
+délibérations suivantes.
+<!--l. 50--><p class="noindent" ><span class="paragraphHead"><a 
+ id="x1-1000"></a><span 
+class="cmbx-10x-x-109">1</span><span 
+class="cmbx-7">re</span><span 
+class="cmbx-10x-x-109">&#x00A0;d</span><span 
+class="cmbx-10x-x-109">élib</span><span 
+class="cmbx-10x-x-109">ération</span></span>
+  L&#8217;assemblée générale adopte les statuts dont le projet lui a été soumis. Cette délibération est
+adoptée à l&#8217;unanimité.
+
+<!--l. 53--><p class="noindent" ><span class="paragraphHead"><a 
+ id="x1-2000"></a><span 
+class="cmbx-10x-x-109">2</span><span 
+class="cmbx-7">e</span><span 
+class="cmbx-10x-x-109">&#x00A0;d</span><span 
+class="cmbx-10x-x-109">élib</span><span 
+class="cmbx-10x-x-109">ération</span></span>
+  L&#8217;assemblée générale constitutive désigne en qualité de premiers membres du conseil
+d&#8217;administration :
+     <ul class="itemize1">
+     <li class="itemize">Adrien Luxey
+     </li>
+     <li class="itemize">Alex Auvolat
+     </li>
+     <li class="itemize">Maximilien Richer
+     </li>
+     <li class="itemize">Quentin Dufour
+     </li>
+     <li class="itemize">Vincent Giraud</li></ul>
+<!--l. 63--><p class="indent" >  Conformément aux statuts, cette désignation est faite pour une durée expirant lors de l&#8217;assemblée
+générale qui sera appelée à statuer sur les comptes de l&#8217;exercice clos le 13 janvier 2021. Les membres
+du conseil ainsi désignés acceptent leurs fonctions
+<!--l. 66--><p class="indent" >  Nom, prénom et signature du président et du secrétaire de séance
+   
+</body></html> 
+
+
+

src/administratif/2020-01-13-statuts.css

@@ -0,0 +1,121 @@
+ 
+/* start css.sty */
+.cmr-10x-x-109{}
+.cmssbx-10x-x-207{font-size:188%; font-family: sans-serif; font-weight: bold;}
+.cmr-12x-x-120{font-size:130%;}
+p.noindent { text-indent: 0em }
+td p.noindent { text-indent: 0em; margin-top:0em; }
+p.nopar { text-indent: 0em; }
+p.indent{ text-indent: 1.5em }
+@media print {div.crosslinks {visibility:hidden;}}
+a img { border-top: 0; border-left: 0; border-right: 0; }
+center { margin-top:1em; margin-bottom:1em; }
+td center { margin-top:0em; margin-bottom:0em; }
+.Canvas { position:relative; }
+img.math{vertical-align:middle;}
+li p.indent { text-indent: 0em }
+li p:first-child{ margin-top:0em; }
+li p:last-child, li div:last-child { margin-bottom:0.5em; }
+li p~ul:last-child, li p~ol:last-child{ margin-bottom:0.5em; }
+.enumerate1 {list-style-type:decimal;}
+.enumerate2 {list-style-type:lower-alpha;}
+.enumerate3 {list-style-type:lower-roman;}
+.enumerate4 {list-style-type:upper-alpha;}
+div.newtheorem { margin-bottom: 2em; margin-top: 2em;}
+.obeylines-h,.obeylines-v {white-space: nowrap; }
+div.obeylines-v p { margin-top:0; margin-bottom:0; }
+.overline{ text-decoration:overline; }
+.overline img{ border-top: 1px solid black; }
+td.displaylines {text-align:center; white-space:nowrap;}
+.centerline {text-align:center;}
+.rightline {text-align:right;}
+div.verbatim {font-family: monospace; white-space: nowrap; text-align:left; clear:both; }
+.fbox {padding-left:3.0pt; padding-right:3.0pt; text-indent:0pt; border:solid black 0.4pt; }
+div.fbox {display:table}
+div.center div.fbox {text-align:center; clear:both; padding-left:3.0pt; padding-right:3.0pt; text-indent:0pt; border:solid black 0.4pt; }
+div.minipage{width:100%;}
+div.center, div.center div.center {text-align: center; margin-left:1em; margin-right:1em;}
+div.center div {text-align: left;}
+div.flushright, div.flushright div.flushright {text-align: right;}
+div.flushright div {text-align: left;}
+div.flushleft {text-align: left;}
+.underline{ text-decoration:underline; }
+.underline img{ border-bottom: 1px solid black; margin-bottom:1pt; }
+.framebox-c, .framebox-l, .framebox-r { padding-left:3.0pt; padding-right:3.0pt; text-indent:0pt; border:solid black 0.4pt; }
+.framebox-c {text-align:center;}
+.framebox-l {text-align:left;}
+.framebox-r {text-align:right;}
+span.thank-mark{ vertical-align: super }
+span.footnote-mark sup.textsuperscript, span.footnote-mark a sup.textsuperscript{ font-size:80%; }
+div.tabular, div.center div.tabular {text-align: center; margin-top:0.5em; margin-bottom:0.5em; }
+table.tabular td p{margin-top:0em;}
+table.tabular {margin-left: auto; margin-right: auto;}
+td p:first-child{ margin-top:0em; }
+td p:last-child{ margin-bottom:0em; }
+div.td00{ margin-left:0pt; margin-right:0pt; }
+div.td01{ margin-left:0pt; margin-right:5pt; }
+div.td10{ margin-left:5pt; margin-right:0pt; }
+div.td11{ margin-left:5pt; margin-right:5pt; }
+table[rules] {border-left:solid black 0.4pt; border-right:solid black 0.4pt; }
+td.td00{ padding-left:0pt; padding-right:0pt; }
+td.td01{ padding-left:0pt; padding-right:5pt; }
+td.td10{ padding-left:5pt; padding-right:0pt; }
+td.td11{ padding-left:5pt; padding-right:5pt; }
+table[rules] {border-left:solid black 0.4pt; border-right:solid black 0.4pt; }
+.hline hr, .cline hr{ height : 0px; margin:0px; }
+.hline td, .cline td{ padding: 0; }
+.hline hr, .cline hr{border:none;border-top:1px solid black;}
+.tabbing-right {text-align:right;}
+span.TEX {letter-spacing: -0.125em; }
+span.TEX span.E{ position:relative;top:0.5ex;left:-0.0417em;}
+a span.TEX span.E {text-decoration: none; }
+span.LATEX span.A{ position:relative; top:-0.5ex; left:-0.4em; font-size:85%;}
+span.LATEX span.TEX{ position:relative; left: -0.4em; }
+div.float, div.figure {margin-left: auto; margin-right: auto;}
+div.float img {text-align:center;}
+div.figure img {text-align:center;}
+.marginpar,.reversemarginpar {width:20%; float:right; text-align:left; margin-left:auto; margin-top:0.5em; font-size:85%; text-decoration:underline;}
+.marginpar p,.reversemarginpar p{margin-top:0.4em; margin-bottom:0.4em;}
+.reversemarginpar{float:left;}
+table.equation {width:100%;}
+.equation td{text-align:center; }
+td.equation { margin-top:1em; margin-bottom:1em; } 
+td.equation-label { width:5%; text-align:center; }
+td.eqnarray4 { width:5%; white-space: normal; }
+td.eqnarray2 { width:5%; }
+table.eqnarray-star, table.eqnarray {width:100%;}
+div.eqnarray{text-align:center;}
+div.array {text-align:center;}
+div.pmatrix {text-align:center;}
+table.pmatrix {width:100%;}
+span.pmatrix img{vertical-align:middle;}
+div.pmatrix {text-align:center;}
+table.pmatrix {width:100%;}
+span.bar-css {text-decoration:overline;}
+img.cdots{vertical-align:middle;}
+.partToc a, .partToc, .likepartToc a, .likepartToc {line-height: 200%; font-weight:bold; font-size:110%;}
+.index-item, .index-subitem, .index-subsubitem {display:block}
+div.caption {text-indent:-2em; margin-left:3em; margin-right:1em; text-align:left;}
+div.caption span.id{font-weight: bold; white-space: nowrap; }
+h1.partHead{text-align: center}
+p.bibitem { text-indent: -2em; margin-left: 2em; margin-top:0.6em; margin-bottom:0.6em; }
+p.bibitem-p { text-indent: 0em; margin-left: 2em; margin-top:0.6em; margin-bottom:0.6em; }
+.paragraphHead, .likeparagraphHead { margin-top:2em; font-weight: bold;}
+.subparagraphHead, .likesubparagraphHead { font-weight: bold;}
+.quote {margin-bottom:0.25em; margin-top:0.25em; margin-left:1em; margin-right:1em; text-align:justify;}
+.verse{white-space:nowrap; margin-left:2em}
+div.maketitle {text-align:center;}
+h2.titleHead{text-align:center;}
+div.maketitle{ margin-bottom: 2em; }
+div.author, div.date {text-align:center;}
+div.thanks{text-align:left; margin-left:10%; font-size:85%; font-style:italic; }
+div.author{white-space: nowrap;}
+.quotation {margin-bottom:0.25em; margin-top:0.25em; margin-left:1em; }
+.abstract p {margin-left:5%; margin-right:5%;}
+div.abstract {width:100%;}
+span.footnote-mark sup.textsuperscript, span.footnote-mark a sup.textsuperscript{ font-size:80%; }
+.frenchb-nbsp{font-size:75%;}
+.frenchb-thinspace{font-size:75%;}
+sup.french{ vertical-align:super; font-size:70%; }
+/* end css.sty */
+

src/administratif/2020-01-13-statuts.html

@@ -0,0 +1,136 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  
+  "http://www.w3.org/TR/html4/loose.dtd">  
+<html xml:lang="fr" > 
+<head><title>Statuts de l&#8217;association Deuxfleurs</title> 
+<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
+<meta name="generator" content="TeX4ht (http://www.tug.org/tex4ht/)"> 
+<meta name="originator" content="TeX4ht (http://www.tug.org/tex4ht/)"> 
+<!-- html --> 
+<meta name="src" content="2020-01-13-statuts.tex"> 
+<link rel="stylesheet" type="text/css" href="2020-01-13-statuts.css"> 
+</head><body 
+>
+  <div class="maketitle">
+
+
+<h2 class="titleHead">Statuts de l&#8217;association Deuxfleurs</h2>
+<div class="author" ></div><br />
+<div class="date" ><span 
+class="cmr-12x-x-120">13 janvier 2020</span></div>
+  </div>
+  <h3 class="sectionHead"><span class="titlemark">Article 1&#x00A0;:&#x00A0;   </span> <a 
+ id="x1-10001"></a>Constitution et dénomination</h3>
+<!--l. 32--><p class="noindent" >Il est fondé entre les adhérents aux présents statuts une association régie par la loi 1901, ayant pour
+titre Deuxfleurs.
+<!--l. 34--><p class="noindent" >
+  <h3 class="sectionHead"><span class="titlemark">Article 2&#x00A0;:&#x00A0;   </span> <a 
+ id="x1-20002"></a>Buts</h3>
+<!--l. 35--><p class="noindent" >Cette association a pour but de défendre et promouvoir les libertés individuelles et collectives à
+travers la mise en place d&#8217;infrastuctures numériques libres.
+<!--l. 37--><p class="noindent" >
+  <h3 class="sectionHead"><span class="titlemark">Article 3&#x00A0;:&#x00A0;   </span> <a 
+ id="x1-30003"></a>Siège social</h3>
+<!--l. 38--><p class="noindent" >Le siège social est fixé au 10A, Allée de Lanvaux, 35700 Rennes. Il pourra être transféré suite à un
+vote par l&#8217;assemblée générale.
+<!--l. 41--><p class="noindent" >
+  <h3 class="sectionHead"><span class="titlemark">Article 4&#x00A0;:&#x00A0;   </span> <a 
+ id="x1-40004"></a>Durée de l&#8217;association</h3>
+<!--l. 42--><p class="noindent" >L&#8217;association perdure tant qu&#8217;elle possède au moins un membre, ou jusqu&#8217;à sa dissolution décidée en
+assemblée générale.
+
+<!--l. 44--><p class="noindent" >
+  <h3 class="sectionHead"><span class="titlemark">Article 5&#x00A0;:&#x00A0;   </span> <a 
+ id="x1-50005"></a>Admission et adhésion</h3>
+<!--l. 45--><p class="noindent" >Pour faire partie de l&#8217;association, il faut être coopté par un membre de l&#8217;association, adhérer
+aux présents statuts et s&#8217;acquitter de la cotisation annuelle dont le montant est de 10
+euros.
+<!--l. 47--><p class="noindent" >
+  <h3 class="sectionHead"><span class="titlemark">Article 6&#x00A0;:&#x00A0;   </span> <a 
+ id="x1-60006"></a>Composition de l&#8217;association</h3>
+<!--l. 48--><p class="noindent" >L&#8217;association se compose exclusivement de membres admis selon les dispositions de l&#8217;article&#x00A0;<a 
+href="#x1-50005">5<!--tex4ht:ref: article:admission --></a> et à
+jour de leur cotisation. Tout membre actif possède une voix lors des votes en assemblée générale. Est
+considéré actif tout membre présent à l&#8217;assemblée générale (physiquement, par visioconférence ou
+par procuration écrite donnée à un autre membre de l&#8217;association).
+<!--l. 52--><p class="noindent" >
+  <h3 class="sectionHead"><span class="titlemark">Article 7&#x00A0;:&#x00A0;   </span> <a 
+ id="x1-70007"></a>Perte de la qualité de membre</h3>
+<!--l. 53--><p class="noindent" >La qualité de membre se perd par<span class="frenchb-nbsp">&#x00A0;</span>:
+     <ul class="itemize1">
+     <li class="itemize">la démission,
+     </li>
+     <li class="itemize">le non-renouvelement de la cotisation dans un délai de deux mois après le 1er Janvier de
+     l&#8217;année courante,
+     </li>
+     <li class="itemize">le décès,
+     </li>
+     <li class="itemize">la radiation prononcée aux deux tiers des votes exprimés, lors d&#8217;un vote extraordinaire
+     ou de l&#8217;assemblée générale.</li></ul>
+<!--l. 62--><p class="noindent" >
+  <h3 class="sectionHead"><span class="titlemark">Article 8&#x00A0;:&#x00A0;   </span> <a 
+ id="x1-80008"></a>L&#8217;assemblée générale</h3>
+<!--l. 63--><p class="noindent" >L&#8217;assemblée générale ordinaire se réunit au moins une fois par an, convoquée par le conseil
+d&#8217;administration. L&#8217;assemblée générale extraordinaire est convoquée par le conseil d&#8217;administration,
+à la demande de celui-ci ou à la demande du quart au moins des membres de l&#8217;association.
+
+<!--l. 66--><p class="indent" >  L&#8217;assemblée générale (ordinaire ou extraordinaire) comprend tous les membres de l&#8217;association à
+jour de leur cotisation. Quinze jours au moins avant la date fixée, les membres de l&#8217;association sont
+convoqués via la liste de diffusion de l&#8217;association et l&#8217;ordre du jour est inscrit sur les
+convocations.
+<!--l. 69--><p class="indent" >  Le conseil d&#8217;administration anime l&#8217;assemblée générale. L&#8217;assemblée générale, après avoir
+délibéré, se prononce sur le rapport moral et/ou d&#8217;activités. Le conseil d&#8217;administration rend
+compte de l&#8217;exercice financier clos et soumet le bilan de l&#8217;exercice clos à l&#8217;approbation de
+l&#8217;assemblée dans un délai de six mois après la clôture des comptes. L&#8217;assemblée générale
+délibère sur les orientations à venir et se prononce sur le budget prévisionnel de l&#8217;année en
+cours.
+<!--l. 74--><p class="indent" >  Elle pourvoit, au scrutin secret, à la nomination ou au renouvellement des membres du conseil
+d&#8217;administration via un scrutin de Condorcet Randomisé. Elle fixe le montant de la cotisation
+annuelle. Les décisions de l&#8217;assemblée sont prises à la majorité des membres présents ou représentés.
+Chaque membre présent ne peut détenir plus d&#8217;une procuration.
+<!--l. 79--><p class="noindent" >
+  <h3 class="sectionHead"><span class="titlemark">Article 9&#x00A0;:&#x00A0;   </span> <a 
+ id="x1-90009"></a>Membres mineurs</h3>
+<!--l. 80--><p class="noindent" >Les mineurs peuvent adhérer à l&#8217;association sous réserve d&#8217;un accord tacite ou d&#8217;une autorisation
+écrite de leurs parents ou tuteurs légaux. Ils sont membres à part entière de l&#8217;association. Seuls les
+membres âgés de 16 ans au moins au jour d&#8217;une élection sont autorisés à y voter, notamment au
+cours d&#8217;une assemblée générale. Pour les autres, leur droit de vote est transmis à leur représentant
+légal.
+<!--l. 85--><p class="noindent" >
+  <h3 class="sectionHead"><span class="titlemark">Article 10&#x00A0;:&#x00A0;   </span> <a 
+ id="x1-1000010"></a>Le conseil d&#8217;administration</h3>
+<!--l. 86--><p class="noindent" >L&#8217;association est administrée par un conseil d&#8217;administration composé de 3 à 6 membres, élus pour
+1 an dans les conditions fixées à l&#8217;article&#x00A0;<a 
+href="#x1-80008">8<!--tex4ht:ref: article:ag --></a>. Tous les membres de l&#8217;association à jour
+de leur cotisation sont éligibles. En cas de vacance de poste, le conseil d&#8217;administration
+peut pourvoir provisoirement au remplacement de ses membres. Ce remplacement est
+obligatoire quand le conseil d&#8217;administration compte moins de 3 membres. Il est procédé à leur
+remplacement définitif à la plus prochaine assemblée générale. Les pouvoirs des membres ainsi
+élus prennent fin à l&#8217;époque où devrait normalement expirer le mandat des membres
+remplacés.
+<!--l. 92--><p class="indent" >  Le conseil d&#8217;administration met en &#339;uvre les décisions de l&#8217;assemblée générale, organise et anime
+la vie de l&#8217;association, dans le cadre fixé par les statuts. Chacun de ses membres peut être habilité
+par le conseil à remplir toutes les formalités de déclaration et de publication prescrites par la
+législation et tout autre acte nécessaire au fonctionnement de l&#8217;association et décidé par le
+
+conseil d&#8217;administration. Tous les membres du conseil d&#8217;administration sont responsables
+des engagements contractés par l&#8217;association. Tout contrat ou convention passé entre
+l&#8217;association d&#8217;une part, et un membre du conseil d&#8217;administration, son conjoint ou un
+proche, d&#8217;autre part, est soumis pour autorisation au conseil d&#8217;administration et présenté
+pour information à la plus prochaine assemblée générale. Le conseil d&#8217;administration
+se réunit au moins 4 fois par an et toutes les fois qu&#8217;il est convoqué par le tiers de ses
+membres. La présence de la moitié au moins des membres du conseil est nécessaire pour
+que le conseil d&#8217;administration puisse délibérer valablement. Les décisions sont prises au
+consensus et, à défaut, à la majorité des voix des présents. Le vote par procuration n&#8217;est pas
+autorisé.
+<!--l. 100--><p class="noindent" >
+  <h3 class="sectionHead"><span class="titlemark">Article 11&#x00A0;:&#x00A0;   </span> <a 
+ id="x1-1100011"></a>Modification des statuts de l&#8217;association</h3>
+<!--l. 102--><p class="noindent" >Sur demande d&#8217;un tiers des membres actifs, ou sur demande du conseil d&#8217;administration, des
+amendements aux statuts de l&#8217;association peuvent être discutés et soumis au vote lors d&#8217;une
+assemblée générale, selon les modalités de l&#8217;article&#x00A0;<a 
+href="#x1-80008">8<!--tex4ht:ref: article:ag --></a>.
+   
+</body></html> 
+
+
+

src/association.pug

@@ -0,0 +1,42 @@
+extends _layout.pug
+
+prepend root
+  - title = "l'association"
+
+block content
+  .container.spacing
+
+    section.spacing
+      h2 Notre raison d'être
+      p.spacing
+        | Aujourd'hui, de grandes entreprises conçoivent des services numériques qui ont pour objectif de <a href="https://fr.wikipedia.org/wiki/%C3%89conomie_de_l%27attention">maximiser le temps</a> que nous passons dessus, de <a href="https://fr.wikipedia.org/wiki/%C3%89conomie_de_la_surveillance">collecter et recouper des données</a> à notre insu pour nous influencer, de <a href="https://www.april.org/le-parlement-europeen-valide-la-generalisation-de-la-censure-automatisee">limiter nos possibilités d'expression</a> au delà du cadre légal et de <a href="https://fr.wikipedia.org/wiki/Embrace,_extend_and_extinguish">créer de nouveaux monopoles</a>. Ces effets nous montrent que la technologie n'est pas neutre et a un réel impact sur nos vies. En choisissant et en hébergeant nos propres outils de communication, sans but lucratif ni hégémonique, nous espérons nous affranchir de ces nuisances et préserver nos libertés. 
+      p.spacing
+        | Pour en savoir plus, rendez-vous sur <a href="https://www.laquadrature.net/">La Quadrature du Net</a> et allez lire le manifeste <a href="https://chatons.org/fr/manifeste">des CHATONS</a>.
+
+
+      section.spacing
+        h2 Nos objectifs
+
+      section.spacing
+        h3 Des utilisateurs impliqués
+        p.spacing
+          | Que ce soit à l'école, par l'expérimentation, via un forum d'échange, lors d'un atelier, via une publicité à la télévision, un tutoriel, lors d'une discussion avec un ami, il y toujours une phase d'apprentissage en informatique. Malheureusement, dans ces conditions, dur de lutter pour des services libres face à la puissance de frappe d'une entreprise et des logiciels ayant une base d'utilisateurs immense. Nous pensons donc qu'une personne souhaitant s'héberger chez un hébergeur indépendant a besoin d'un accompagnement. C'est pourquoi les inscriptions se font par cooptation. La cooptation permet aussi un lien de confiance et ainsi de se prémunir de bon nombres d'attaques que subissent les hébergeurs.
+
+      section.spacing
+        h3 Une architecture résiliente
+        p.spacing
+          | Les sites webs, les réseaux sociaux, les emails ne peuvent fonctionner que grâce à des ordinateurs qui restent allumés 24/24h et qui n'attendent que vous. Cependant, ces derniers sont faillibles. Une coupure d'électricité, un disque dur cassé, une mise à jour ratée, un bug dans le logiciel, les raisons ne manquent pas. Heureusement, il est possible de masquer ces pannes avec du logiciel astucieusement conçu. C'est pourquoi vous avez l'impression que Google est toujours disponible, que Dropbox ne perd pas vos données, etc. La gestion de ces pannes, c'est aussi ce qui rend la vie compliquée aux hébergeurs indépendants. Entre incompréhension des utilisateurs quand un service est hors ligne et sueurs froides pour les administrateurs, ça n'a rien de marrant. Et c'est très chronophage. Notre objectif est donc de construire des solutions d'hébergements qui peuvent résister à ces pannes.
+
+    section.spacing
+      h2 Statuts de l'association
+      :markdown-it(linkify)
+        Depuis janvier 2020, Deuxfleurs est constitué en association loi 1901.
+        Vous trouverez [ici](administratif/2020-01-13-statuts.html) les statuts de l'association.
+
+    section.spacing
+      h2 Comptes rendus d'AG
+      :markdown-it(linkify)
+        Les comptes-rendus d'AG sont disponibles aux liens suivants:
+
+        - [13 janvier 2020 (AG constitutive)](administratif/2020-01-13-pv-ag.html)
+      

src/css/main.css

@@ -7,6 +7,9 @@
   margin: 0;
   padding: 0;
 }
+body {
+    margin-bottom: 42px;
+}
 
 header {
   background-color: #519c60;
@@ -23,9 +26,19 @@ h2 {
 }
 
 p {
+  margin-top: 1em;
   font-size: 1.2em;
 }
 
+ul {
+}
+
+li {
+    margin-left: 42px;
+    padding-top: 4px;
+    padding-bottom: 4px;
+}
+
 .spacing {
   margin-top: 1em;
 }

src/index.pug

@@ -14,22 +14,22 @@ block content
       h2 nos services permettent de
       .list
         a.service-box.spacing(href='https://riot.deuxfleurs.fr')
-          div(style='font-size: 80px') 💬
+          div(style='font-size: 80px; height: 120px') 💬
           h3 discuter
         a.service-box.spacing(href='https://cloud.deuxfleurs.fr')
-          div(style='font-size: 80px') 🔒
+          div(style='font-size: 80px; height: 120px') 🔒
           h3 sauvegarder vos documents
         a.service-box.spacing(href='https://sogo.deuxfleurs.fr')
-          div(style='font-size: 80px') 📨
+          div(style='font-size: 80px; height: 120px') 📨
           h3 envoyer des emails
         a.service-box.spacing(href='https://p.adnab.me')
-          div(style='font-size: 80px') 📄
+          div(style='font-size: 80px; height: 120px') 📄
           h3 collaborer
         a.service-box.spacing(href='documentation.html#site')
-          div(style='font-size: 80px') 🌐
+          div(style='font-size: 80px; height: 120px') 🌐
           h3 créer votre site
         a.service-box.spacing(href='https://git.deuxfleurs.fr')
-          div(style='font-size: 80px') 💻
+          div(style='font-size: 80px; height: 120px') 💻
           h3 coder
         br