ajout message sur la frontpage, et desole, j'ai un linter qui a tout reformate le CSS...

4 files changed, 232 insertions, 46 deletions

diff --git a/src/Association/AG 2020.md b/src/Association/AG 2020.md
new file mode 100644
index 0000000..802f596
--- /dev/null
+++ b/src/Association/AG 2020.md
@@ -0,0 +1,51 @@
+# Assemblée Générale Constitutive
+
+Le 13 janvier 2020 à 19 heures, les fondateurs de l'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'assemblée générale désigne Adrien en qualité de président de
+séance et Quentin 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'association et l'état des actes passés pour le compte de
+l'association en formation.
+
+Puis il rappelle que l'assemblée générale constitutive est appelée à
+statuer sur l'ordre du jour suivant :
+
+- présentation du projet de constitution de l'association ;
+- présentation du projet de statuts ;
+- adoption des statuts ;
+- désignation des premiers membres du conseil ;
+- pouvoirs en vue des formalités de déclaration et publication.
+
+Enfin, le président de séance expose les motifs du projet de création de
+l'association et commente le projet de statuts. Il ouvre la discussion.
+Un débat s'instaure entre les membres de l'assemblée.
+
+Après quoi, personne ne demandant plus la parole, le président met
+successivement aux voix les délibérations suivantes.
+
+## 1e délibération
+
+L'assemblée générale adopte les statuts dont le projet lui a été soumis.
+Cette délibération est adoptée à l'unanimité.
+
+## 2e délibération
+
+L'assemblée générale constitutive désigne en qualité de premiers membres
+du conseil d'administration :
+
+- Adrien
+- Alex
+- Maximilien
+- Quentin
+- Vincent
+
+Conformément aux statuts, cette désignation est faite pour une durée
+expirant lors de l'assemblée générale qui sera appelée à statuer sur les
+comptes de l'exercice clos le 13 janvier 2021. Les membres du conseil
+ainsi désignés acceptent leurs fonctions
+
+Nom, prénom et signature du président et du secrétaire de séance
diff --git a/src/Association/AG 2021.md b/src/Association/AG 2021.md
new file mode 100644
index 0000000..5669957
--- /dev/null
+++ b/src/Association/AG 2021.md
@@ -0,0 +1,30 @@
+# Seconde Assemblée Générale
+
+## Invitation 
+
+*Chèr.e.s membres de [Deuxfleurs](/https://deuxfleurs.fr/), ami.e.s, invité.e.s, curieux.ses,*
+
+Notre association va avoir un an (le 13 janvier) ! Une bonne nouvelle qui sonne aussi l'heure de l'Assemblée Générale (AG), au cours de laquelle nous présenterons notre raison-d'être, récapitulerons nos actions passées, élirons un nouveau bureau, et discuterons de nos objectifs pour l'année à venir. C'est aussi le moment parfait pour nous rejoindre !
+
+Ladite AG se tiendra virtuellement le dimanche 7 février à 16h, sur notre service de visio-conférence à l'adresse https://jitsi.deuxfleurs.fr/AssembleeGenerale2021 (mot de passe : HastaLaRevolucion). L'AG étant publique, toute personne intéressée par l'asso est en droit de participer. Venez nombreux.ses !
+
+Seul.e.s les membres à jour de leur cotisation en 2020 ont le droit de candidater et de voter pour le nouveau bureau de l'association (ce qui n'empêche pas les autres d'assister à l'élection). Si un.e membre a envie de proposer sa candidature, qu'iel prépare quelques phrases pour se présenter !
+
+### Programme (durée : 1h30-2h)
+
+* Courte présentation de Deuxfleurs et des membres du bureau qui animeront l'assemblée ;
+
+* Keynote (présentation appétissante) : notre guide spirituel, Quentin, parlera de notre vision avec plus de verve que Steve Jobs à ses heures les plus excitées ;
+* Bilan moral : présentation des activités de Deuxfleurs en 2020 ;
+* Bilan financier : comment vont les finances ?
+* Élection du bureau 2021 : présentation des candidat.e.s, et vote ;
+* Proposition d'objectifs pour l'année à venir ;
+* Comment adhérer à Deuxfleurs ?
+* Discussions libres.
+
+Vous savez tout ! Nous espérons vous voir nombreux.ses et motivé.e.s à l'AG. En vous attendant, on cultive le jardin,
+*Le bureau de Deuxfleurs.*
+
+**PS :** Vous qui lisez ce message, n'hésitez pas à le transmettre à toute personne intéressée par Deuxfleurs. Nous serions ravi.e.s de voir de nouvelles têtes participer à l'AG !
+
+
diff --git a/src/css/main.css b/src/css/main.css
index 481471b..342901a 100644
--- a/src/css/main.css
+++ b/src/css/main.css
@@ -13,12 +13,15 @@
 
 * {
   font-family: Heroes;
-  font-size: 1em; /* We use browser's default */
+  font-size: 1em;
+  /* We use browser's default */
   margin: 0;
   padding: 0;
 }
 
-html { height: 100% }
+html {
+  height: 100%
+}
 
 body {
   display: flex;
@@ -30,53 +33,82 @@ body {
 /*
  * RESPONSIVE
  */
-.mobile_block, .mobile_inline { display: none }
+.mobile_block,
+.mobile_inline {
+  display: none
+}
 
 @media screen and (max-width: 800px) {
-  body { flex-direction: column }
-  .computer_block { display: none }
-  .mobile_block { display: block }
-  .mobile_inline { display: inline }
-} 
+  body {
+    flex-direction: column
+  }
+
+  .computer_block {
+    display: none
+  }
+
+  .mobile_block {
+    display: block
+  }
+
+  .mobile_inline {
+    display: inline
+  }
+}
 
 /*
  * CORE TEMPLATE
  */
 
 /* Header + Menu */
-body > aside > header {
+body>aside>header {
   color: white;
-  background: rgb(12,144,110);
+  background: rgb(12, 144, 110);
   background: linear-gradient(0deg, rgb(21, 65, 73) 0%, rgb(55, 141, 100) 50%, rgb(12, 144, 110) 100%);
   padding: 1.5rem;
   margin: 0.8rem;
   border-radius: 0.5rem;
-  box-shadow: 0px 0px 30px rgba(31,38,103,0.2);
+  box-shadow: 0px 0px 30px rgba(31, 38, 103, 0.2);
 }
 
-body > aside > header > a > svg { 
-  fill: white; 
+body>aside>header>a>svg {
+  fill: white;
   display: inline;
   vertical-align: sub;
   margin-right: 1em;
 }
 
-body > aside > header > h1 { display: inline }
-body > aside > header a {
+body>aside>header>h1 {
+  display: inline
+}
+
+body>aside>header a {
   color: white;
   text-decoration: none;
 }
 
-body > aside > header > nav ul { 
+body>aside>header>nav ul {
   list-style-type: none;
   padding-left: 1em;
 }
-body > aside > header > nav > ul { padding-left: 0px }
-body > aside > header > nav a:hover { text-decoration: underline }
-body > aside > header > nav .selected { font-weight: bold }
-body > aside > header > nav .selected::before { content: "» " }
 
-body > main {
+body>aside>header>nav>ul {
+  padding-left: 0px
+}
+
+body>aside>header>nav a:hover {
+  text-decoration: underline
+}
+
+body>aside>header>nav .selected {
+  font-weight: bold
+}
+
+body>aside>header>nav .selected::before {
+  content: "» "
+}
+
+body>main {
   padding: 1.5rem;
   max-width: 1200px;
 }
@@ -86,46 +118,99 @@ body > main {
  * TEXT CORE (think markdown)
  */
 
-h1 { font-size: 2.5rem }
-h2 { font-size: 2.0rem }
-h3 { font-size: 1.75rem }
-h4 { font-size: 1.50rem }
-h5 { font-size: 1.25rem }
-h6 { font-size: 1.10rem }
-h1, h2, h3, h4, h5, h6 { margin-bottom: 1rem }
-section, p, ul, ol, table, pre { margin-bottom: 1rem }
-ul, ol { padding-left: 1.5em }
-a { color:  rgb(12,144,110)}
-table { border-collapse: collapse }
-th { background-color: #fafafa }
-td, th { 
+h1 {
+  font-size: 2.5rem
+}
+
+h2 {
+  font-size: 2.0rem
+}
+
+h3 {
+  font-size: 1.75rem
+}
+
+h4 {
+  font-size: 1.50rem
+}
+
+h5 {
+  font-size: 1.25rem
+}
+
+h6 {
+  font-size: 1.10rem
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  margin-bottom: 1rem
+}
+
+section,
+p,
+ul,
+ol,
+table,
+pre {
+  margin-bottom: 1rem
+}
+
+ul,
+ol {
+  padding-left: 1.5em
+}
+
+a {
+  color: rgb(12, 144, 110)
+}
+
+table {
+  border-collapse: collapse
+}
+
+th {
+  background-color: #fafafa
+}
+
+td,
+th {
   border: 1px solid #ddd;
   padding: 0.3rem 0.5rem;
 }
+
 pre {
   background-color: #1e1e1e;
   padding: 1rem;
   overflow-x: auto;
 }
+
 code {
   font-family: Monospace;
   background-color: #1e1e1e;
   color: #fff;
   padding: 0.25rem 0.4rem;
 }
-img { 
+
+img {
   border-radius: 0.5rem;
-  box-shadow: 0px 0px 30px rgba(31,38,103,0.2); 
+  box-shadow: 0px 0px 30px rgba(31, 38, 103, 0.2);
   margin: 0.5rem;
 }
+
 img.simple {
   border-radius: 0px;
   box-shadow: none;
   margin: 0px;
 }
+
 strong {
-	background-color: rgb(12, 144, 110);
-	color: #fff;
+  background-color: rgb(12, 144, 110);
+  color: #fff;
   padding: 0.20rem 0.4rem;
 }
 
@@ -134,18 +219,25 @@ strong {
  */
 
 /* float */
-.left { float: left }
-.right { float: right }
-section::after, p::after { 
+.left {
+  float: left
+}
+
+.right {
+  float: right
+}
+
+section::after,
+p::after {
   clear: both;
   display: block;
   content: "";
 }
 
 /* center */
-.center { 
-  margin-left: auto; 
-  margin-right: auto; 
+.center {
+  margin-left: auto;
+  margin-right: auto;
   text-align: center;
 }
 
@@ -180,7 +272,7 @@ input {
   border: 1px solid #ddd;
   border-radius: 0.5rem;
   width: 250px;
-  text-align:center;
+  text-align: center;
   margin: 1em 1em 0em 0em;
   display: block;
 }
@@ -190,7 +282,18 @@ input {
   color: #fff;
 }
 
+.callout {
+  font-size: 1.2rem;
+  text-align: center;
+  position: relative;
+  margin: 2rem 0;
+  padding: 1rem;
+  border: 1px solid rgba(10, 10, 10, 0.25);
+  border-radius: .2rem;
+  background-color: #cbf0e6;
+}
+
 .frame {
   border-left: 1rem solid #ddd;
   padding-left: 1rem;
-}
+}
\ No newline at end of file
diff --git a/src/index.pug b/src/index.pug
index c809bd8..1ec4d12 100644
--- a/src/index.pug
+++ b/src/index.pug
@@ -7,6 +7,8 @@ block content
   section
     img(style="width: 100%; margin:-0.5rem;", src="/img/flower.png")
 
+  section 
+    div.callout La seconde Assemblée Générale de Deuxfleurs se tiendra virtuellement le <b>dimanche 7 février 2021 à 16h</b> sur Jitsi. <br> <b><a href="/Association/AG%202021.html">⇨ En savoir plus ⇦</a></b>
   section
     h2 # nos services
     section