add idees data
This commit is contained in:
parent
7b2474569a
commit
80a539dff1
6 changed files with 102 additions and 22 deletions
|
@ -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
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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) {
|
||||
console.log(e.currentTarget);
|
||||
// window.location = "https://coa.crapaud-fou.org";
|
||||
});
|
||||
$(".chat button").click(function(e) {
|
||||
e.preventDefault();
|
||||
// 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 = $("<a>")
|
||||
.attr("href", "https://idees.crapaud-fou.org/" + index)
|
||||
.attr("class", "list-item")
|
||||
.text(idee);
|
||||
var li = $("<li>").append(link);
|
||||
$(".idees ul").append(li);
|
||||
});
|
||||
});
|
||||
|
||||
});
|
26
site/data/idees.json
Normal file
26
site/data/idees.json
Normal file
|
@ -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
|
||||
}
|
||||
}
|
26
site/data/idees.sample.json
Normal file
26
site/data/idees.sample.json
Normal file
|
@ -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
|
||||
}
|
||||
}
|
|
@ -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> </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>
|
||||
|
|
Loading…
Reference in a new issue