diff --git a/scripts/generate.sh b/scripts/generate.sh index d6d21a3..12d0ccc 100644 --- a/scripts/generate.sh +++ b/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 diff --git a/site/crapaud-fou.css b/site/crapaud-fou.css index 63a15f7..76e43da 100644 --- a/site/crapaud-fou.css +++ b/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; diff --git a/site/crapaud-fou.js b/site/crapaud-fou.js index 3b392fe..1edb77e 100644 --- a/site/crapaud-fou.js +++ b/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 = $("
  • ").append(link); $(".chat ul").append(li); }); - console.log(data); }); - $(".chat").click(function(e) { - console.log(e.currentTarget); - // window.location = "https://coa.crapaud-fou.org"; + // idees + $.getJSON("data/idees.json", function(data) { + $(".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 = $("") + .attr("href", "https://idees.crapaud-fou.org/" + index) + .attr("class", "list-item") + .text(idee); + var li = $("
  • ").append(link); + $(".idees ul").append(li); + }); }); - $(".chat button").click(function(e) { - e.preventDefault(); - }); - + }); \ No newline at end of file diff --git a/site/data/idees.json b/site/data/idees.json new file mode 100644 index 0000000..eab26bf --- /dev/null +++ b/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 + } +} \ No newline at end of file diff --git a/site/data/idees.sample.json b/site/data/idees.sample.json new file mode 100644 index 0000000..eab26bf --- /dev/null +++ b/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 + } +} \ No newline at end of file diff --git a/site/index.html b/site/index.html index 34d7567..9d53dc0 100644 --- a/site/index.html +++ b/site/index.html @@ -21,11 +21,11 @@ - + - + @@ -52,9 +52,10 @@

    Les crapauds fous

    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).

    -

    En mai 2017, une trentaine de personnes se reunissent aux Treilles et donnent naissance au manifeste des Crapauds Fous.

    +

    En avril 2017, une trentaine de personnes se reunissent aux Treilles et donnent naissance au manifeste des Crapauds Fous.

    +