Commit 6237557f authored by BorisPAING's avatar BorisPAING

Responsiveness

parent 3a167bb9
This diff is collapsed.
This diff is collapsed.
......@@ -16,25 +16,27 @@ Elle a vu le jour le 8 mars 2017.
</h2>
<figure>
<section>
<h3>Développeurs</h3>
<img src="{attach}/images/g1/code.svg" />
<p>
Les développeurs sont volontaires. Leurs contributions sont valorisées par une caisse de <strong>financement participatif</strong> en monnaie libre Ğ1 (la monnaie produite par Duniter).
Les développeurs sont volontaires. Leurs contributions sont valorisées par une caisse de
<a href="{filename}financements.md">financement participatif</a> en monnaie libre Ğ1 (la monnaie produite par Duniter).
</p>
</figure>
</section>
<figure>
<section>
<h3>Nœuds calculateurs</h3>
<img src="{attach}/images/g1/network.svg" />
<p>
Les nœuds calculateurs sont financés par <strong>crowdfunding</strong> également, via un système appelé <strong>Remuniter</strong>.
Les nœuds calculateurs sont financés par <strong>crowdfunding</strong> également,
via un système appelé <a href="{filename}forger-des-blocs/remuneration.md">Remuniter</a>.
</p>
</figure>
</section>
</div>
</section>
......@@ -43,7 +45,6 @@ Elle a vu le jour le 8 mars 2017.
<h2>Une expansion lente, mais régulière</h2>
<figure>
<img src="{attach}/images/g1/carte-france.png" />
<figcaption>
......@@ -67,11 +68,13 @@ Elle a vu le jour le 8 mars 2017.
en Occitanie et en Mayenne notamment.
</p>
</figcaption>
<img src="{attach}/images/g1/carte-france.png" />
</figure>
</div>
</section>
<section id="monnaie-reele">
<section id="monnaie-reelle">
<div>
<h2>
Une économie bien réelle
......@@ -79,10 +82,8 @@ Elle a vu le jour le 8 mars 2017.
<figure id="gchange">
<img src="{attach}/images/g1/gchange-toulouse.png" />
<figcaption>
<p>
Parce qu'une monnaie libre rend impossible la création monétaire arbitraire,
elle limite considérablement les bulles financières, et favorise par là même
......@@ -108,6 +109,8 @@ Elle a vu le jour le 8 mars 2017.
Visiter ğchange
</a>
</figcaption>
<img src="{attach}/images/g1/gchange-toulouse.png" />
</figure>
</div>
......@@ -119,78 +122,78 @@ Elle a vu le jour le 8 mars 2017.
Une expérience qui intéresse la recherche
</h2>
<figure>
<figcaption>
Expérience sociale grandeur nature, la Ğ1 commence à intéresser quelques chercheuses et chercheurs, qui lui consacrent des travaux de recherche :
</figcaption>
<ul>
<li>
<a href="https://arxiv.org/abs/1911.10792">
<time>25 nov 2019</time>
<cite>
Do you trade with your friends or become friends with your trading partners? A case study in the G1 cryptocurrency
</cite>
<span>Nicolas Gensollen, Matthieu Latapy</span>
</a>
</li>
<li>
<a href="https://papers.ssrn.com/sol3/papers.cfm?abstract_id=3317121">
<time>16 jan 2019</time>
<cite>
‘At the Very Beginning, There’s This Dream.’ The Role of Utopia in the Workings of Local and Cryptocurrencies
</cite>
<span>Diane-Laure Arjaliès</span>
</a>
</li>
</ul>
</figure>
<p>
Expérience sociale grandeur nature, la Ğ1 commence à intéresser quelques chercheuses et chercheurs, qui lui consacrent des travaux de recherche :
</p>
<ul>
<li>
<a href="https://arxiv.org/abs/1911.10792">
<time>25 nov 2019</time>
<cite>
Do you trade with your friends or become friends with your trading partners? A case study in the G1 cryptocurrency
</cite>
<span>Nicolas Gensollen, Matthieu Latapy</span>
</a>
</li>
<li>
<a href="https://papers.ssrn.com/sol3/papers.cfm?abstract_id=3317121">
<time>16 jan 2019</time>
<cite>
‘At the Very Beginning, There’s This Dream.’ The Role of Utopia in the Workings of Local and Cryptocurrencies
</cite>
<span>Diane-Laure Arjaliès</span>
</a>
</li>
</ul>
</div>
</section>
<section id="stats1">
<section id="croissance" class="stats">
<div>
<h2>
Un projet porteur
Une monnaie qui a le vent en poupe
</h2>
<figure>
<h3>
<dl class="stats has-2">
<dt>
<span>24+</span>
groupes locaux
</h3>
<p>
Plus de 24 groupes locaux, pour la majorité situés en France ou en Belgique.
</p>
<p>
Tous animés par des bénévoles qui, à l'occasion d'apéros ou de ğmarchés expliquent la
<acronym title="Théorie Relative de la Monnaie">TRM</acronym> ou le fonctionnement des
clients de Duniter.
</p>
</figure>
</dt>
<dd>
<p>
Plus de 24 groupes locaux, pour la majorité situés en France ou en Belgique.
</p>
<figure>
<h3>
<p>
Tous animés par des bénévoles qui, à l'occasion d'apéros ou de ğmarchés expliquent la
<acronym title="Théorie Relative de la Monnaie">TRM</acronym> ou le fonctionnement des
clients de Duniter.
</p>
</dd>
<dt>
<span>+900</span>
coproducteurs en 2019
</h3>
<p>
Chaque année, de plus en plus d'individus font les démarches nécessaires pour
rejoindre la toile de confiance afin de pouvoir co-produire la Ğ1.
</p>
</dt>
<dd>
<p>
Chaque année, de plus en plus d'individus font les démarches nécessaires pour
rejoindre la toile de confiance afin de pouvoir co-produire la Ğ1.
</p>
<p>
En 2019, plus de 900 personnes ont ainsi réussi à obtenir les 5 certifications leur permettant
de produire chaque jour le dividende universel.
</p>
</figure>
<p>
En 2019, plus de 900 personnes ont ainsi réussi à obtenir les 5 certifications leur permettant
de produire chaque jour le dividende universel.
</p>
</dd>
</dl>
</div>
</section>
......
......@@ -238,27 +238,18 @@ Les monnaies libres sont une notion introduite en 2010 par un mathématicien du
<h2>
Des monnaies à l'épreuve des crises monétaires
</h2>
<figure id="deflation">
<!-- image de dragon sur son tas d'or -->
<figure id="hyperinflation">
<figcaption>
<h3>Pas de déflation possible </h3>
<h3>Pas de risque d'hyperinflation</h3>
<p>
En monnaie libre, la création monétaire ne s'arrête jamais, et tout le monde en bénéficie.
</p>
<p>
Pour ces deux raisons, il est impossible qu'une petit part de la population confisque l'outil d'échange en le thésaurisant excessivement.
</p>
<p>
La monnaie reste donc abondante dans l'économie, et cette dernière n'est alors jamais exsangue ni gelée.
Parce que la quantité de monnaie qu'il y aura demain dans l'économie est prévisible,
il n'y a jamais de crise de rattrapage, c'est-à-dire qu'il n'y a jamais d'hyperinflation brutale.
</p>
</figcaption>
</figure>
<figure id="hyperinflation">
<figure>
<img src="{attach}/images/monnaies-libres/geekscottes_117.png" />
......@@ -266,16 +257,25 @@ Les monnaies libres sont une notion introduite en 2010 par un mathématicien du
D'après un dessin original de Johann "nojhan" Dréo, 2008-10-14, licence GNU FDL
</figcaption>
</figure>
</figure>
<figure id="deflation">
<figcaption>
<h3>Pas de risque d'hyperinflation</h3>
<h3>Pas de déflation possible </h3>
<p>
Parce que la quantité de monnaie qu'il y aura demain dans l'économie est prévisible,
il n'y a jamais de crise de rattrapage, c'est-à-dire qu'il n'y a jamais d'hyperinflation brutale.
En monnaie libre, la création monétaire ne s'arrête jamais, et tout le monde en bénéficie.
</p>
<p>
Pour ces deux raisons, il est impossible qu'une petit part de la population confisque l'outil d'échange en le thésaurisant excessivement.
</p>
<p>
La monnaie reste donc abondante dans l'économie, et cette dernière n'est alors jamais exsangue ni gelée.
</p>
</figcaption>
<!-- image de dragon sur son tas d'or -->
</figure>
</div>
</section>
......@@ -290,11 +290,6 @@ Les monnaies libres sont une notion introduite en 2010 par un mathématicien du
</h2>
<figure>
<video controls="controls" width="450" height="300">
<source src="{attach}/videos/monnaies-libres/Stephane-Laborde-Geneve-2010.webm" type="video/webm" />
Vous n'avez pas de navigateur moderne, donc pas de balise vidéo de <accronym title="HyperText Markup Language" xml:lang="en" lang="en">HTML</accronym>5 pour vous !
</video>
<figcaption>
<p>
Contrairement aux monnaies dettes, régies par les accords de Bâle, ensemble de règles monétaires comparables à un code propriétaire, le code monétaire d'une monnaie libre est modifiable démocratiquement par ses utilisateurs.
......@@ -305,6 +300,11 @@ Les monnaies libres sont une notion introduite en 2010 par un mathématicien du
</p>
</figcaption>
<video controls="controls" width="450" height="300">
<source src="{attach}/videos/monnaies-libres/Stephane-Laborde-Geneve-2010.webm" type="video/webm" />
Vous n'avez pas de navigateur moderne, donc pas de balise vidéo de <accronym title="HyperText Markup Language" xml:lang="en" lang="en">HTML</accronym>5 pour vous !
</video>
</figure>
</div>
</section>
......
......@@ -12,7 +12,7 @@
/*!
* Font Awesome Free 5.12.0 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
*/
src: url('../fonts/fa-regular-400.eot');
src: url('../fonts/fa-regular-400.eot?#iefix') format('embedded-opentype'),
......@@ -20,6 +20,7 @@
url('../fonts/fa-regular-400.woff') format('woff'),
url('../fonts/fa-regular-400.ttf') format('truetype'),
url('../fonts/fa-regular-400.svg?#fontawesome') format('svg');
*/
/* Older REGULAR (normal) icons */
......
......@@ -66,19 +66,6 @@
}
}
.image-d-abord-sur-grand-ecran {
@media (min-width: @min-width-larg)
{
display: flex;
flex-wrap: wrap;
* { flex-basis: 100%; flex-shrink: 0; }
* { order: 3; }
h3 { order: 2; }
img { order: 1; }
}
}
.btn {
......@@ -111,7 +98,7 @@
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px
outline-offset: -2px;
}
&:hover,
......@@ -119,7 +106,7 @@
&.focus {
color: #333333;
text-decoration: none
text-decoration: none;
}
&:active,
......@@ -128,13 +115,13 @@
outline: 0;
background-image: none;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
}
.btn-primary {
color: #ffffff;
color: white;
background-color: #4582ec;
border-color: #4582ec;
......@@ -144,20 +131,50 @@
&:active,
&.active {
color: #ffffff;
color: white;
background-color: #1863e6;
border-color: #175fdd
border-color: #175fdd;
}
&:active,
&.active {
background-image: none
background-image: none;
}
&:before {
color: white;
}
}
.btn-warning {
color: #ffffff;
background-color: #f0ad4e;
border-color: #f0ad4e;
&:hover,
&:focus,
&.focus,
&:active,
&.active {
color: #ffffff;
background-color: #ec971f;
border-color: #eb9316;
}
&:active,
&.active {
background-image: none;
}
}
.gap-right {
margin-right: 10px;
......
......@@ -272,17 +272,19 @@
</ul>
{% endif %}
</nav><!-- /.navbar -->
<p class="fast-nav">
<a href="#main-content">
{{ _('Aller au contenu principal') }}
</a>
</p>
</nav>
{% block breadcrumbs %}{% endblock %}
<!-- Content Container -->
<div id="content" class="container{% if BOOTSTRAP_FLUID %}-fluid{% endif %}">
<main id="main-content" class="container{% if BOOTSTRAP_FLUID %}-fluid{% endif %}">
<div class="row">
{% if PADDED_SINGLE_COLUMN_STYLE %}
......@@ -316,11 +318,7 @@
</aside>
{% endif %}
</div>
</div>
<!-- End Content Container -->
</main>
......
......@@ -6,8 +6,8 @@ from __future__ import unicode_literals
#SITEURL = u'http://localhost:8556'
#SITEURL = u'http://localhost:8000'
#SITEURL = u'https://duniter.borispaing.fr'
SITEURL = u'http://localhost/www/duniter/duniter_website_fr/output'
SITEURL = u'https://duniter.borispaing.fr'
#SITEURL = u'http://localhost/www/duniter/duniter_website_fr/output'
PRETTY_URLS = False
......
......@@ -6,80 +6,61 @@
- Page "La G1" : corriger stretch image (Chrome)
- Corriger l'inversion de l'ordre h3/a img sur contribuer.md
- URLs :
- Lister toutes les redirections à mettre en place dans Nginx
## Plus tard
- Demander confirmation que interfaces-specifiques-de-pair.md et clefs-partagees.md vont bien sous Contribuer et non sous Forger
- A verifier :
- Demander confirmation que interfaces-specifiques-de-pair.md et clefs-partagees.md vont bien sous Contribuer et non sous Forger
- Vérifier que la génération de l'UML dans chapitres 5, 6 et 7 du tutoriel fonctionne bien sur le serveur distant
- Vérifier que TipueSearch fonctionne
- Dans la partie écosystème de la page d'accueil, ajouter Gvu : http://gvu.g1.1000i100.fr
- Contenu :
- Images :
- Trouver un moyen de faire une image de dragon sur de l'or
- Ajouter des personnes aux cheveux longs dans la toile de confiance
- Dans la page "La Toile de confiance en détail", corriger la formule erronée qui est incrustée en haut d'un graphique
- Textes :
- Dans la partie écosystème de la page d'accueil, ajouter Gvu : http://gvu.g1.1000i100.fr
- Page G1 : histoires, particularités de cette ML (utilisation d'une toile de confiance, espérance de vie à 80 ans)
- Ajouter les dons à Remuniter dans le rond fushia
- Ajouter les Summary à chaque article de blog
- Créer une page à destination des traducteurs
- Mettre à jour la page contribuer/duniter/git-branches (mention de GitHub)
- Mettre à jour la page contribuer/duniter/les-modules-c-cpp (mention de GitHub)
- Comparatif :
- vérifier ce qu'est exactement brightID et l'enlever de la liste le cas échéant
- penser à ajouter Mannabase à la liste
- faire pointer le bouton vers une page plutôt que vers un PDF
- Problèmes CSS :
- Améliorer style des boutons Télécharger sur la page forger-des-blocs.md
- Remplacer les images incluses via les /images/icons/ par du CSS (warning, avertissement, etc.)
- Trouver un moyen de faire une image de dragon sur de l'or
- Copier le code de paidge pour virer le titre
- Réparer UML dans chapitres 5, 6 et 7 du tutoriel (en local uniquement ?)
- Conception :
- Corriger le doublon sur id="content"
- Ajouter les dons à Remuniter dans le rond fushia
- Editer ameliorer-le-site.md (mention de GitHub)
- Corriger le doublon sur id="content"
- Remplacer les images incluses via les /images/icons/ par du CSS (warning, avertissement, etc.)
- Copier le code de paidge pour virer le titre
- Langues : essayer de finir gestion des liens interlangues amorcée dans fichier `includes/footer.html`
- Créer fichier de traduction .po pour traduire tout ce qui est ajouté via _()
- Supprimer les <center></center>
- Ter-je les fichiers bootstrap (CSS et JS) dès que plus rien en provenant n'est utilisé
- (? toujours d'actualité ?) Résoudre le problème des images .png ou .svg contenues dans /pages/, dont l'extension disparaît à la génération dans /output/
- Vérifier que TipueSearch fonctionne
- Ajouter des personnes aux cheveux longs dans la toile de confiance
- Dans la page "La Toile de confiance en détail", corriger la formule erronée qui est incrustée en haut d'un graphique
- Langues : essayer de finir gestion des liens interlangues amorcée dans fichier `includes/footer.html`
- Acquisition :
- Se faire référencer sur https://github.com/getpelican/pelican/wiki/Powered-by-Pelican
- Améliorer page la G1 :
- particularités de cette ML (utilisation d'une toile de confiance, espérance de vie à 80 ans)
- histoire
- Créer fichier de traduction .po et traduire :
- "News about %s" / "Actualités %s"
- "Back to top" / "Revenir en haut"
- "Search" / "Rechercher"
- Comparatif :
- vérifier ce qu'est exactement brightID et l'enlever de la liste le cas échéant
- penser à ajouter Mannabase à la liste
- faire pointer le bouton vers une page plutôt que vers un PDF
- Créer une page à destination des traducteurs
- Remettre "Propulsé par Pelican"
- Chercher \]\(\{(static|attach)\}/?images/wiki pour trouver les contenus qui sont encore liés via une arborescence obsolète (et qu'en faire ? les déplacer risque d'être pourri niveau SEO)
- Supprimer les <center />
- Ter-je les fichiers bootstrap (CSS et JS) dès que plus rien en provenant n'est utilisé
- Ajouter les Summary à chaque article de blog
- Mettre à jour la page contribuer/duniter/git-branches (mention de GitHub)
- Mettre à jour la page contribuer/duniter/les-modules-c-cpp (mention de GitHub)
- Investiguer le fonctionnement des retours à la ligne simples dans Markdown
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment