Help text has correct left padding

[perso/Immae/Projets/Cryptomonnaies/BIP39.git] / src / index.html

diff --git a/src/index.html b/src/index.html
index a6ac95bc9d116e9322be9c7bf02dc115268e795d..dbdc67cd26a83c435a144d0ae1214b72e6de3654 100644 (file)
--- a/src/index.html
+++ b/src/index.html
@@ -10,6 +10,9 @@
         <meta content="DC POS" name="author" />
 
         <style>
+            body {
+                padding-bottom: 32px;
+            }
             .feedback-container {
                 position: fixed;
                 top: 0;
@@ -42,6 +45,7 @@
                     <form class="form-horizontal" role="form">
                         <div class="col-sm-2"></div>
                         <div class="col-sm-10">
+                            <p>You can enter an existing BIP39 phrase, or generate a new random one. Typing your own twelve words will probably not work how you expect, since the words require a particular structure (the last word is a checksum)</p>
                             <p>For more info see the <a href="https://github.com/bitcoin/bips/blob/master/bip-0039.mediawiki" target="_blank">BIP39 spec</a></p>
                         </div>
                         <div class="form-group">
@@ -234,6 +238,88 @@
                     </p>
                 </div>
             </div>
+
+            <hr>
+
+            <div class="row">
+                <div class="col-md-12">
+
+                    <h2>Offline Usage</h2>
+
+                    <p>
+                    You can use this tool without having to be online.
+                    </p>
+                    <p>
+                    In your browser, select file save-as, and save this page
+                    as a file.
+                    </p>
+                    <p>
+                    Double-click that file to open it in a browser
+                    on any offline computer.
+                    </p>
+                    <p>
+                    Alternatively, download it from
+                    <a href="https://github.com/dcpos/bip39">
+                        https://github.com/dcpos/bip39
+                    </a>
+
+                </div>
+            </div>
+
+            <hr>
+
+            <div class="row">
+                <div class="col-md-12">
+
+                    <h2>This project is 100% open-source code</h2>
+
+                    <p>
+                        <span>Get the source code at - </span>
+                        <a href="https://github.com/dcpos/bip39" target="_blank">
+                            https://github.com/dcpos/bip39
+                        </a>
+                    </p>
+
+                    <h3>Libraries</h3>
+
+                    <p>
+                        <span>BitcoinJS - </span>
+                        <a href="https://github.com/bitcoinjs/bitcoinjs-lib" target="_blank">
+                            https://github.com/bitcoinjs/bitcoinjs-lib
+                        </a>
+                    </p>
+
+                    <p>
+                        <span>jsBIP39 - </span>
+                        <a href="https://github.com/iancoleman/jsbip39" target="_blank">
+                            https://github.com/iancoleman/jsbip39
+                        </a>
+                    </p>
+
+                    <p>
+                        <span>asmCrypto - </span>
+                        <a href="https://github.com/vibornoff/asmcrypto.js" target="_blank">
+                            https://github.com/vibornoff/asmcrypto.js
+                        </a>
+                    </p>
+
+                    <p>
+                        <span>jQuery - </span>
+                        <a href="https://jquery.com/" target="_blank">
+                            https://jquery.com/
+                        </a>
+                    </p>
+
+                    <p>
+                        <span>Twitter Bootstrap - </span>
+                        <a href="http://getbootstrap.com/" target="_blank">
+                            http://getbootstrap.com/
+                        </a>
+                    </p>
+
+                </div>
+            </div>
+
         </div>
 
         <div class="feedback-container">