premier jet
This commit is contained in:
mose
commit
229aa63d69
9 changed files with 979 additions and 0 deletions
3
.gitignore
vendored
Normal file
3
.gitignore
vendored
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
site/data/*.json
|
||||
!site/data/*.sample.json
|
||||
config
|
||||
4
README.md
Normal file
4
README.md
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
La page d'accueil de la mare des crapauds fous
|
||||
===============================================
|
||||
|
||||
Ceci est la page d'atterrissage du site des crapauds fous.
|
||||
41
site/crapaud-fou.css
Normal file
41
site/crapaud-fou.css
Normal file
|
|
@ -0,0 +1,41 @@
|
|||
a {
|
||||
color: #496;
|
||||
}
|
||||
a:hover {
|
||||
color: #162;
|
||||
}
|
||||
.card:hover {
|
||||
border: 1px solid #333;
|
||||
box-shadow: -3px 3px 10px 2px #aaa;
|
||||
}
|
||||
.card-title {
|
||||
font-weight: bold;
|
||||
}
|
||||
.link {
|
||||
position: relative;
|
||||
}
|
||||
.link a {
|
||||
transition: .5s;
|
||||
}
|
||||
.link:hover a {
|
||||
padding-right: 2.4em;
|
||||
padding-left: 2.4em;
|
||||
margin-right: -2em;
|
||||
border-radius: 1em;
|
||||
}
|
||||
.nombre {
|
||||
font-weight: 800;
|
||||
color: #000;
|
||||
}
|
||||
.stats {
|
||||
font-size: .9em;
|
||||
color: #666;
|
||||
background-color: #eee;
|
||||
margin: 0 -.3em;
|
||||
padding: .5em 1.5em;
|
||||
border-top: 1px solid #ccc;
|
||||
}
|
||||
.stats-title {
|
||||
border-bottom: 1px dotted #aaa;
|
||||
color: #333;
|
||||
}
|
||||
29
site/crapaud-fou.js
Normal file
29
site/crapaud-fou.js
Normal file
|
|
@ -0,0 +1,29 @@
|
|||
$(document).ready(function() {
|
||||
$.getJSON("data/chat.json", function(data) {
|
||||
$(".chat .total .crapauds").text(data.crapauds.total);
|
||||
$(".chat .total .canaux").text(data.canaux.total);
|
||||
$(".chat .total .messages").text(data.messages.total);
|
||||
$(".chat .recent .crapauds").text(data.crapauds.recent);
|
||||
$(".chat .recent .canaux").text(data.canaux.recent);
|
||||
$(".chat .recent .messages").text(data.messages.recent);
|
||||
$(".chat ul").text("");
|
||||
$.each(data.canaux.liste, function(i, canal) {
|
||||
var link = $("<a>")
|
||||
.attr("href", "https://coa.crapaud-fou.org/channel/" + canal)
|
||||
.attr("class", "list-item")
|
||||
.text(canal);
|
||||
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();
|
||||
});
|
||||
|
||||
});
|
||||
18
site/data/chat.sample.json
Normal file
18
site/data/chat.sample.json
Normal file
|
|
@ -0,0 +1,18 @@
|
|||
{
|
||||
"crapauds": {
|
||||
"total": 2300,
|
||||
"recent": 200
|
||||
},
|
||||
"canaux": {
|
||||
"total": 183,
|
||||
"recent": 23,
|
||||
"liste": [
|
||||
"general",
|
||||
"accueil"
|
||||
]
|
||||
},
|
||||
"messages": {
|
||||
"total": 23400,
|
||||
"recent": 892
|
||||
}
|
||||
}
|
||||
BIN
site/images/crapaud_fou_sourire.jpg
Normal file
BIN
site/images/crapaud_fou_sourire.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 127 KiB |
366
site/images/crapovecto.svg
Normal file
366
site/images/crapovecto.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 39 KiB |
288
site/images/crapovecto_small.svg
Normal file
288
site/images/crapovecto_small.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 88 KiB |
230
site/index.html
Normal file
230
site/index.html
Normal file
|
|
@ -0,0 +1,230 @@
|
|||
<!doctype html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
|
||||
<title>Les Crapauds fous</title>
|
||||
<meta name="description" content="La Fable Moderne d'un Monde Libre et juste un peu Fou">
|
||||
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<meta name="HandheldFriendly" content="True">
|
||||
|
||||
<meta name="twitter:title" content="Les Crapauds fous">
|
||||
<meta name="twitter:domain" content="crapaud-fou.org">
|
||||
<meta name="twitter:description" content="La Fable Moderne d'un Monde Libre et juste un peu Fou">
|
||||
|
||||
<meta property="og:locale" content="fr_FR">
|
||||
<meta property="og:type" content="article">
|
||||
<meta property="og:title" content="Les Crapauds fous">
|
||||
<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: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="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">
|
||||
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="container-fluid">
|
||||
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<div class="media">
|
||||
<div class="media-body">
|
||||
<h4 class="mt-0">Les crapauds fous</h4>
|
||||
<p>Face aux dangers qui pèsent sur notre avenir, un grain de folie peut nous sortir de la depression.
|
||||
</div>
|
||||
<img src="images/crapovecto_small.svg" height="180"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<h5 class="card-title">Le manifeste des crapauds fous</h5>
|
||||
<p>En mai 2017, une trentaine de personnes se reunissent aux Treilles et donnent naissance au manifeste des Crapauds Fous.</p>
|
||||
<p>
|
||||
<ul>
|
||||
<li><a href="">Le manifeste</a></li>
|
||||
<li><a href="">Compte Rendu</a></li>
|
||||
<li><a href="">Les 3 tsunamis</a></li>
|
||||
<li><a href="">9 cercles de reflexion</a></li>
|
||||
<li><a href="">Le manifeste en librairie</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</p>
|
||||
<div class="col">
|
||||
<iframe width="540" height="315" sandbox="allow-same-origin allow-scripts" src="https://thinkerview.video/videos/embed/5417c4b5-38ce-4e69-bbc7-19335ade44e4" frameborder="0" allowfullscreen></iframe>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<div class="card idees">
|
||||
<div class="card-body">
|
||||
<div class="link">
|
||||
<h5 class="card-title">
|
||||
<a href="https://idees.crapaud-fou.org" class="badge badge-success float-right stretched-link">https://idees.crapaud-fou.org</a>
|
||||
Avoir des idées
|
||||
</h5>
|
||||
<p>Les idées folles ne sont que des rêves tant qu'on ne les explique pas. Notre boite à idées part du principe qu'il n'y a pas d'idée stupide.</p>
|
||||
</div>
|
||||
|
||||
<div class="row mb-3">
|
||||
<div class="col stats">
|
||||
<div class="stats-title">Depuis novembre 2017</div>
|
||||
<div class="total">
|
||||
<div title="Nombre de comptes ouverts"><span class="nombre crapauds">0</span> crapauds</div>
|
||||
<div title="Nombre d'idées proposées"><span class="nombre idees">0</span> idées</div>
|
||||
<div title="Nombre de commentaires sur les idées proposées"><span class="nombre commentaires">0</span> commentaires</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col stats">
|
||||
<div class="stats-title">Sur les 30 derniers jours</div>
|
||||
<div class="recent">
|
||||
<div title="Nombre d'utilisateurs s'étant connecté au moins une fois"><span class="nombre crapauds">0</span> crapauds actifs</div>
|
||||
<div title="Nombre d'idées récentes"><span class="nombre idees">0</span> nouvelles idées</div>
|
||||
<div title="Nombre de nouveaux commentaires"><span class="nombre commentaires">0</span> nouveaux commentaires</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="card chat">
|
||||
<div class="card-body">
|
||||
<div class="link">
|
||||
<h5 class="card-title">
|
||||
<a href="https://coa.crapaud-fou.org" class="badge badge-success float-right stretched-link">https://coa.crapaud-fou.org</a>
|
||||
... en discuter ...
|
||||
</h5>
|
||||
<p>Cette espace de discussion en temps réel est un vrai espace social, pour débattre et partager. C'est là qu'on trouve la force du lien avec les autres crapauds.</p>
|
||||
</div>
|
||||
<div class="row mb-3">
|
||||
<div class="col stats">
|
||||
<div class="stats-title">Depuis novembre 2017</div>
|
||||
<div class="total">
|
||||
<div><span class="nombre crapauds">0</span> crapauds</div>
|
||||
<div><span class="nombre canaux">0</span> canaux</div>
|
||||
<div><span class="nombre messages">0</span> messages</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col stats">
|
||||
<div class="stats-title">Sur les 30 derniers jours</div>
|
||||
<div class="recent">
|
||||
<div><span class="nombre crapauds">0</span> crapauds actifs</div>
|
||||
<div><span class="nombre canaux">0</span> canaux actifs</div>
|
||||
<div><span class="nombre messages">0</span> nouveaux messages</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div>Les canaux les plus actifs sur 30 jours</div>
|
||||
<div>
|
||||
<ul class="list">
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<button type="button" class="btn btn-outline-primary btn-outline btn-block" data-toggle="modal" data-target="#helpchat">Premiers pas dans le Chat</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col">
|
||||
<div class="card wiki">
|
||||
<div class="card-body">
|
||||
<div class="link">
|
||||
<h5 class="card-title">
|
||||
<a href="https://wiki.crapaud-fou.org" class="badge badge-success float-right stretched-link">https://wiki.crapaud-fou.org</a>
|
||||
... et partager!
|
||||
</h5>
|
||||
<p>Le site collaboratif qui permet de publier des textes et projets crapaud fou.</p>
|
||||
</div>
|
||||
<p>
|
||||
<div>Depuis mars 2018</div>
|
||||
<div>
|
||||
<span class="nombre">0</span> crapauds
|
||||
<span class="nombre">0</span> pages
|
||||
<span class="nombre">0</span> photos
|
||||
</div>
|
||||
</p>
|
||||
<p>
|
||||
<div>Sur les 30 derniers jours</div>
|
||||
<div>
|
||||
<span class="nombre">0</span> crapauds actifs
|
||||
<span class="nombre">0</span> pages modifiées
|
||||
<span class="nombre">0</span> nouvelles photos
|
||||
</div>
|
||||
</p>
|
||||
<p>
|
||||
<div>Les dernières pages modifié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>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="modal fade" id="helpchat" tabindex="-1" role="dialog">
|
||||
<div class="modal-dialog" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title">Premiers pas dans le Chat</h5>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script
|
||||
src="https://code.jquery.com/jquery-3.4.1.min.js"
|
||||
integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
|
||||
crossorigin="anonymous"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
|
||||
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
|
||||
<script src="crapaud-fou.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in a new issue