Add last update in footer

This commit is contained in:
Mickael 2019-08-30 21:07:25 +02:00
parent 67dc2b98ea
commit d488019218
6 changed files with 233 additions and 82 deletions

View file

@ -15,3 +15,6 @@ wget -O ./site/data/tube.json https://tube.crapaud-fou.org/feeds/videos.json?sor
# chat # chat
pip3 install -r ./scripts/requirements.txt pip3 install -r ./scripts/requirements.txt
python3 ./scripts/generate_chat_info.py python3 ./scripts/generate_chat_info.py
# global
python3 ./scripts/generate_global_info.py

View file

@ -0,0 +1,24 @@
import os, json
from datetime import datetime
def main():
info = {
"lastupdate": datetime.strftime(datetime.now(), "%d/%m/%Y %X")
}
save(info)
def save(info):
# Récupération du répertoire racine du repo
rootFolder = os.path.join(os.path.dirname(__file__), '..')
# Répertoire pour stocker le fichier de sortie
dataFolder = os.path.join(rootFolder, 'site', 'data')
statsFilePath = os.path.abspath(
os.path.join(dataFolder, 'global.json'))
with open(statsFilePath, "w") as file_write:
json.dump(info, file_write)
if __name__ == "__main__":
main()

View file

@ -146,3 +146,8 @@ li {
font-size: .8em; font-size: .8em;
color: #666; color: #666;
} }
.lastupdate {
color: #666;
font-size: .8em;
}

View file

@ -122,6 +122,10 @@ $(document).ready(function() {
}); });
}); });
// global
$.getJSON("data/global.json", function(data) {
$("#lastupdate").text(data.lastupdate)
});
// hash navigation // hash navigation
var hash = window.location.hash.substr(1); var hash = window.location.hash.substr(1);

1
site/data/global.json Normal file
View file

@ -0,0 +1 @@
{"lastupdate": "30/08/2019 20:48:30"}

View file

@ -1,5 +1,6 @@
<!doctype html> <!doctype html>
<html lang="fr"> <html lang="fr">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
@ -34,7 +35,8 @@
<meta name="msapplication-TileColor" content="#00a300"> <meta name="msapplication-TileColor" content="#00a300">
<meta name="theme-color" content="#ffffff"> <meta name="theme-color" content="#ffffff">
<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="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"> <link rel="stylesheet" href="crapaud-fou.css" type="text/css">
</head> </head>
@ -44,7 +46,10 @@
<div class="row pt-2 pb-2"> <div class="row pt-2 pb-2">
<div class="col-12"> <div class="col-12">
<img src="images/crapovecto_small.svg" height="64" class="float-left" /> <img src="images/crapovecto_small.svg" height="64" class="float-left" />
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. 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.
</div> </div>
</div> </div>
</div> </div>
@ -56,8 +61,10 @@
<div class="col-12 col-md-8 col-lg-4"> <div class="col-12 col-md-8 col-lg-4">
<h2 class="card-title mt-0">Les crapauds fous</h4> <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>Face aux dangers qui pèsent sur notre avenir, seul un grain de folie peut nous sortir de l'ornière (et de
<p>En avril 2017, une trentaine de personnes se reunissent aux Treilles dans le Var et donnent naissance au manifeste des Crapauds Fous.</p> la déprime passive).</p>
<p>En avril 2017, une trentaine de personnes se reunissent aux Treilles dans le Var et donnent naissance au
manifeste des Crapauds Fous.</p>
</div> </div>
<div class="col-12 col-md-4 col-lg-3"> <div class="col-12 col-md-4 col-lg-3">
<h2 class="d-sm-none d-xs-none d-md-block">&nbsp;</h2> <h2 class="d-sm-none d-xs-none d-md-block">&nbsp;</h2>
@ -72,7 +79,9 @@
</div> </div>
<div class="col-12 col-lg-5 align-middle"> <div class="col-12 col-lg-5 align-middle">
<div class="embed-responsive embed-responsive-16by9 over"> <div class="embed-responsive embed-responsive-16by9 over">
<iframe width="420" height="240" sandbox="allow-same-origin allow-scripts" src="https://tube.crapaud-fou.org/videos/embed/5417c4b5-38ce-4e69-bbc7-19335ade44e4" frameborder="0" allowfullscreen></iframe> <iframe width="420" height="240" sandbox="allow-same-origin allow-scripts"
src="https://tube.crapaud-fou.org/videos/embed/5417c4b5-38ce-4e69-bbc7-19335ade44e4" frameborder="0"
allowfullscreen></iframe>
</div> </div>
</div> </div>
</div> </div>
@ -89,9 +98,11 @@
<div class="link"> <div class="link">
<h5 class="card-title text-center"> <h5 class="card-title text-center">
Avoir des idées ...<br> Avoir des idées ...<br>
<a href="https://idees.crapaud-fou.org" class="badge badge-success stretched-link">https://idees.crapaud-fou.org</a> <a href="https://idees.crapaud-fou.org"
class="badge badge-success stretched-link">https://idees.crapaud-fou.org</a>
</h5> </h5>
<p>Les idées folles ne sont que des rêves tant qu'on ne les explique pas. Notre boîte à idées part du principe qu'il n'y a pas d'idée stupide.</p> <p>Les idées folles ne sont que des rêves tant qu'on ne les explique pas. Notre boîte à idées part du
principe qu'il n'y a pas d'idée stupide.</p>
</div> </div>
<div class="row mb-3"> <div class="row mb-3">
@ -100,15 +111,18 @@
<div class="total"> <div class="total">
<div title="Nombre de comptes ouverts"><span class="nombre crapauds">0</span> crapauds</div> <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 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 title="Nombre de commentaires sur les idées proposées"><span class="nombre commentaires">0</span>
commentaires</div>
</div> </div>
</div> </div>
<div class="col stats"> <div class="col stats">
<div class="stats-title">30 derniers jours</div> <div class="stats-title">30 derniers jours</div>
<div class="recent"> <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'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 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> commentaires</div> <div title="Nombre de nouveaux commentaires"><span class="nombre commentaires">0</span> commentaires
</div>
</div> </div>
</div> </div>
</div> </div>
@ -121,7 +135,8 @@
</div> </div>
<div> <div>
<button type="button" class="btn btn-outline-primary btn-outline btn-block" data-toggle="modal" data-target="#helpid">Comment proposer une idée</button> <button type="button" class="btn btn-outline-primary btn-outline btn-block" data-toggle="modal"
data-target="#helpid">Comment proposer une idée</button>
</div> </div>
</div> </div>
</div> </div>
@ -133,9 +148,11 @@
<div class="link"> <div class="link">
<h5 class="card-title text-center"> <h5 class="card-title text-center">
... en discuter ...<br> ... en discuter ...<br>
<a href="https://coa.crapaud-fou.org" class="badge badge-success stretched-link">https://coa.crapaud-fou.org</a> <a href="https://coa.crapaud-fou.org"
class="badge badge-success stretched-link">https://coa.crapaud-fou.org</a>
</h5> </h5>
<p>Cet 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> <p>Cet 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>
<div class="row mb-3"> <div class="row mb-3">
<div class="col stats"> <div class="col stats">
@ -163,7 +180,8 @@
</div> </div>
</div> </div>
<div> <div>
<button type="button" class="btn btn-outline-primary btn-outline btn-block" data-toggle="modal" data-target="#helpchat">Les premiers pas dans le Chat</button> <button type="button" class="btn btn-outline-primary btn-outline btn-block" data-toggle="modal"
data-target="#helpchat">Les premiers pas dans le Chat</button>
</div> </div>
</div> </div>
</div> </div>
@ -175,9 +193,11 @@
<div class="link"> <div class="link">
<h5 class="card-title text-center"> <h5 class="card-title text-center">
... et agir!<br> ... et agir!<br>
<a href="https://wiki.crapaud-fou.org" class="badge badge-success stretched-link">https://wiki.crapaud-fou.org</a> <a href="https://wiki.crapaud-fou.org"
class="badge badge-success stretched-link">https://wiki.crapaud-fou.org</a>
</h5> </h5>
<p>Le wiki permet de formaliser des plans d'action mais aussi et surtout de partager les méthodes pour que tout le monde puisse en profiter.</p> <p>Le wiki permet de formaliser des plans d'action mais aussi et surtout de partager les méthodes pour que
tout le monde puisse en profiter.</p>
</div> </div>
<div class="row mb-3"> <div class="row mb-3">
<div class="col stats"> <div class="col stats">
@ -203,7 +223,8 @@
</ul> </ul>
</div> </div>
<div> <div>
<button type="button" class="btn btn-outline-primary btn-outline btn-block" data-toggle="modal" data-target="#helpwiki">Mode d'emploi du wiki</button> <button type="button" class="btn btn-outline-primary btn-outline btn-block" data-toggle="modal"
data-target="#helpwiki">Mode d'emploi du wiki</button>
</div> </div>
</div> </div>
@ -216,7 +237,8 @@
<div class="card-body pb-0"> <div class="card-body pb-0">
<h5 class="card-title text-center">Cohortes de crapauds fous</h5> <h5 class="card-title text-center">Cohortes de crapauds fous</h5>
<p>Les cohortes de crapauds sont des regroupements locaux, pour se voir dans la vraie vie.</p> <p>Les cohortes de crapauds sont des regroupements locaux, pour se voir dans la vraie vie.</p>
<p>Suivez leur activité sur la <a href="https://wiki.crapaud-fou.org/Cohortes">page wiki des cohortes</a> ou rejoignez-les sur leurs canaux de discussion:</p> <p>Suivez leur activité sur la <a href="https://wiki.crapaud-fou.org/Cohortes">page wiki des cohortes</a> ou
rejoignez-les sur leurs canaux de discussion:</p>
<p class="cohortes"> <p class="cohortes">
</p> </p>
<div class="illus"> <div class="illus">
@ -231,12 +253,14 @@
<div class="card-body"> <div class="card-body">
<h5 class="card-title text-center">Rencontres et évènements</h5> <h5 class="card-title text-center">Rencontres et évènements</h5>
<p>Les crapauds participent parfois à des évènements, des rencontres ou des conférences.</p> <p>Les crapauds participent parfois à des évènements, des rencontres ou des conférences.</p>
<div><a href="https://wiki.crapaud-fou.org/agenda" class="badge badge-success btn-block">Rencontres à venir</a></div> <div><a href="https://wiki.crapaud-fou.org/agenda" class="badge badge-success btn-block">Rencontres à
venir</a></div>
<div class="avenir"> <div class="avenir">
<ul> <ul>
</ul> </ul>
</div> </div>
<div><a href="https://wiki.crapaud-fou.org/agenda" class="badge badge-secondary btn-block">Rencontres passées</a></div> <div><a href="https://wiki.crapaud-fou.org/agenda" class="badge badge-secondary btn-block">Rencontres
passées</a></div>
<div class="passe"> <div class="passe">
<ul> <ul>
</ul> </ul>
@ -247,20 +271,23 @@
<div class="col-12 col-md-6 col-lg-4 mb-4"> <div class="col-12 col-md-6 col-lg-4 mb-4">
<div class="card tube"> <div class="card tube">
<div class="embed-responsive embed-responsive-16by9"> <div class="embed-responsive embed-responsive-16by9">
<iframe class="lastvideo" width="348" height="196" sandbox="allow-same-origin allow-scripts" src="" frameborder="0" allowfullscreen></iframe> <iframe class="lastvideo" width="348" height="196" sandbox="allow-same-origin allow-scripts" src=""
frameborder="0" allowfullscreen></iframe>
</div> </div>
<div class="card-body"> <div class="card-body">
<div class="link"> <div class="link">
<h5 class="card-title text-center"> <h5 class="card-title text-center">
Reportages et videos<br> Reportages et videos<br>
<a href="https://tube.crapaud-fou.org" class="badge badge-success stretched-link">https://tube.crapaud-fou.org</a> <a href="https://tube.crapaud-fou.org"
class="badge badge-success stretched-link">https://tube.crapaud-fou.org</a>
</h5> </h5>
<p>Le serveur peertube des crapauds fous, avec divers reportages et videos, plutôt bruts.</p> <p>Le serveur peertube des crapauds fous, avec divers reportages et videos, plutôt bruts.</p>
</div> </div>
<ul> <ul>
</ul> </ul>
<div> <div>
<button type="button" class="btn btn-outline-primary btn-outline btn-block" data-toggle="modal" data-target="#helptube">A propos de Cratube</button> <button type="button" class="btn btn-outline-primary btn-outline btn-block" data-toggle="modal"
data-target="#helptube">A propos de Cratube</button>
</div> </div>
</div> </div>
@ -279,12 +306,17 @@
</div> </div>
<div class="modal-body"> <div class="modal-body">
<div class="alert alert-warning clearfix"> <div class="alert alert-warning clearfix">
Le <b><a href="https://idees.crapaud-fou.org">forum des idées</a></b> permet de partager des projets, des points de vue, des questions, sans forcément vouloir plonger directement dans la mare et son bouillonement. Le <b><a href="https://idees.crapaud-fou.org">forum des idées</a></b> permet de partager des projets, des
points de vue, des questions, sans forcément vouloir plonger directement dans la mare et son
bouillonement.
</div> </div>
<div class="alert alert-secondary clearfix"> <div class="alert alert-secondary clearfix">
<img src="images/idees-connexion.png" alt="panneau de connexion" class="float-left mr-5"> <img src="images/idees-connexion.png" alt="panneau de connexion" class="float-left mr-5">
<p>Pour poster une nouvelle idée, vous devrez d'abord créer un compte (ce compte est distinct de celui des autres espaces comme le chat ou le wiki). Cliquez sur le bouton "Inscription" dans la boîte de dialogue "Connexion".</p> <p>Pour poster une nouvelle idée, vous devrez d'abord créer un compte (ce compte est distinct de celui des
<p>Vous aurez à fournir un nom, une adresse email (utilisée pour vous envoyer des notifications si votre idée suscite des réactions) et un mot de passe.</p> autres espaces comme le chat ou le wiki). Cliquez sur le bouton "Inscription" dans la boîte de dialogue
"Connexion".</p>
<p>Vous aurez à fournir un nom, une adresse email (utilisée pour vous envoyer des notifications si votre
idée suscite des réactions) et un mot de passe.</p>
</div> </div>
<div class="alert alert-secondary clearfix"> <div class="alert alert-secondary clearfix">
<img src="images/idees-proposer.png" alt="proposer une idee" class="mb-2 w521 embed-responsive"> <img src="images/idees-proposer.png" alt="proposer une idee" class="mb-2 w521 embed-responsive">
@ -294,22 +326,35 @@
<li>une catégorie (optionnellement)</li> <li>une catégorie (optionnellement)</li>
<li>et détaillez l'idée ou la question aussi précisemment que possible.</li> <li>et détaillez l'idée ou la question aussi précisemment que possible.</li>
</ul> </ul>
Il est toujours de bon ton d'ajouter les url des choses que vous citez, si vous incluez des références.<p> Il est toujours de bon ton d'ajouter les url des choses que vous citez, si vous incluez des références.
<p>Dans les mots-clés, le premier mot-clé est supposé être un type: suggestion, action, idee ou information. Vous pouvez ajouter d'autres mots clé mais il est toujours plus efficace de choisir des <a href="https://idees.crapaud-fou.org/tags">mots-clés qui existent deja</a>. A noter que les <a href="https://wiki.crapaud-fou.org/jardiniers">jardiniers</a> pourront être amenés à reclassifier vos mots-clé pour des raisons de consistence avec le reste des questions.</p> <p>
<p>Dans les mots-clés, le premier mot-clé est supposé être un type: suggestion, action, idee ou
information. Vous pouvez ajouter d'autres mots clé mais il est toujours plus efficace de choisir des
<a href="https://idees.crapaud-fou.org/tags">mots-clés qui existent deja</a>. A noter que les <a
href="https://wiki.crapaud-fou.org/jardiniers">jardiniers</a> pourront être amenés à reclassifier
vos mots-clé pour des raisons de consistence avec le reste des questions.</p>
</div> </div>
<div class="alert alert-secondary clearfix"> <div class="alert alert-secondary clearfix">
<img src="images/idees-vote.png" alt="vote sur idees" class="float-left mr-5"> <img src="images/idees-vote.png" alt="vote sur idees" class="float-left mr-5">
<p>Quand vous êtes connecté(e) vous pouvez du coup voter pour ou contre les idées proposées par les autres, mais aussi proposer des réponses ou ajouter des commentaires.</p> <p>Quand vous êtes connecté(e) vous pouvez du coup voter pour ou contre les idées proposées par les
autres, mais aussi proposer des réponses ou ajouter des commentaires.</p>
</div> </div>
<div class="alert alert-light clearfix technique text-monospace"> <div class="alert alert-light clearfix technique text-monospace">
<h5>Note technique</h5> <h5>Note technique</h5>
<p>Le forum des idées utilise le logiciel libre <a href="https://www.question2answer.org/">question2answer</a> qui suit le modèle fonctionnel de ce qu'on peut trouver sur Stack Overflow. Un <a href="https://github.com/crazy-toads/q2a-theme-crazytoad">thème spécifique</a> a été crée pour cet usage.</p> <p>Le forum des idées utilise le logiciel libre <a
<p>Le serveur qui héberge le forum des idées des crapauds fous est situé dans le datacenter parisien de <a href="https://scaleway.com">Scaleway</a>, son financement est pris en charge par mose. L'administration système du serveur est assurée par mose, aidé par les autres <a href="https://wiki.crapaud-fou.org/jardiniers">plombiers</a> Trenty et 12b.</p> href="https://www.question2answer.org/">question2answer</a> qui suit le modèle fonctionnel de ce qu'on
peut trouver sur Stack Overflow. Un <a href="https://github.com/crazy-toads/q2a-theme-crazytoad">thème
spécifique</a> a été crée pour cet usage.</p>
<p>Le serveur qui héberge le forum des idées des crapauds fous est situé dans le datacenter parisien de <a
href="https://scaleway.com">Scaleway</a>, son financement est pris en charge par mose.
L'administration système du serveur est assurée par mose, aidé par les autres <a
href="https://wiki.crapaud-fou.org/jardiniers">plombiers</a> Trenty et 12b.</p>
</div> </div>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
<button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">Fermer</button> <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">Fermer</button>
<a href="https://idees.crapaud-fou.org/" class="btn btn-sm btn-success idees">Aller sur <b>https://idees.crapaud.fou-org</b></a> <a href="https://idees.crapaud-fou.org/" class="btn btn-sm btn-success idees">Aller sur
<b>https://idees.crapaud.fou-org</b></a>
</div> </div>
</div> </div>
</div> </div>
@ -326,37 +371,60 @@
</div> </div>
<div class="modal-body"> <div class="modal-body">
<div class="alert alert-warning clearfix"> <div class="alert alert-warning clearfix">
Le <b><a href="https://coa.crapaud-fou.org">chat</a></b> (comme un tchate, pas comme un minou) est l'espace central de la mare des crapauds fous. On y discute en temps réel de tout et de rien (mais surtout de tout ce qui relève de la folie des crapauds). Le <b><a href="https://coa.crapaud-fou.org">chat</a></b> (comme un tchate, pas comme un minou) est
l'espace central de la mare des crapauds fous. On y discute en temps réel de tout et de rien (mais surtout
de tout ce qui relève de la folie des crapauds).
</div> </div>
<div class="alert alert-secondary clearfix"> <div class="alert alert-secondary clearfix">
<img src="images/chat-inscription.png" alt="trouver la liste des canaux" class="float-left mr-5"> <img src="images/chat-inscription.png" alt="trouver la liste des canaux" class="float-left mr-5">
<p>Pour pouvoir accéder à cet espace de discussion il va falloir, encore une fois, créer un compte. Ce compte est distinct des autres comptes ouverts sur le site des idées et le wiki. Quand votre compte aura été crée vous attérirez dans deux canaux par défaut, #accueil et #general.</p> <p>Pour pouvoir accéder à cet espace de discussion il va falloir, encore une fois, créer un compte. Ce
<p>Comme dans tout espace public, quand vous arrivez, les gens font attention à vous. Il y aura toujours quelqu'un pour vous souhaiter la bienvenue, vous demander d'où vous venez et ce qui vous intéresse. Parlez un peu de vous, c'est un endroit social, et ceux qui sont la depuis longtemps savent peut-être quels canaux correspondent à vos centres d'interêt.</p> compte est distinct des autres comptes ouverts sur le site des idées et le wiki. Quand votre compte aura
été crée vous attérirez dans deux canaux par défaut, #accueil et #general.</p>
<p>Comme dans tout espace public, quand vous arrivez, les gens font attention à vous. Il y aura toujours
quelqu'un pour vous souhaiter la bienvenue, vous demander d'où vous venez et ce qui vous intéresse.
Parlez un peu de vous, c'est un endroit social, et ceux qui sont la depuis longtemps savent peut-être
quels canaux correspondent à vos centres d'interêt.</p>
</div> </div>
<div class="alert alert-secondary clearfix"> <div class="alert alert-secondary clearfix">
<img src="images/chat-canaux.png" alt="trouver la liste des canaux" class="float-left mr-5"> <img src="images/chat-canaux.png" alt="trouver la liste des canaux" class="float-left mr-5">
<p>Les canaux, ce sont comme des zones thématiques, on peut y entrer pour papoter, voir ce qui se disait avant qu'on arrive, partager des infos liées au thème du canal. Pour voir la <a href="https://coa.crapaud-fou.org/directory">liste des canaux disponibles</a>, il y a ce globe en haut à gauche, mais vous pouvez aussi chercher par mot-clé en utilisant la loupe qui est juste à coté.</p> <p>Les canaux, ce sont comme des zones thématiques, on peut y entrer pour papoter, voir ce qui se disait
avant qu'on arrive, partager des infos liées au thème du canal. Pour voir la <a
href="https://coa.crapaud-fou.org/directory">liste des canaux disponibles</a>, il y a ce globe en haut
à gauche, mais vous pouvez aussi chercher par mot-clé en utilisant la loupe qui est juste à coté.</p>
</div> </div>
<div class="alert alert-secondary clearfix"> <div class="alert alert-secondary clearfix">
<img src="images/chat-compte.png" alt="trouver la liste des canaux" class="float-left mr-5"> <img src="images/chat-compte.png" alt="trouver la liste des canaux" class="float-left mr-5">
<img src="images/chat-profil.png" alt="trouver la liste des canaux" class="mb-5"><br> <img src="images/chat-profil.png" alt="trouver la liste des canaux" class="mb-5"><br>
<p>Ça vaut le coup que vous preniez le temps de choisir un avatar, qui vous representera auprès des autres dans les fils de discussion. Pour ce faire, vous pouvez éditer votre compte et changer les choses dans votre profil.</p> <p>Ça vaut le coup que vous preniez le temps de choisir un avatar, qui vous representera auprès des autres
<p>Si vous manquez d'inspiration, regardez un peu alentours les avatars que les autres ont choisi, ça peut aider.</p> dans les fils de discussion. Pour ce faire, vous pouvez éditer votre compte et changer les choses dans
votre profil.</p>
<p>Si vous manquez d'inspiration, regardez un peu alentours les avatars que les autres ont choisi, ça peut
aider.</p>
</div> </div>
<div class="alert alert-secondary clearfix"> <div class="alert alert-secondary clearfix">
<img src="images/chat-install.png" alt="trouver la liste des canaux" class="float-left mr-5"> <img src="images/chat-install.png" alt="trouver la liste des canaux" class="float-left mr-5">
<p>Si vous vous plaisez dans cet espace, vous voudrez peut-être <a href="https://rocket.chat/install">installer l'application RocketChat</a>, sur votre ordi ou sur mobile.</p> <p>Si vous vous plaisez dans cet espace, vous voudrez peut-être <a
<p>Sur mobile, au moment de la connexion, il suffira d'utiliser l'adresse de serveur <tt>https://coa.crapaud-fou.org</tt> et les identifiants que vous avez crées lors de l'ouverture de votre compte.</p> href="https://rocket.chat/install">installer l'application RocketChat</a>, sur votre ordi ou sur
mobile.</p>
<p>Sur mobile, au moment de la connexion, il suffira d'utiliser l'adresse de serveur
<tt>https://coa.crapaud-fou.org</tt> et les identifiants que vous avez crées lors de l'ouverture de
votre compte.</p>
</div> </div>
<div class="alert alert-light clearfix technique text-monospace"> <div class="alert alert-light clearfix technique text-monospace">
<h5>Note technique</h5> <h5>Note technique</h5>
<p>L'espace de discussion (chat) utilise le logiciel libre <a href="https://rocket.chat/">RocketChat</a>. A noter que les mises à jour sont automatiques (par le biais de snap), donc nous utilisons toujours la dernière version.</p> <p>L'espace de discussion (chat) utilise le logiciel libre <a href="https://rocket.chat/">RocketChat</a>.
<p>Le serveur qui héberge le chat des crapauds fous est situé dans le datacenter parisien de <a href="https://scaleway.com">Scaleway</a>, et c'est mose qui paye avec ses sous perso. L'administration système du serveur est assurée par mose, aidé par les autres <a href="https://wiki.crapaud-fou.org/jardiniers">plombiers</a> Trenty et 12b.</p> A noter que les mises à jour sont automatiques (par le biais de snap), donc nous utilisons toujours la
dernière version.</p>
<p>Le serveur qui héberge le chat des crapauds fous est situé dans le datacenter parisien de <a
href="https://scaleway.com">Scaleway</a>, et c'est mose qui paye avec ses sous perso. L'administration
système du serveur est assurée par mose, aidé par les autres <a
href="https://wiki.crapaud-fou.org/jardiniers">plombiers</a> Trenty et 12b.</p>
</div> </div>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
<button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">Fermer</button> <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">Fermer</button>
<a href="https://coa.crapaud-fou.org/" class="btn btn-sm btn-success idees">Aller sur <b>https://coa.crapaud.fou-org</b></a> <a href="https://coa.crapaud-fou.org/" class="btn btn-sm btn-success idees">Aller sur
<b>https://coa.crapaud.fou-org</b></a>
</div> </div>
</div> </div>
</div> </div>
@ -373,31 +441,47 @@
</div> </div>
<div class="modal-body"> <div class="modal-body">
<div class="alert alert-warning clearfix"> <div class="alert alert-warning clearfix">
<p>Le <b><a href="https://wiki.crapaud-fou.org">wiki</a></b> est l'endroit où on construit l'échange et le partage du savoir, des projets, des rencontres issus de l'activité des crapauds fous.</p> <p>Le <b><a href="https://wiki.crapaud-fou.org">wiki</a></b> est l'endroit où on construit l'échange et le
partage du savoir, des projets, des rencontres issus de l'activité des crapauds fous.</p>
</div> </div>
<div class="alert alert-secondary clearfix"> <div class="alert alert-secondary clearfix">
<img src="images/wiki-inscription.png" alt="s'inscrire sur le wiki" class="float-right ml-5"> <img src="images/wiki-inscription.png" alt="s'inscrire sur le wiki" class="float-right ml-5">
<p>La totalité du wiki est disponible en lecture, mais si vous souhaitez ajouter un texte, ou un commentraire, il va falloir créer un compte. Ce compte est distinct de ceux des idées et du chat. Cliquez sur le lien d'inscription en haut à droite et remplissez donc le formulaire.</p> <p>La totalité du wiki est disponible en lecture, mais si vous souhaitez ajouter un texte, ou un
<p>Un mail de vérification du compte devrait vous parvenir, pour être sur que l'adresse email fournie fonctionne. Elle sera utilisée par la suite pour les notifications de changements des pages si vous activez cette option.</p> commentraire, il va falloir créer un compte. Ce compte est distinct de ceux des idées et du chat.
Cliquez sur le lien d'inscription en haut à droite et remplissez donc le formulaire.</p>
<p>Un mail de vérification du compte devrait vous parvenir, pour être sur que l'adresse email fournie
fonctionne. Elle sera utilisée par la suite pour les notifications de changements des pages si vous
activez cette option.</p>
</div> </div>
<div class="alert alert-secondary clearfix"> <div class="alert alert-secondary clearfix">
<img src="images/wiki-page.png" alt="créer une page sur le wiki" class="float-left mr-5"> <img src="images/wiki-page.png" alt="créer une page sur le wiki" class="float-left mr-5">
<p>Du moment ou vous êtes identifié(e), les menus à droite et à gauche proposent plus de possibilités. Par exemple juste sous le crapaud fou en haut à gauche un champs permet de créer une nouvelle page. Saisissez juste son titre (essayez de choisir un titre court et synthétique) et tapez enter, vous arriverez sur le formulaire de création de nouvelle page.</p> <p>Du moment ou vous êtes identifié(e), les menus à droite et à gauche proposent plus de possibilités. Par
exemple juste sous le crapaud fou en haut à gauche un champs permet de créer une nouvelle page.
Saisissez juste son titre (essayez de choisir un titre court et synthétique) et tapez enter, vous
arriverez sur le formulaire de création de nouvelle page.</p>
</div> </div>
<div class="alert alert-secondary clearfix"> <div class="alert alert-secondary clearfix">
<p>Le logiciel wiki que nous utilisons, nommé <a href="https://tiki.org">Tiki</a>, dispose d'une <a href="https://doc.tiki.org">large documentation</a> (en anglais pour la plupart, mais certaines pages sont traduites en français). Ca n'est pas toujours trés simple au début, mais on s'habitue vite.</p> <p>Le logiciel wiki que nous utilisons, nommé <a href="https://tiki.org">Tiki</a>, dispose d'une <a
<p>Si vous avez besoin d'aide ou d'explications n'hésitez pas à poser vos questions sur le canal <a href="https://coa.crapaud-fou.org/channel/wiki-crapaud-fou">#wiki-crapaud-fou</a> dans le chat.</p> href="https://doc.tiki.org">large documentation</a> (en anglais pour la plupart, mais certaines pages
sont traduites en français). Ca n'est pas toujours trés simple au début, mais on s'habitue vite.</p>
<p>Si vous avez besoin d'aide ou d'explications n'hésitez pas à poser vos questions sur le canal <a
href="https://coa.crapaud-fou.org/channel/wiki-crapaud-fou">#wiki-crapaud-fou</a> dans le chat.</p>
</div> </div>
<div class="alert alert-light clearfix technique text-monospace"> <div class="alert alert-light clearfix technique text-monospace">
<h5>Note technique</h5> <h5>Note technique</h5>
<p>Le wiki utilise le logiciel libre <a href="https://tiki.org/">Tiki</a> version 18 avec une feuille de style spécifique aux crapauds fous.</p> <p>Le wiki utilise le logiciel libre <a href="https://tiki.org/">Tiki</a> version 18 avec une feuille de
<p>Le serveur qui héberge ce wiki est situé dans le datacenter parisien de <a href="https://scaleway.com">Scaleway</a>, et mose en assume le coût. L'administration système du serveur est assurée par mose, aidé par les autres <a href="https://wiki.crapaud-fou.org/jardiniers">plombiers</a> Trenty et 12b.</p> style spécifique aux crapauds fous.</p>
<p>Le serveur qui héberge ce wiki est situé dans le datacenter parisien de <a
href="https://scaleway.com">Scaleway</a>, et mose en assume le coût. L'administration système du
serveur est assurée par mose, aidé par les autres <a
href="https://wiki.crapaud-fou.org/jardiniers">plombiers</a> Trenty et 12b.</p>
</div> </div>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
<button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">Fermer</button> <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">Fermer</button>
<a href="https://wiki.crapaud-fou.org/" class="btn btn-sm btn-success idees">Aller sur <b>https://wiki.crapaud.fou-org</b></a> <a href="https://wiki.crapaud-fou.org/" class="btn btn-sm btn-success idees">Aller sur
<b>https://wiki.crapaud.fou-org</b></a>
</div> </div>
</div> </div>
</div> </div>
@ -414,18 +498,27 @@
</div> </div>
<div class="modal-body"> <div class="modal-body">
<div class="alert alert-warning clearfix"> <div class="alert alert-warning clearfix">
<p>Le <b><a href="https://tube.crapaud-fou.org">cratube</a></b> est le petit nom qu'on a donné au serveur peertube dedié a l'usage des crapauds fous.</p> <p>Le <b><a href="https://tube.crapaud-fou.org">cratube</a></b> est le petit nom qu'on a donné au serveur
<p>L'ouverture de comptes permet de commenter et d'avoir des notifications par mail. Pour pouvoir ajouter ses propres videos, il faut faire une demande de quota, causez donc à un plombier sur le canal <a href="https://coa.crapaud-fou.org/channel/CraTube">#CraTube</a>.</p> peertube dedié a l'usage des crapauds fous.</p>
<p>L'ouverture de comptes permet de commenter et d'avoir des notifications par mail. Pour pouvoir ajouter
ses propres videos, il faut faire une demande de quota, causez donc à un plombier sur le canal <a
href="https://coa.crapaud-fou.org/channel/CraTube">#CraTube</a>.</p>
</div> </div>
<div class="alert alert-light clearfix technique text-monospace"> <div class="alert alert-light clearfix technique text-monospace">
<h5>Note technique</h5> <h5>Note technique</h5>
<p>Cratube utilise le logiciel libre et décentralisé <a href="https://joinpeertube.org/fr/">PeerTube</a>.</p> <p>Cratube utilise le logiciel libre et décentralisé <a href="https://joinpeertube.org/fr/">PeerTube</a>.
<p>Le serveur qui héberge cette instance peertube est situé dans le <a href="https://documentation.online.net/en/dedicated-server/overview/datacenters">datacenter parisien (DC3)</a> de <a href="https://online.net">Online</a>, et c'est 12b qui en supporte le coût. Il en gère aussi l'administration système, aidé par les autres <a href="https://wiki.crapaud-fou.org/jardiniers">plombiers</a> Trenty et mose.</p> </p>
<p>Le serveur qui héberge cette instance peertube est situé dans le <a
href="https://documentation.online.net/en/dedicated-server/overview/datacenters">datacenter parisien
(DC3)</a> de <a href="https://online.net">Online</a>, et c'est 12b qui en supporte le coût. Il en gère
aussi l'administration système, aidé par les autres <a
href="https://wiki.crapaud-fou.org/jardiniers">plombiers</a> Trenty et mose.</p>
</div> </div>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
<button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">Fermer</button> <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">Fermer</button>
<a href="https://tube.crapaud-fou.org/" class="btn btn-sm btn-success idees">Aller sur <b>https://tube.crapaud.fou-org</b></a> <a href="https://tube.crapaud-fou.org/" class="btn btn-sm btn-success idees">Aller sur
<b>https://tube.crapaud.fou-org</b></a>
</div> </div>
</div> </div>
</div> </div>
@ -442,12 +535,19 @@
<div class="col"> <div class="col">
<div class="row mb-4"> <div class="row mb-4">
<div class="col technique"> <div class="col technique">
Les crapauds fous sont une catégorie de gens qui font des pas de coté. Ce n'est pas une association, ni une organisation. La mare aux crapauds fous est une collection des services hébergés par des particuliers en leur nom propre (le chat, les idées, le wiki, le pad, le serveur jitsi, etc). Leur contribution donne vie à cet espace d'échange et de partage. Mais à aucun moment la mare des crapauds fous ne porte de projets, ni les crapauds fous en tant qu'entité. Au mieux, en tant que réseau, ils les accompagnent, les rejoignent, les influencent, les nourrissent, les chérissent ou les inspirent. Tous les projets cités dans la mare des crapauds fous sont portés par des individus ou des organisations indépendantes. Les crapauds fous sont une catégorie de gens qui font des pas de coté. Ce n'est pas une association, ni
une organisation. La mare aux crapauds fous est une collection des services hébergés par des particuliers
en leur nom propre (le chat, les idées, le wiki, le pad, le serveur jitsi, etc). Leur contribution donne
vie à cet espace d'échange et de partage. Mais à aucun moment la mare des crapauds fous ne porte de
projets, ni les crapauds fous en tant qu'entité. Au mieux, en tant que réseau, ils les accompagnent, les
rejoignent, les influencent, les nourrissent, les chérissent ou les inspirent. Tous les projets cités dans
la mare des crapauds fous sont portés par des individus ou des organisations indépendantes.
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="col"> <div class="col">
<a href="https://degooglisons-internet.org/fr/">Les crapauds fous ne sont pas sur fesse-bouc, ni sur touiteur.</a><br> <a href="https://degooglisons-internet.org/fr/">Les crapauds fous ne sont pas sur fesse-bouc, ni sur
touiteur.</a><br>
Pour contacter les jardiniers de la mare des crapauds fous:<br> Pour contacter les jardiniers de la mare des crapauds fous:<br>
contact a crapaud-fou.org contact a crapaud-fou.org
</div> </div>
@ -459,14 +559,25 @@
</div> </div>
<div class="row pt-4 mt-4 mb-4 notices"> <div class="row pt-4 mt-4 mb-4 notices">
<div class="col copyright pt-1"> <div class="col copyright pt-1">
Cette page est conçue, codée et illustrée par mose,<br>avec l'aide de Trenty et plein d'autres crapauds fous.<br> Cette page est conçue, codée et illustrée par mose,<br>avec l'aide de Trenty et plein d'autres crapauds
<a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/"><img alt="Licence Creative Commons" style="border-width:0" src="images/cc-by-nc-sa.png" class="mr-2"/></a><br> fous.<br>
<a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/"><img
alt="Licence Creative Commons" style="border-width:0" src="images/cc-by-nc-sa.png"
class="mr-2" /></a><br>
Cette page web et les illustrations qu'elle contient sont mis à disposition<br> Cette page web et les illustrations qu'elle contient sont mis à disposition<br>
selon les termes de la <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/">Licence Creative Commons by-nc-sa 4.0</a>.<br> selon les termes de la <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/">Licence
Creative Commons by-nc-sa 4.0</a>.<br>
</div> </div>
<div class="col-12 col-md-3 text-right"> <div class="col-12 col-md-3 text-right">
<div class="tisseurs"> <div class="row">
<a href="https://tisseurs.org"><img src="images/tisseurs.png" class="float-right pt-1 ml-1" width="18" /> un site de bas tisseur </a> <div class="col-12 tisseurs">
<a href="https://tisseurs.org"><img src="images/tisseurs.png" class="float-right pt-1 ml-1"
width="18" /> un site de bas tisseur </a>
</div>
<div class="col-6 col-md-12 lastupdate">
Dernière mise à jour
</div>
<div class="col-6 col-md-12 lastupdate" id="lastupdate">10/02/2019 19:07</div>
</div> </div>
</div> </div>
</div> </div>
@ -475,13 +586,16 @@
</div> </div>
</div> </div>
<script <script src="https://code.jquery.com/jquery-3.4.1.min.js"
src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" <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> 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> <script src="crapaud-fou.js"></script>
</body> </body>
</html> </html>