mobile responsive design and many design fixes

adapt CSS to be either responsive, or specific to mobiles add mobile menu icon to show the hidden menu on touch add optimized language bar menu for mobiles remove 1200px width workaround for the wallet page, description now fit on 1 remove links on wallet icons for :hover compatibility with mobile devices move right buttons into the page (fixes #67) fix contributors plugin to produce W3C valid HTML drop useless classes like .list clean and organize CSS add icon for ios touch devices (fixes #111)
2025-07-28 18:26:13 +00:00 · 2013-04-01 16:34:55 -04:00 · 2013-04-01 16:34:55 -04:00 · 9d590e098b
commit 9d590e098b
parent 3e2463928c
15 changed files with 500 additions and 326 deletions
--- a/fr/a-propos.html
+++ b/fr/a-propos.html
@ -13,7 +13,7 @@ title: À propos - Bitcoin

 <h2>Fonctionnalités techniques</h2>
 <p>Voici les propriétés de base de tout réseau reposant sur un protocole basé sur Bitcoin.</p>
-<ul class="list">
+<ul>
  <li>Les Bitcoins peuvent être transférés entre des postes arbitraires sur le réseau.</li>
  <li>Les transactions sont irréversibles.</li>
  <li>Les double dépenses sont bloquées par l'usage de la <a href="https://en.bitcoin.it/wiki/Block_chain">chaîne de bloc</a>.</li>
@ -24,7 +24,7 @@ title: À propos - Bitcoin

 <h2>Règles de l'économie</h2>
 <p>Ces règles sont imposées collectivement par le réseau. Bien qu'elles ne changeront pas pour le Bitcoin, d'autres monnaies virtuelles utilisant la technologie du Bitcoin peuvent les changer pour s'adapter à leurs besoins.</p>
-<ul class="list">
+<ul>
  <li>Le nombre final de Bitcoin est limité à <a href="https://en.bitcoin.it/wiki/Controlled_Currency_Supply">environ 21 millions de Bitcoins</a>.</li>
  <li>Les Bitcoins sont divisibles jusqu'à 8 chiffres après la virgule, soit environ 21×10<sup>14</sup> unités.</li>
  <li>Les transactions sont très peu coûteuses et <a href="https://en.bitcoin.it/wiki/Transaction_fees">gratuites la plupart du temps</a>.</li>
@ -32,7 +32,7 @@ title: À propos - Bitcoin

 <h2>Statistiques</h2>
 <p>Le réseau fonctionne depuis plus de 45 mois, donnant lieu à des caractéristiques de sécurité impressionnantes et une croissance significative au cours de l’année dernière. Au cours de février 2013, voici quelques statistiques.</p>
-<ul class="list">
+<ul>
  <li>Une longue chaîne de blocs (plus de 220.000 blocs).</li>
  <li>Une grande puissance de calcul sécurisant les transaction estimée à plus de 25 Terrahash/s.</li>
  <li>Plus de 1M $USD de volume d'échange journalier distribué sur 40,000 transactions.</li>
--- a/fr/choisir-votre-porte-monnaie.html
+++ b/fr/choisir-votre-porte-monnaie.html
@ -3,14 +3,12 @@ layout: base-fr
 id: choose-your-wallet
 title: Choisir votre porte-monnaie - Bitcoin
 ---
-<!--CSS to prevent bubbles to be partially hidden in low-res devices-->
-<style>body{min-width:1200px;}</style>

 <h1>Choisir votre porte-monnaie</h1>
 <p>Votre porte-monnaie Bitcoin est ce qui vous permet de faire des transactions avec le monde. Il vous rend propriétaire de quelques adresses Bitcoin que vous pouvez utiliser pour recevoir et envoyer des Bitcoins avec d'autres utilisateurs. Et comme les emails, vous pouvez recevoir des Bitcoins lorsque vous êtes hors-ligne et tous les porte-monnaies Bitcoin sont compatibles entre eux. Avant de commencer avec le Bitcoin, assurez-vous d'abord de lire <a href="/fr/vous-devez-savoir"><b>ce que vous devez savoir</b></a>.</p>
 <h2>Débuter rapidement et simplement</h2>
 <p>Si vous êtes un nouvel utilisateur, ces porte-monnaie sont un bon point de départ.</p>
-<ul class="list">
+<ul>
  <li><a href="/fr/telecharger"><b>Bitcoin-Qt</b></a> est un logiciel sur ordinateur pour Windows, Mac OS X et Linux.</li>
  <li><a href="https://play.google.com/store/apps/details?id=de.schildbach.wallet"><b>Bitcoin Wallet</b></a> pour Android fonctionne sur smartphones et tablettes.</li>
 </ul>
@ -32,7 +30,7 @@ title: Choisir votre porte-monnaie - Bitcoin
    <p>Bitcoin-Qt est le logiciel Bitcoin original sur lequel s'appuie le réseau. Il offre le plus haut niveau de sécurité, de vie privée et de stabilité. Toutefois, il offre moins de fonctionnalités et prend beaucoup d'espace et de mémoire.</p>
    <p><a href="telecharger">Télécharger</a></p>
  </div>
-  <a href="telecharger"><img src="/img/clients/lo-bitcoin.png" alt="bitcoin-qt" />Bitcoin-Qt</a>
+  <a href="#" onclick="return false;"><img src="/img/clients/lo-bitcoin.png" alt="bitcoin-qt" />Bitcoin-Qt</a>
 </div>
 <div>
  <div>
@ -41,7 +39,7 @@ title: Choisir votre porte-monnaie - Bitcoin
    <p>Multibit est un client léger qui tâche d’être rapide et facile d'utilisation. Il se synchronise avec le réseau et est prêt en quelques minutes. Multibit supporte aussi plusieurs languages. Il est un bon choix pour les novices.</p>
    <p><a href="https://multibit.org/">Visiter le site</a></p>
  </div>
-  <a href="https://multibit.org/"><img src="/img/clients/lo-multibit.png" alt="multibit" />Multibit</a>
+  <a href="#" onclick="return false;"><img src="/img/clients/lo-multibit.png" alt="multibit" />Multibit</a>
 </div>
 <div class="last">
  <div>
@ -50,7 +48,7 @@ title: Choisir votre porte-monnaie - Bitcoin
    <p>Armory est un client Bitcoin avancé qui élargit les fonctionnalités de Bitcoin-Qt pour les super-utilisateurs. Armory offre plusieurs formes de sauvegardes et d'encryption et il permet une utilisation hors-ligne sécurisée.</p>
    <p><a href="http://bitcoinarmory.com/">Visiter le site</a></p>
  </div>
-  <a href="http://bitcoinarmory.com/"><img src="/img/clients/lo-armory.png" alt="armory" />Armory</a>
+  <a href="#" onclick="return false;"><img src="/img/clients/lo-armory.png" alt="armory" />Armory</a>
 </div>
 <div>
  <div>
@ -59,7 +57,7 @@ title: Choisir votre porte-monnaie - Bitcoin
    <p>Electrum se spécialise dans la rapidité et la simplicité. Electrum est très léger et utilise des serveurs distants pour augmenter ses performances. Il vous permet aussi de récupérer votre porte-monnaie à l'aide d'une phrase secrète.</p>
    <p><a href="http://electrum.org/">Visiter le site</a></p>
  </div>
-  <a href="http://electrum.org/"><img src="/img/clients/lo-electrum.png" alt="electrum" />Electrum</a>
+  <a href="#" onclick="return false;"><img src="/img/clients/lo-electrum.png" alt="electrum" />Electrum</a>
 </div>
 </div>

@ -73,7 +71,7 @@ title: Choisir votre porte-monnaie - Bitcoin
    <p>Bitcoin Wallet est un client léger pour Android et BlackBerry OS. Cette application n'a pas besoin d'être associée à un service en ligne. Et elle est compatible avec le scan de codes QR et la technologie NFC.</p>
    <p><a href="https://play.google.com/store/apps/details?id=de.schildbach.wallet">Visiter le site</a></p>
  </div>
-  <a href="https://play.google.com/store/apps/details?id=de.schildbach.wallet"><img src="/img/clients/lo-bitcoinwallet.png" alt="bitcoin wallet" />Bitcoin<br>Wallet</a>
+  <a href="#" onclick="return false;"><img src="/img/clients/lo-bitcoinwallet.png" alt="bitcoin wallet" />Bitcoin<br>Wallet</a>
 </div>
 <div data-id="blockchaindesktop">
  <div class="walletwarning">
@ -82,7 +80,7 @@ title: Choisir votre porte-monnaie - Bitcoin
    <p>Les porte-monnaie web hébergent vos bitcoins. Ce qui signifie qu'ils peuvent perdre vos bitcoins à la suite d'un incident. À ce jour, aucun de ces services n'offre assez d'assurance pour être utilisé comme une banque.</p>
    <p><a href="javascript:walletshow();">OK, Je comprends</a></p>
  </div>
-  <a><img src="/img/clients/lo-hidden.png" alt="caché" /></a>
+  <a href="#" onclick="return false;"><img src="/img/clients/lo-hidden.png" alt="caché" /></a>
 </div>
 <div data-id="paytunia" class="last">
  <div class="walletwarning">
@ -91,13 +89,13 @@ title: Choisir votre porte-monnaie - Bitcoin
    <p>Les porte-monnaie web hébergent vos bitcoins. Ce qui signifie qu'ils peuvent perdre vos bitcoins à la suite d'un incident. À ce jour, aucun de ces services n'offre assez d'assurance pour être utilisé comme une banque.</p>
    <p><a href="javascript:walletshow();">OK, Je comprends</a></p>
  </div>
-  <a><img src="/img/clients/lo-hidden.png" alt="hidden" /></a>
+  <a href="#" onclick="return false;"><img src="/img/clients/lo-hidden.png" alt="hidden" /></a>
 </div>
 </div>

 <div class="previewrow">
 <h2><img src="/img/ico_international.svg" alt="online wallets" />Porte-monnaie web</h2>
-<p>Les porte-monnaie web vous permettent d'utiliser Bitcoin partout avec moins d'effort pour protéger votre porte-monnaie. Toutefois, vous devez choisir votre porte-monnaie web avec prudence puisque ces services hébergent vos bitcoins.</p>
+<p>Les porte-monnaie web vous permettent d'utiliser vos bitcoins partout avec moins d'effort pour les protéger. Toutefois, vous devez choisir ces porte-monnaie avec prudence puisque ces services hébergent vos bitcoins.</p>
 <div data-id="blockchainmobile">
  <div class="walletwarning">
    <h2>Attention</h2>
@ -105,7 +103,7 @@ title: Choisir votre porte-monnaie - Bitcoin
    <p>Les porte-monnaie web hébergent vos bitcoins. Ce qui signifie qu'ils peuvent perdre vos bitcoins à la suite d'un incident. À ce jour, aucun de ces services n'offre assez d'assurance pour être utilisé comme une banque.</p>
    <p><a href="javascript:walletshow();">OK, Je comprends</a></p>
  </div>
-  <a><img src="/img/clients/lo-hidden.png" alt="caché" /></a>
+  <a href="#" onclick="return false;"><img src="/img/clients/lo-hidden.png" alt="caché" /></a>
 </div>
 <div data-id="bips">
  <div class="walletwarning">
@ -114,7 +112,7 @@ title: Choisir votre porte-monnaie - Bitcoin
    <p>Les porte-monnaie web hébergent vos bitcoins. Ce qui signifie qu'ils peuvent perdre vos bitcoins à la suite d'un incident. À ce jour, aucun de ces services n'offre assez d'assurance pour être utilisé comme une banque.</p>
    <p><a href="javascript:walletshow();">OK, Je comprends</a></p>
  </div>
-  <a><img src="/img/clients/lo-hidden.png" alt="hidden" /></a>
+  <a href="#" onclick="return false;"><img src="/img/clients/lo-hidden.png" alt="hidden" /></a>
 </div>
 <div data-id="coinbase" class="last">
  <div class="walletwarning">
@ -123,7 +121,7 @@ title: Choisir votre porte-monnaie - Bitcoin
    <p>Les porte-monnaie web hébergent vos bitcoins. Ce qui signifie qu'ils peuvent perdre vos bitcoins à la suite d'un incident. À ce jour, aucun de ces services n'offre assez d'assurance pour être utilisé comme une banque.</p>
    <p><a href="javascript:walletshow();">OK, Je comprends</a></p>
  </div>
-  <a><img src="/img/clients/lo-hidden.png" alt="hidden" /></a>
+  <a href="#" onclick="return false;"><img src="/img/clients/lo-hidden.png" alt="hidden" /></a>
 </div>
 <div data-id="instawallet">
  <div class="walletwarning">
@ -132,7 +130,7 @@ title: Choisir votre porte-monnaie - Bitcoin
    <p>Les porte-monnaie web hébergent vos bitcoins. Ce qui signifie qu'ils peuvent perdre vos bitcoins à la suite d'un incident. À ce jour, aucun de ces services n'offre assez d'assurance pour être utilisé comme une banque.</p>
    <p><a href="javascript:walletshow();">OK, Je comprends</a></p>
  </div>
-  <a><img src="/img/clients/lo-hidden.png" alt="hidden" /></a>
+  <a href="#" onclick="return false;"><img src="/img/clients/lo-hidden.png" alt="hidden" /></a>
 </div>
 </div>
 </div>
--- a/fr/developpement.html
+++ b/fr/developpement.html
@ -7,14 +7,14 @@ title: Développement - Bitcoin

 <h2>Spécification</h2>
 <p>Si apprendre davantage sur les détails techniques du Bitcoin vous intéresse, il est recommandé de commencer avec ces documents.</p>
-<ul class="list">
+<ul>
  <li><a href="/bitcoin.pdf">Bitcoin: A Peer-to-Peer Electronic Cash System</a></li>
  <li><a href="https://en.bitcoin.it/wiki/Protocol_rules">Protocol rules</a></li>
  <li><a href="https://en.bitcoin.it/wiki/Category:Technical">Bitcoin Wiki</a></li>
 </ul>

 <h2>Développeurs</h2>
-<ul class="list">
+<ul>
  <li>Satoshi Nakamoto</li>
  <li>Gavin Andresen - <a href="mailto:gavinandresen@gmail.com">gavinandresen@gmail.com</a> (<a href="/gavinandresen.asc">PGP</a>)</li>
  <li>Pieter Wuille - <a href="mailto:pieter.wuille@gmail.com">pieter.wuille@gmail.com</a> (<a href="/pieterwuille.asc">PGP</a>)</li>
@ -28,27 +28,12 @@ title: Développement - Bitcoin
 <p>Le développement du Bitcoin est ouvert et tout développeur peut contribuer au projet. Tout ce que vous devez savoir est dans le dépôt <a href="https://github.com/bitcoin/bitcoin">Github</a>. Veuillez vous assurer de lire et de suivre le processus de développement décrit dans le README ainsi que de produire du code de qualité.</p>

 <section id="contributors">
-        <h2>Contributeurs</h2>
-        <p>Classé par le nombre d'ajouts dans le code</p>
-        <table class="contributors">
-          <tr>
-            {% for c in site.project.contributors %}
-            <td>
-                {% if c.gravatar_id %}
-                    <img class="icon" height="16" width="16" src="https://secure.gravatar.com/avatar/{{c.gravatar_id}}?s=140&d=http%3A%2F%2Fbitcoin.org%2Fimg%2Fgravatar-140.png" />
-                {% else %}
-                    <img class="icon" height="16" width="16" src="http://bitcoin.org/img/gravatar-140.png" />
-                {% endif %}
-                {% if c.login %}
-                    <a href="http://github.com/{{c.login}}">
-                        {{ c.name }} ({{ c.contributions }})
-                    </a>
-                {% else %}
-                    {{ c.name }} ({{ c.contributions }})
-                {% endif %}
-            </td>
-          {% cycle nil, nil, nil, nil, '</tr><tr>' %}
-            {% endfor %}
-          </tr>
-        </table>
+  <h2>Contributeurs</h2>
+  <p>Classé par le nombre d'ajouts dans le code</p>
+  <div class="contributors">{% for c in site.project.contributors %}
+    <span>
+      {% if c.gravatar_id %}<img class="icon" height="16" width="16" src="https://secure.gravatar.com/avatar/{{c.gravatar_id}}?s=140&amp;d=http%3A%2F%2Fbitcoin.org%2Fimg%2Fgravatar-140.png" alt="icon" />{% else %}<img class="icon" height="16" width="16" src="http://bitcoin.org/img/gravatar-140.png" alt="icon" />{% endif %}
+      {% if c.login %}<a href="http://github.com/{{c.login}}">{{ c.name }} ({{ c.contributions }})</a>{% else %}{{ c.name }} ({{ c.contributions }}){% endif %}
+    </span>{% endfor %}
+  </div>
 </section>
--- a/fr/index.html
+++ b/fr/index.html
@ -6,10 +6,10 @@ title: Bitcoin
 <h1>Une devise virtuelle P2P libre et ouverte</h1>
 <p style="font-size:20px;">Bitcoin est une devise virtuelle, un protocole et un logiciel qui rend possible :
 <ul style="font-size:20px;">
-  <li style="padding:4px 0px;">Transactions instantanées de pair à pair</li>
-  <li style="padding:4px 0px;">Paiements internationaux</li>
-  <li style="padding:4px 0px;">Aucun ou peu de frais de transaction</li>
-  <li style="padding:4px 0px;">Et bien plus !</li>
+  <li>Transactions instantanées de pair à pair</li>
+  <li>Paiements internationaux</li>
+  <li>Aucun ou peu de frais de transaction</li>
+  <li>Et bien plus !</li>
 </ul>
 <p>Bitcoin utilise une technologie pair à pair pour fonctionner sans autorité centrale. Le traitement des transactions et la création des Bitcoins est prise en charge <b>collectivement par le réseau</b>. Par le biais de ses propriétés uniques, le Bitcoin rend possible des usages prometteurs qui ne pouvaient pas être couverts par les systèmes de paiement précédents.</p>
 <p>Le logiciel Bitcoin est un <a href="http://www.fsf.org/about/what-is-free-software">logiciel libre</a> développé par la communauté et publié sous la <a href="http://creativecommons.org/licenses/MIT/">licence MIT</a>.</p>