Switched to terre.jpg candle, removed 'babillons'

public/contact/config.php.dist

@@ -0,0 +1,11 @@
+<?php
+$smtp_host = "mail.gandi.net";
+$smtp_username = "adresse@example.com";
+$smtp_password = "p@ssw0rd";
+$smtp_from = "contact@cotcot.org";
+$smtp_addresses = array();
+$smtp_addresses[0] = array(
+    "email"=>"contact@cotcot.org",
+    "user"=>"webmaster"
+);
+?>

public/contact/index.php

@@ -34,7 +34,7 @@ try {
     <section>
         <div class="container flip reduced"></div>
         <div class="container contact">
-            <h2>Babillons ensemble !</h2>
+            <h2>Caquetons ensemble !</h2>
             <?php
             if (isset($_SESSION['msg']) && $_SESSION['msg'] != "")
             {
@@ -55,7 +55,7 @@ try {
                 <input type="url" name="website" id="website" placeholder="https://cocottes-minutes.fr">
                 <label for="subject">Sujet*</label>
                 <input type="text" name="subject" id="subject" placeholder="Cot cot ?" required>
-                <label for="message">Votre babillage*</label>
+                <label for="message">Votre message*</label>
                 <textarea name="message" id="message" cols="30" rows="10" placeholder="Cot cot cot..." required></textarea>
                 <input type="submit" name="submit" value="<?=$say?>">
             </form>

public/index.php

@@ -24,16 +24,32 @@ $root = $_SERVER['DOCUMENT_ROOT'];
         <main>
             <div class="container flip"></div>
             <div class="container flip">
-                <p>
-                    Association étudiante de l'Université d'Évry val d'Esonne,
-                    <strong>Les Cocottes Minutes</strong> a pour objectif d'initier
-                    et promouvoir des actions dans le domaine de l'écologie
-                    au coeur de l'université, et plus généralement dans la ville d'Évry - Courcouronnes.
-                </p>
+                <div class="container row">
+                    <div class="center">
+                        <img id="logo" src="/media/pictures/logo.png" alt="Cot cot ?">
+                    </div>
+                    <div>
+                        <p>
+                            Association étudiante de l'Université d'Évry val d'Esonne,
+                            <strong>Les Cocottes Minutes</strong> a pour objectif d'initier
+                            et promouvoir des actions dans le domaine de l'écologie
+                            au coeur de l'université, et plus généralement dans la ville d'Évry - Courcouronnes.
+                        </p>
+                    </div>
+                </div>
             </div>
             <div class="container flip"></div>
             <div class="container flip">
-                <div class="center"><a href="/join"><button class="big-button">Adhérer</button></a></div>
+                <div class="container row">
+                    <div>
+                        <p>
+                            Envie de t'impliquer au niveau local à l'université d'Évry ?
+                            Étudiant ou citoyen lambda sensibilisé à l'écologie ?
+                            N'attend plus, rejoint les cocottes !
+                        </p>
+                    </div>
+                    <div class="center"><a href="/join"><button class="big-button">Adhérer</button></a></div>
+                </div>
             </div>
             <div class="container flip"></div>
             <div class="container flip">

public/networks.php

@@ -3,7 +3,7 @@
         <i class="fab fa-facebook-square"></i>
     </a><a href="//www.instagram.com/lescocottes.evry/">
         <i class="fab fa-instagram-square"></i>
-    </a><a href="">
+    </a><a rel="me" href="https://pouet.chapril.org/@cotcot">
         <i class="fab fa-mastodon"></i>
     </a><a href="//mobilizon.chapril.org/@cocottes">
         <img src="/media/networks/mobilizon.png" alt="mobilizon">

public/styles/style.css

@@ -34,19 +34,20 @@ section {
 
 body {
     background-color: black;
-    background-image: url("/media/pictures/earth-resized.jpg");
+    background-image: url("/media/pictures/terre.jpg");
     background-repeat: no-repeat;
     background-attachment: fixed;
     background-position: 50%;
 }
 
 div.container.flip {
-    height: 20em;
+    min-height: 20em;
 }
 
 div.container {
     background-color: white;
     padding: 2em;
+    min-height: max-content;
 }
 
 div.container.flip:nth-child(even) {
@@ -121,4 +122,26 @@ img.full-height {
     max-height: none;
     height: 4em;
     border-radius: 0;
+}
+
+.row {
+    display: flex;
+    flex-direction: row;
+}
+
+div.container.row>div {
+    flex: 0 0 50%;
+}
+
+
+div.container div p,
+div.container div button,
+div.container div img#logo {
+    position: relative;
+    height: fit-content;
+    margin-top: 20%;
+}
+
+div.container img#logo {
+    border-radius: 1em;
 }