add copyright notices

site/crapaud-fou.css

@@ -132,3 +132,17 @@ li {
 .illus img {
   max-width: 100%;
 }
+.copyright {
+  color: #666;
+  font-size: .8em;
+}
+.copyright:hover {
+  color: #fff;
+}
+.tisseurs {
+  margin-right: -24px;
+}
+.tisseurs a {
+  font-size: .8em;
+  color: #666;
+}

site/index.html

@@ -214,7 +214,7 @@
         <div class="card">
           <img src="images/cohortes.jpg" class="card-img-top" alt="">
           <div class="card-body  pb-0">
-            <h4>Cohortes de crapauds fous</h4>
+            <h5 class="card-title text-center">Cohortes de crapauds fous</h5>
             <p>Les cohortes de crapauds sont des regroupements locaux, pour se voir dans la vraie vie.</p>
             <p>Suivez leur activité sur la <a href="https://wiki.crapaud-fou.org/Cohortes">page wiki des cohortes</a> ou rejoignez-les sur leurs canaux de discussion:</p>
             <p class="cohortes">
@@ -229,7 +229,7 @@
         <div class="card">
           <img src="images/rencontres.jpg" class="card-img-top" alt="Rencontre des Treilles, avril 2017">
           <div class="card-body">
-            <h4>Rencontres et évènements</h4>
+            <h5 class="card-title text-center">Rencontres et évènements</h5>
             <p>Les crapauds participent parfois à des évènements, des rencontres ou des conférences.</p>
             <div><a href="https://wiki.crapaud-fou.org/agenda" class="badge badge-success btn-block">Rencontres à venir</a></div>
             <div class="avenir">
@@ -452,10 +452,25 @@
               contact a crapaud-fou.org
             </div>
             <div class="col-12 col-md-3 text-right">
+              <div>
                 <a href="https://gitlab.com/crapaud-fou/portail">Fait avec les doigts</a>
               </div>
             </div>
           </div>
+          <div class="row pt-4 mt-4 mb-4 notices">
+            <div class="col copyright pt-1">
+              Conçu, codé et illustré par mose,<br>avec l'aide de Trenty et plein d'autres crapauds fous.<br>
+              <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/"><img alt="Licence Creative Commons" style="border-width:0" src="images/cc-by-nc-sa.png" class="mr-2"/></a><br>
+              Ce site web et les illustrations qu'il contient sont mis à disposition<br>
+              selon les termes de la <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/">Licence Creative Commons by-nc-sa 4.0</a>.<br>
+            </div>
+            <div class="col-12 col-md-3 text-right">
+              <div class="tisseurs">
+                <a href="https://tisseurs.org"><img src="images/tisseurs.png" class="float-right pt-1 ml-1" width="18" /> un site de bas tisseurs </a>
+              </div>
+            </div>
+          </div>
+        </div>
       </div>
     </div>
   </div>