add idees data

scripts/generate.sh

@@ -1,6 +1,7 @@
 #!/bin/sh
 
 # idees
+cp ./site/data/idees.sample.json ./site/data/idees.json
 
 # chat
 cp ./site/data/chat.sample.json ./site/data/chat.json

site/crapaud-fou.css

@@ -12,6 +12,9 @@
   background-color: #333;
   color: #fff;
 }
+.entete a:hover {
+  color: #8ca;
+}
 .footer {
   background-color: #333;
   color: #fff;
@@ -22,6 +25,28 @@ a {
 a:hover {
   color: #162;
 }
+ul {
+  list-style-position: inside;
+  padding-left: 0px;
+}
+li {
+  padding-left: 0;
+  white-space: nowrap; 
+  overflow: hidden;
+  text-overflow: ellipsis;
+  list-style-type: square;
+}
+.card li:hover {
+  overflow: visible;
+  text-overflow: initial;
+  position: relative;
+  z-index: 99;
+  width: 100%;
+}
+.card li:hover a {
+  background-color: #fff;
+  padding-right: 1em;
+}
 .card:hover {
   border: 1px solid #333;
   box-shadow: -3px 3px 10px 2px #aaa;

site/crapaud-fou.js

@@ -1,4 +1,5 @@
 $(document).ready(function() {
+  // chat
   $.getJSON("data/chat.json", function(data) {
     $(".chat .total .crapauds").text(data.crapauds.total);
     $(".chat .total .canaux").text(data.canaux.total);
@@ -15,15 +16,25 @@ $(document).ready(function() {
       var li = $("<li>").append(link);
       $(".chat ul").append(li);
     });
-    console.log(data);
   });
 
-  $(".chat").click(function(e) {
+  // idees
-    console.log(e.currentTarget);
+  $.getJSON("data/idees.json", function(data) {
-    // window.location = "https://coa.crapaud-fou.org";
+    $(".idees .total .crapauds").text(data.crapauds.total);
+    $(".idees .total .idees").text(data.idees.total);
+    $(".idees .total .commentaires").text(data.commentaires.total);
+    $(".idees .recent .crapauds").text(data.crapauds.recent);
+    $(".idees .recent .idees").text(data.idees.recent);
+    $(".idees .recent .commentaires").text(data.commentaires.recent);
+    $(".idees ul").text("");
+    $.each(data.idees.liste, function(index, idee) {
+      var link = $("<a>")
+        .attr("href", "https://idees.crapaud-fou.org/" + index)
+        .attr("class", "list-item")
+        .text(idee);
+      var li = $("<li>").append(link);
+      $(".idees ul").append(li);
+    });
   });
-  $(".chat button").click(function(e) {
+
-    e.preventDefault();
-  });
-  
 });

site/data/idees.json

@@ -0,0 +1,26 @@
+{
+  "crapauds": {
+    "total": 457,
+    "recent": 23
+  },
+  "idees": {
+    "total": 182,
+    "recent": 5,
+    "liste": {
+      "1674": "Démarrer un système (en partie) non monétaire, simultanément et par dizaine de milliers",
+      "1671": "Blueforest - une force commune pour la prise de conscience écologique.",
+      "1620": "Construire la Civilisation Humanité",
+      "1597": "Embarquer, organiser et coordonner un collectif de Paumé.e.s près à basculer pour le changement !",
+      "1573": "... et si on explorait une MACHINE DE VOTE MECANIQUE d'abord - recherche ingés mécanique-robotique",
+      "1567": "Site contre les violences gynecologiques et ou médicales",
+      "1564": "La Bascule - lobby citoyen",
+      "1559": "Informer et stimuler la réflexion",
+      "1538": "Textes à \"méditer\"",
+      "1524": "Protéger un maximun d'écosystèmes et de biodiversité sur le territoire français de façon pérenne"
+    }
+  },
+  "commentaires": {
+    "total": 566,
+    "recent": 12
+  }
+}

site/data/idees.sample.json

@@ -0,0 +1,26 @@
+{
+  "crapauds": {
+    "total": 457,
+    "recent": 23
+  },
+  "idees": {
+    "total": 182,
+    "recent": 5,
+    "liste": {
+      "1674": "Démarrer un système (en partie) non monétaire, simultanément et par dizaine de milliers",
+      "1671": "Blueforest - une force commune pour la prise de conscience écologique.",
+      "1620": "Construire la Civilisation Humanité",
+      "1597": "Embarquer, organiser et coordonner un collectif de Paumé.e.s près à basculer pour le changement !",
+      "1573": "... et si on explorait une MACHINE DE VOTE MECANIQUE d'abord - recherche ingés mécanique-robotique",
+      "1567": "Site contre les violences gynecologiques et ou médicales",
+      "1564": "La Bascule - lobby citoyen",
+      "1559": "Informer et stimuler la réflexion",
+      "1538": "Textes à \"méditer\"",
+      "1524": "Protéger un maximun d'écosystèmes et de biodiversité sur le territoire français de façon pérenne"
+    }
+  },
+  "commentaires": {
+    "total": 566,
+    "recent": 12
+  }
+}

site/index.html

@@ -21,11 +21,11 @@
   <meta property="og:description" content="La Fable Moderne d'un Monde Libre et juste un peu Fou">
   <meta property="og:url" content="https://crapaud-fou.org/index.html">
   <meta property="og:site_name" content="Les Crapauds Fous">
-  <meta property="og:image" content="https://crapaud-fou.org/images/crapaud_fou_sourire.jpg">
+  <meta property="og:image" content="images/crapaud_fou_sourire.jpg">
   <meta property="og:video" content="https://www.youtube.com/embed/ZV4zuepujSc">
 
   <link rel="canonical" href="https://crapaud-fou.org/">
-  <link rel="shortcut icon" href="https://crapaud-fou.org/images/crapovecto_small.svg">
+  <link rel="shortcut icon" href="images/crapovecto_small.svg">
 
   <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
   <link rel="stylesheet" href="crapaud-fou.css" type="text/css">
@@ -52,9 +52,10 @@
         <div class="col">
           <h2 class="card-title mt-0">Les crapauds fous</h4>
           <p>Face aux dangers qui pèsent sur notre avenir, seul un grain de folie peut nous sortir de l'ornière (et de la déprime passive).</p>
-          <p>En mai 2017, une trentaine de personnes se reunissent aux Treilles et donnent naissance au manifeste des Crapauds Fous.</p>
+          <p>En avril 2017, une trentaine de personnes se reunissent aux Treilles et donnent naissance au manifeste des Crapauds Fous.</p>
         </div>
         <div class="col">
+          <h2>&nbsp;</h2>
           <ul>
             <li><a href="">Le manifeste</a></li>
             <li><a href="">Compte Rendu</a></li>
@@ -74,7 +75,7 @@
   <div class="container">
 
     <div class="row">
-      <div class="col">
+      <div class="col-4">
         <div class="card idees">
           <div class="card-body">
             <div class="link">
@@ -107,16 +108,6 @@
               <div>Les dernières idées ajoutées</div>
               <div>
               <ul>
-                <li><a href="">#general</a></li>
-                <li><a href="">#general</a></li>
-                <li><a href="">#general</a></li>
-                <li><a href="">#general</a></li>
-                <li><a href="">#general</a></li>
-                <li><a href="">#general</a></li>
-                <li><a href="">#general</a></li>
-                <li><a href="">#general</a></li>
-                <li><a href="">#general</a></li>
-                <li><a href="">#general</a></li>
               </ul>
               </div>
             </div>