diff --git a/scripts/generate.sh b/scripts/generate.sh index adc54e0..061d064 100644 --- a/scripts/generate.sh +++ b/scripts/generate.sh @@ -2,6 +2,7 @@ pip3 install -r requirements.txt # idees +cp ./site/data/idees.sample.json ./site/data/idees.json # chat python3 ./script/generate_chat_info.py diff --git a/site/crapaud-fou.css b/site/crapaud-fou.css index 7941c7d..85c51cb 100644 --- a/site/crapaud-fou.css +++ b/site/crapaud-fou.css @@ -1,11 +1,57 @@ +.header { + background-color: #28a745; + padding-left: 5em; + font-size: .9em; +} +.header img { + position: absolute; + top: .1em; + left: .1em; +} +.entete { + background-color: rgb(36, 33, 32); + color: rgb(240, 233, 233); +} +.entete a, .footer a { + color: rgb(49, 167, 96); +} +.entete a:hover, .footer a:hover { + color: rgb(135, 243, 178); +} +.footer { + background-color: rgb(36, 33, 32); + color: rgb(240, 233, 233); +} a { - color: #496; + color: rgb(59, 129, 87); } a:hover { - color: #162; + color: rgb(31, 73, 48); +} +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; + border: 1px solid rgb(36, 33, 32); box-shadow: -3px 3px 10px 2px #aaa; } .card-title { 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 1a11fb6..9d53dc0 100644 --- a/site/index.html +++ b/site/index.html @@ -21,11 +21,11 @@ - + - + @@ -34,193 +34,222 @@ +
    + +
    +
    +
    + La mare des crapauds fous est un lieu de rencontre et de collaboration sur des sujets divers comme: écologie réelle, neurodiversité, éducation alternative, dégafamisation, logiciel libre, végétalisation urbaine, intelligence collective, parentalité responsable, monnaies libres, gouvernances partagées, open hardware, lutte contre l'obsolecense, permaculture, santé raisonnée, inclusion sociale, et beaucoup d'autres sujets. +
    +
    +
    +
    + +
    + +
    +
    - -
    -
    -
    -
    -

    Les crapauds fous

    -

    Face aux dangers qui pèsent sur notre avenir, un grain de folie peut nous sortir de la depression. -

    - -
    -
    -
    -
    Le manifeste des crapauds fous
    -

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

    -

    -

    + +
    +
    +
    +
    + -

    -
    - -
    -
    - -
    -
    -
    -
    - - -
    -
    -
    Depuis novembre 2017
    -
    -
    0 crapauds
    -
    0 idées
    -
    0 commentaires
    +
    +
    +
    Depuis novembre 2017
    +
    +
    0 crapauds
    +
    0 idées
    +
    0 commentaires
    +
    +
    +
    +
    Sur les 30 derniers jours
    +
    +
    0 crapauds actifs
    +
    0 nouvelles idées
    +
    0 commentaires
    +
    -
    -
    Sur les 30 derniers jours
    -
    -
    0 crapauds actifs
    -
    0 nouvelles idées
    -
    0 commentaires
    -
    -
    -
    -
    -
    Les dernières idées ajoutées
    -
    -
    - -
    -
    -
    -
    -
    -
    -
    - -
    -
    -
    Depuis novembre 2017
    -
    -
    0 crapauds
    -
    0 canaux
    -
    0 messages
    +
    Les dernières idées ajoutées
    +
    +
      +
    -
    -
    Sur les 30 derniers jours
    -
    -
    0 crapauds actifs
    -
    0 canaux actifs
    -
    0 nouveaux messages
    -
    -
    -
    -
    -
    Les canaux les plus actifs sur 30 jours
    +
    -
      -
    +
    -
    - +
    +
    + +
    +
    +
    + +
    +
    +
    Depuis novembre 2017
    +
    +
    0 crapauds
    +
    0 canaux
    +
    0 messages
    +
    +
    +
    +
    Sur les 30 derniers jours
    +
    +
    0 crapauds actifs
    +
    0 canaux actifs
    +
    0 nouveaux messages
    +
    +
    +
    +
    +
    Les canaux les plus actifs sur 30 jours
    +
    +
      +
    +
    +
    +
    + +
    +
    +
    +
    + +
    +
    +
    + +
    +
    +
    Depuis mars 2018
    +
    +
    0 crapauds
    +
    0 pages
    +
    0 photos
    +
    +
    +
    +
    Sur les 30 derniers jours
    +
    +
    0 crapauds actifs
    +
    0 pages modifiées
    +
    0 nouvelles photos
    +
    +
    +
    +
    +
    Les dernières pages modifiées
    + +
    +
    + +
    +
    - -
    -
    -
    - -
    -
    -
    Depuis mars 2018
    -
    -
    0 crapauds
    -
    0 pages
    -
    0 photos
    -
    -
    -
    -
    Sur les 30 derniers jours
    -
    -
    0 crapauds actifs
    -
    0 pages modifiées
    -
    0 nouvelles photos
    -
    -
    -
    -
    -
    Les dernières pages modifiées
    - -
    -
    - -
    +
    +
    +
    +
    + ... +

    Les Cohortes de crapauds fous

    +

    Quand on ne suit pas le troupeau, on peut parffois se sentir un peu seul. Les cohortes sont des groupes locaux qui se rencontrent de temps en temps pour échanger, en dehors de l'internet.

    +

    Suivez leur activité sur la page wiki des cohortes.

    +

    Chaque cohorte a aussi en général un canal dedié dans le chat. Regardez un peu sur la framacarte des crapauds fous peut-etre qu'il y a du monde pas loin de chez vous.

    +
    +
    +

    Rencontres et evenements

    +

    +
    +
    +

    Cratube

    +
    -
    - -