Adapt choose-your-wallet page to work with dynamic height

This fixes all issues related to translations that overflow fixed height in many cases
Remove some steps in the README that are not necessary anymore
Fix two display bugs in IE7
Fix one display bug in IE9
Optimize images with optipng
This commit is contained in:
Saivann 2013-04-08 15:06:47 -04:00
parent 02e7c9b986
commit 5855e3d2b5
27 changed files with 745 additions and 196 deletions

View file

@ -17,108 +17,160 @@ title: Choose your wallet - Bitcoin
<p><img src="/img/icon-be-the-network.svg" alt="Network" style="float:left;margin-right:10px;"/>Do you have a computer that you keep switched on all the time, that's connected to the internet? You can help the community by simply running the <a href="download"><b>original Bitcoin client</b></a> on it. The original client is more resource intensive and will take a complete day to synchronize. After that your computer will contribute to the network by checking and relaying transactions.</p>
<div class="preview">
<div class="previewcol">
<div class="previewrow">
<h2><img src="/img/ico_software.svg" alt="Software wallets" />Software wallets</h2>
<p>Software wallets are installed on your computer. They give you complete control of your wallet. You are responsible for doing backups and protecting your money.</p>
</div>
<div class="previewrow">
<h2><img src="/img/ico_mobile.svg" alt="mobile wallets" />Mobile wallets</h2>
<p>Mobile wallets allow you to bring Bitcoin with you in your pocket. You can exchange coins easily and pay in physical stores by scanning a QR code or using NFC "tap to pay".</p>
</div>
<div class="previewrow">
<h2><img src="/img/ico_international.svg" alt="web wallets" />Web wallets</h2>
<p>Web wallets allow you to use Bitcoin anywhere with less effort to protect your wallet. However, you must choose your web wallet service with care as they host your bitcoins.</p>
</div>
</div>
<div class="previewcol">
<div class="previewrow">
<h2><img src="/img/ico_software.svg" alt="Software wallets" />Software wallets</h2>
<p>Software wallets are installed on your computer. They give you complete control of your wallet. You are responsible for doing backups and protecting your money.</p>
<div>
<div>
<h2>Bitcoin-Qt</h2>
<span><img src="/img/dow-win.png" alt="Windows" title="Windows" /><img src="/img/dow-linux.png" alt="Linux" title="Linux" /><img src="/img/dow-osx-uni.png" alt="Mac OS X" title="Mac OS X" /></span>
<p>Bitcoin-Qt is the original Bitcoin client and it builds the backbone of the network. It offers the highest levels of security, privacy and stability. However it has fewer features and it takes a lot of space and memory.</p>
<p><a href="download">Download</a></p>
<div></div>
<div>
<h2>Bitcoin-Qt</h2>
<span><img src="/img/dow-win.png" alt="Windows" title="Windows" /><img src="/img/dow-linux.png" alt="Linux" title="Linux" /><img src="/img/dow-osx-uni.png" alt="Mac OS X" title="Mac OS X" /></span>
<p>Bitcoin-Qt is the original Bitcoin client and it builds the backbone of the network. It offers the highest levels of security, privacy and stability. However it has fewer features and it takes a lot of space and memory.</p>
<p><a href="download">Download</a></p>
</div>
<div></div>
</div>
<a href="#" onclick="return false;"><img src="/img/clients/lo-bitcoin.png" alt="bitcoin-qt" />Bitcoin-Qt</a>
</div>
<div>
<div>
<h2>Multibit</h2>
<span><img src="/img/dow-win.png" alt="Windows" title="Windows" /><img src="/img/dow-linux.png" alt="Linux" title="Linux" /><img src="/img/dow-osx-uni.png" alt="Mac OS X" title="Mac OS X" /></span>
<p>Multibit is a lightweight client that focuses on being fast and easy to use. It synchronizes with the network and is ready to use in minutes. Multibit also supports many languages. It is a good choice for non-technical users.</p>
<p><a href="https://multibit.org/">Visit website</a></p>
<div></div>
<div>
<h2>Multibit</h2>
<span><img src="/img/dow-win.png" alt="Windows" title="Windows" /><img src="/img/dow-linux.png" alt="Linux" title="Linux" /><img src="/img/dow-osx-uni.png" alt="Mac OS X" title="Mac OS X" /></span>
<p>Multibit is a lightweight client that focuses on being fast and easy to use. It synchronizes with the network and is ready to use in minutes. Multibit also supports many languages. It is a good choice for non-technical users.</p>
<p><a href="https://multibit.org/">Visit website</a></p>
</div>
<div></div>
</div>
<a href="#" onclick="return false;"><img src="/img/clients/lo-multibit.png" alt="multibit" />Multibit</a>
</div>
<div class="last">
<div>
<h2>Armory</h2>
<span><img src="/img/dow-win.png" alt="Windows" title="Windows" /><img src="/img/dow-linux.png" alt="Linux" title="Linux" /></span>
<p>Armory is an advanced Bitcoin client that runs on top of Bitcoin-Qt. Expanding its features for Bitcoin power users. It offers many backup and encryption features, and it allows secure cold-storage on offline computers.</p>
<p><a href="http://bitcoinarmory.com/">Visit website</a></p>
<div></div>
<div>
<h2>Armory</h2>
<span><img src="/img/dow-win.png" alt="Windows" title="Windows" /><img src="/img/dow-linux.png" alt="Linux" title="Linux" /></span>
<p>Armory is an advanced Bitcoin client that runs on top of Bitcoin-Qt. Expanding its features for Bitcoin power users. It offers many backup and encryption features, and it allows secure cold-storage on offline computers.</p>
<p><a href="http://bitcoinarmory.com/">Visit website</a></p>
</div>
<div></div>
</div>
<a href="#" onclick="return false;"><img src="/img/clients/lo-armory.png" alt="armory" />Armory</a>
</div>
<div>
<div>
<h2>Electrum</h2>
<span><img src="/img/dow-win.png" alt="Windows" title="Windows" /><img src="/img/dow-linux.png" alt="Linux" title="Linux" /><img src="/img/dow-osx-uni.png" alt="Mac OS X" title="Mac OS X" /><img src="/img/dow-android.png" alt="Android" title="Android" /></span>
<p>Electrum's focus is speed and simplicity, with low resource usage. It uses remote servers that handle the most complicated parts of the Bitcoin system, and it allows you to recover your wallet from a secret phrase.</p>
<p><a href="http://electrum.org/">Visit website</a></p>
<div></div>
<div>
<h2>Electrum</h2>
<span><img src="/img/dow-win.png" alt="Windows" title="Windows" /><img src="/img/dow-linux.png" alt="Linux" title="Linux" /><img src="/img/dow-osx-uni.png" alt="Mac OS X" title="Mac OS X" /><img src="/img/dow-android.png" alt="Android" title="Android" /></span>
<p>Electrum's focus is speed and simplicity, with low resource usage. It uses remote servers that handle the most complicated parts of the Bitcoin system, and it allows you to recover your wallet from a secret phrase.</p>
<p><a href="http://electrum.org/">Visit website</a></p>
</div>
<div></div>
</div>
<a href="#" onclick="return false;"><img src="/img/clients/lo-electrum.png" alt="electrum" />Electrum</a>
</div>
</div>
<div class="previewrow">
<h2><img src="/img/ico_mobile.svg" alt="mobile wallets" />Mobile wallets</h2>
<p>Mobile wallets allow you to bring Bitcoin with you in your pocket. You can exchange coins easily and pay in physical stores by scanning a QR code or using NFC "tap to pay".</p>
<div>
<div>
<h2>Bitcoin Wallet</h2>
<span><img src="/img/dow-android.png" alt="Android" title="Android" /><img src="/img/dow-blackberry.png" alt="BlackBerry OS" title="BlackBerry OS" /></span>
<p>Bitcoin Wallet is a lightweight mobile client for Android and BlackBerry OS. This client does not need to be associated with any online service to work. It is compatible with QR code scanning and NFC.</p>
<p><a href="https://play.google.com/store/apps/details?id=de.schildbach.wallet">Visit website</a></p>
<div></div>
<div>
<h2>Bitcoin Wallet</h2>
<span><img src="/img/dow-android.png" alt="Android" title="Android" /><img src="/img/dow-blackberry.png" alt="BlackBerry OS" title="BlackBerry OS" /></span>
<p>Bitcoin Wallet is a lightweight mobile client for Android and BlackBerry OS. This client does not need to be associated with any online service to work. It is compatible with QR code scanning and NFC.</p>
<p><a href="https://play.google.com/store/apps/details?id=de.schildbach.wallet">Visit website</a></p>
</div>
<div></div>
</div>
<a href="#" onclick="return false;"><img src="/img/clients/lo-bitcoinwallet.png" alt="bitcoin wallet" />Bitcoin<br>Wallet</a>
</div>
<div data-id="blockchainmobile">
<div class="walletwarning">
<h2>Be careful</h2>
<span></span>
<p>Web wallets host your bitcoins. That means it is possible for them to lose your bitcoins following any incident on their side. As of today, no web wallet service provide enough insurance to be used to store value like a bank.</p>
<p><a href="javascript:walletshow();">OK, I understand</a></p>
<div></div>
<div>
<h2>Be careful</h2>
<span></span>
<p>Web wallets host your bitcoins. That means it is possible for them to lose your bitcoins following any incident on their side. As of today, no web wallet service provide enough insurance to be used to store value like a bank.</p>
<p><a href="javascript:walletshow();">OK, I understand</a></p>
</div>
<div></div>
</div>
<a href="#" onclick="return false;"><img src="/img/clients/lo-hidden.png" alt="hidden" /></a>
</div>
<div data-id="paytunia" class="last">
<div class="walletwarning">
<h2>Be careful</h2>
<span></span>
<p>Web wallets host your bitcoins. That means it is possible for them to lose your bitcoins following any incident on their side. As of today, no web wallet service provide enough insurance to be used to store value like a bank.</p>
<p><a href="javascript:walletshow();">OK, I understand</a></p>
<div></div>
<div>
<h2>Be careful</h2>
<span></span>
<p>Web wallets host your bitcoins. That means it is possible for them to lose your bitcoins following any incident on their side. As of today, no web wallet service provide enough insurance to be used to store value like a bank.</p>
<p><a href="javascript:walletshow();">OK, I understand</a></p>
</div>
<div></div>
</div>
<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="web wallets" />Web wallets</h2>
<p>Web wallets allow you to use Bitcoin anywhere with less effort to protect your wallet. However, you must choose your web wallet service with care as they host your bitcoins.</p>
<div data-id="blockchaindesktop">
<div class="walletwarning">
<h2>Be careful</h2>
<span></span>
<p>Web wallets host your bitcoins. That means it is possible for them to lose your bitcoins following any incident on their side. As of today, no web wallet service provide enough insurance to be used to store value like a bank.</p>
<p><a href="javascript:walletshow();">OK, I understand</a></p>
<div></div>
<div>
<h2>Be careful</h2>
<span></span>
<p>Web wallets host your bitcoins. That means it is possible for them to lose your bitcoins following any incident on their side. As of today, no web wallet service provide enough insurance to be used to store value like a bank.</p>
<p><a href="javascript:walletshow();">OK, I understand</a></p>
</div>
<div></div>
</div>
<a href="#" onclick="return false;"><img src="/img/clients/lo-hidden.png" alt="hidden" /></a>
</div>
<div data-id="bips">
<div class="walletwarning">
<h2>Be careful</h2>
<span></span>
<p>Web wallets host your bitcoins. That means it is possible for them to lose your bitcoins following any incident on their side. As of today, no web wallet service provide enough insurance to be used to store value like a bank.</p>
<p><a href="javascript:walletshow();">OK, I understand</a></p>
<div></div>
<div>
<h2>Be careful</h2>
<span></span>
<p>Web wallets host your bitcoins. That means it is possible for them to lose your bitcoins following any incident on their side. As of today, no web wallet service provide enough insurance to be used to store value like a bank.</p>
<p><a href="javascript:walletshow();">OK, I understand</a></p>
</div>
<div></div>
</div>
<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">
<h2>Be careful</h2>
<span></span>
<p>Web wallets host your bitcoins. That means it is possible for them to lose your bitcoins following any incident on their side. As of today, no web wallet service provide enough insurance to be used to store value like a bank.</p>
<p><a href="javascript:walletshow();">OK, I understand</a></p>
<div></div>
<div>
<h2>Be careful</h2>
<span></span>
<p>Web wallets host your bitcoins. That means it is possible for them to lose your bitcoins following any incident on their side. As of today, no web wallet service provide enough insurance to be used to store value like a bank.</p>
<p><a href="javascript:walletshow();">OK, I understand</a></p>
</div>
<div></div>
</div>
<a href="#" onclick="return false;"><img src="/img/clients/lo-hidden.png" alt="hidden" /></a>
</div>
@ -127,49 +179,69 @@ title: Choose your wallet - Bitcoin
<div class="previewcol">.</div>
<div style="display:none;">
<div class="previewrow" style="display:none;">
<div id="blockchainmobile">
<div class="walletnormal">
<h2>Blockchain.info</h2>
<span><img src="/img/dow-android.png" alt="Android" title="Android" /><img src="/img/dow-ios.png" alt="iOS" title="iOS" /></span>
<p>Blockchain.info is an hybrid web wallet for mobiles. It is also available for iPhone in a restricted mode to fit Apple policies. It includes many blockchain.info features like web wallet backup.</p>
<p><a href="https://blockchain.info/wallet/">Visit website</a></p>
<div>
<div></div>
<div>
<h2>Blockchain.info</h2>
<span><img src="/img/dow-android.png" alt="Android" title="Android" /><img src="/img/dow-ios.png" alt="iOS" title="iOS" /></span>
<p>Blockchain.info is an hybrid web wallet for mobiles. It is also available for iPhone in a restricted mode to fit Apple policies. It includes many blockchain.info features like web wallet backup.</p>
<p><a href="https://blockchain.info/wallet/">Visit website</a></p>
</div>
<div></div>
</div>
<a href="https://blockchain.info/wallet/"><img src="/img/clients/lo-blockchain.png" alt="blockchain" />Blockchain<br>.info</a>
</div>
<div id="blockchaindesktop">
<div class="walletnormal">
<h2>Blockchain.info</h2>
<span></span>
<p>Blockchain.info is a user-friendly hybrid wallet. It stores an encrypted version of your wallet online but decryption happens in your browser. For security reasons, you should always use the browser extension and email backups.</p>
<p><a href="http://blockchain.info/wallet/chrome-extension">Visit website</a></p>
<div>
<div></div>
<div>
<h2>Blockchain.info</h2>
<span></span>
<p>Blockchain.info is a user-friendly hybrid wallet. It stores an encrypted version of your wallet online but decryption happens in your browser. For security reasons, you should always use the browser extension and email backups.</p>
<p><a href="http://blockchain.info/wallet/chrome-extension">Visit website</a></p>
</div>
<div></div>
</div>
<a href="http://blockchain.info/wallet/chrome-extension"><img src="/img/clients/lo-blockchain.png" alt="blockchain" />Blockchain<br>.info</a>
</div>
<div id="paytunia">
<div class="walletnormal">
<h2>Paytunia</h2>
<span><img src="/img/dow-ios.png" alt="iOS" title="iOS" /></span>
<p>Paytunia is a mobile web wallet powered by Paymium that works with Bitcoin-central to give you access to Bitcoin exchanges right from your mobile. It is available for iPhone and Android support is coming soon.</p>
<p><a href="https://paytunia.com/">Visit website</a></p>
<div>
<div></div>
<div>
<h2>Paytunia</h2>
<span><img src="/img/dow-ios.png" alt="iOS" title="iOS" /></span>
<p>Paytunia is a mobile web wallet powered by Paymium that works with Bitcoin-central to give you access to Bitcoin exchanges right from your mobile. It is available for iPhone and Android support is coming soon.</p>
<p><a href="https://paytunia.com/">Visit website</a></p>
</div>
<div></div>
</div>
<a href="https://paytunia.com/"><img src="/img/clients/lo-paytunia.png" alt="paytunia" />Paytunia</a>
</div>
<div id="bips">
<div class="walletnormal">
<h2>BIPS</h2>
<span></span>
<p>BIPS is a web wallet service from WalletBit that allows to buy and sell bitcoins easily in many countries. It also offers cold storage, wallet importation and many merchant tools features.</p>
<p><a href="https://bips.me/">Visit website</a></p>
<div>
<div></div>
<div>
<h2>BIPS</h2>
<span></span>
<p>BIPS is a web wallet service from WalletBit that allows to buy and sell bitcoins easily in many countries. It also offers cold storage, wallet importation and many merchant tools features.</p>
<p><a href="https://bips.me/">Visit website</a></p>
</div>
<div></div>
</div>
<a href="https://bips.me/"><img src="/img/clients/lo-bips.png" alt="BIPS" />BIPS</a>
</div>
<div id="coinbase">
<div class="walletnormal">
<h2>Coinbase</h2>
<span></span>
<p>Coinbase is a web wallet service that aims to be the easiest to use. It also provides an Android web wallet app, merchant tools and integration with US bank accounts to buy and sell bitcoins.</p>
<p><a href="https://coinbase.com/">Visit website</a></p>
<div>
<div></div>
<div>
<h2>Coinbase</h2>
<span></span>
<p>Coinbase is a web wallet service that aims to be the easiest to use. It also provides an Android web wallet app, merchant tools and integration with US bank accounts to buy and sell bitcoins.</p>
<p><a href="https://coinbase.com/">Visit website</a></p>
</div>
<div></div>
</div>
<a href="https://coinbase.com/"><img src="/img/clients/lo-coinbase.png" alt="coinbase" />Coinbase</a>
</div>