diff options
Diffstat (limited to 'template/wallet.html.j2')
| -rw-r--r-- | template/wallet.html.j2 | 162 |
1 files changed, 67 insertions, 95 deletions
diff --git a/template/wallet.html.j2 b/template/wallet.html.j2 index 1febffae..abbb5a73 100644 --- a/template/wallet.html.j2 +++ b/template/wallet.html.j2 @@ -27,7 +27,7 @@ for the JavaScript code in this page. */ -var chrome_min_version = '51'; +var chrome_min_version = 51; function installWallet() { if (window.chrome) { @@ -53,7 +53,7 @@ function onLoad() { document.getElementById("error-chrome").style.display = "inherit"; } else { var m = navigator.userAgent.match(/Chrome\/([0-9.]+)/); - if (null == m || m[1] < chrome_min_version) { + if (null == m || m[1].split('.')[0] < chrome_min_version) { document.getElementById('chrome-min-version').appendChild(document.createTextNode(chrome_min_version)); document.getElementById('error-chrome-version').style.display = "inherit"; } @@ -91,10 +91,10 @@ document.addEventListener('DOMContentLoaded', onLoad); {% endblock head_content %} {% block body_content %} - <!-- Jumbotron --> +<main id="maincontent"> <div class="jumbotron"> <div class="text-center"> - <h1 lang="en">Taler Wallet</h1> + <h1 lang="en">{% trans %}Taler Wallet{% endtrans %}</h1> </div> </div> @@ -103,89 +103,62 @@ document.addEventListener('DOMContentLoaded', onLoad); <div class="row"> <div class="col-lg-12"> <p class="greenbox" id="box-present" style="display:none"> - {% trans %} - Congratulations, you have installed the Taler wallet. - Check out the - {% endtrans %} - <a href="https://demo.taler.net/"> - {% trans %} - demo - {% endtrans %} - </a>. + {% trans %}Congratulations, the Taler wallet is installed on your device. + Check out the <a href="https://demo.taler.net/">demonstration</a>.{% endtrans %} </p> <p class="bluebox" id="box-not-present" style="display:none"> - {% trans %} - You don't have a wallet installed yet. - {% endtrans %} + {% trans %}You don't have a wallet installed yet.{% endtrans %} </p> - </div> <!-- /col-lg-12 --> - </div> <!-- /row --> + </div> + </div> - <div class="row"> + <div class="row wallet-teaser-text"> <div class="col-lg-12"> - {% trans %} - Install the wallet for your browser below, then check out the - {% endtrans %} - <a href="https://demo.taler.net"> - {% trans %} - demonstration - {% endtrans %} - </a>. + {% trans %}Install the wallet for your browser below, then check out the + <a href="https://demo.taler.net">demonstration</a>. + The source code is provided <a href="https://taler.net/files/wallet/" target="_blank" rel="noopener noreferrer">here</a>.{% endtrans %} </div> - </div> <!-- /row --> + </div> - <div class="row"> + <div class="row extension"> <div class="col-lg-6"> - <h2><a href="https://chrome.google.com/webstore/detail/gnu-taler-wallet/millncjiddlpgdmkklmhfadpacifaonc">Google Chrome / Chromium 51+</a></h2> + <h2><a href="https://chrome.google.com/webstore/detail/gnu-taler-wallet/millncjiddlpgdmkklmhfadpacifaonc" target="_blank" rel="noopener noreferrer"> + {% trans %}Google Chrome / Chromium 51+{% endtrans %}</a></h2> <p id="error-chrome" class="error"> - <a href="https://www.google.com/chrome">Google Chrome</a> - {% trans %} - or - {% endtrans %} - <a href="https://www.chromium.org/">Chromium</a> - {% trans %} - is required, but it appears you don't have it installed. - {% endtrans %} + {% trans %}<a href="https://www.google.com/chrome" target="_blank" rel="noopener noreferrer">Google Chrome</a> or + <a href="https://www.chromium.org/" target="_blank" rel="noopener noreferrer">Chromium</a> + is required, but it appears you don't have it installed.{% endtrans %} </p> <p id="error-chrome-version" class="error"> - <a href="https://www.google.com/chrome">Google Chrome</a> - {% trans %} - or - {% endtrans %} - <a href="https://www.chromium.org/">Chromium</a> - {% trans %} - version - {% endtrans %} - <span id="chrome-min-version"></span> - {% trans %} - or newer is required, but it appears you have an older version. - {% endtrans %} + {% trans %}<a href="https://www.google.com/chrome" target="_blank" rel="noopener noreferrer">Google Chrome</a> or + <a href="https://www.chromium.org/" target="_blank" rel="noopener noreferrer">Chromium</a> + version <span id="chrome-min-version"></span> or newer is required, + but it appears you have an older version.{% endtrans %} </p> <div id="inline-install-chrome"> <form target="_blank" action="https://chrome.google.com/webstore/detail/gnu-taler-wallet/millncjiddlpgdmkklmhfadpacifaonc"> - <button action="submit"> - {% trans %} - Install wallet - {% endtrans %} + <button action="submit" class="install-button"> + {% trans %}Install wallet{% endtrans %} </button> </form> <noscript> <em style="color:darkred;"> - {% trans %} - JavaScript is disabled, installation won't work. - {% endtrans %} + {% trans %}JavaScript is disabled, the installation won't work.{% endtrans %} </em> </noscript> <div id="install-result"></div> </div> - </div> <!-- /col-lg-6 --> + </div> <div class="col-lg-6"> - <h2><a href="https://addons.mozilla.org/en-US/firefox/addon/taler-wallet/">Mozilla Firefox 57+</a></h2> + <h2><a href="https://addons.mozilla.org/en-US/firefox/addon/taler-wallet/" target="_blank" rel="noopener noreferrer"> + {% trans %}Mozilla Firefox 57+{% endtrans %}</a></h2> <div id="inline-install-chrome"> <form action="https://addons.mozilla.org/firefox/downloads/latest/taler-wallet/"> - <input type="submit" value="Install wallet" /> + <button action="submit" class="install-button"> + {% trans %}Install wallet{% endtrans %} + </button> </form> </div> @@ -203,67 +176,66 @@ document.addEventListener('DOMContentLoaded', onLoad); <li><a href="/releases/taler-wallet/taler-wallet-stable.xpi">Install the wallet</a></li> </ol> --> - </div> <!-- /col-lg-6 --> + </div> <div class="col-lg-6"> - <h2>Opera 36+</h2> + <h2>{% trans %}Opera 36+{% endtrans %}</h2> <ol> <li> - <a href="https://addons.opera.com/en/extensions/details/download-chrome-extension-9/"> - {% trans %} - Install Download Chrome Extension - {% endtrans %} + <a href="https://addons.opera.com/en/extensions/details/download-chrome-extension-9/" target="_blank" rel="noopener noreferrer"> + {% trans %}Install Download Chrome Extension{% endtrans %} </a> </li> <li> - <a href="https://chrome.google.com/webstore/detail/gnu-taler-wallet/millncjiddlpgdmkklmhfadpacifaonc"> - {% trans %} - Install GNU Taler - {% endtrans %} - </a> - {% trans %} - from the Chrome Web Store - {% endtrans %} + {% trans %}<a href="https://chrome.google.com/webstore/detail/gnu-taler-wallet/millncjiddlpgdmkklmhfadpacifaonc" target="_blank" rel="noopener noreferrer"> + Install the Taler wallet from the Chrome Web Store</a>{% endtrans %} </li> </ol> - </div> <!-- /col-lg-6 --> - + </div> <div class="col-lg-6"> - <h2>Android 4.4 (API 18) or later</h2> + <h2>{% trans %}Android 4.4 (API 18) or later{% endtrans %}</h2> <ul> <li> - <a href="https://play.google.com/store/apps/details?id=net.taler.wallet"> - {% trans %} - Install Android App from Google App Store, or - {% endtrans %} + <p>{% trans %}You can + <a href="https://taler.net/files/wallet/wallet-nightly-debug-1667560285.apk" target="_blank" rel="noopener noreferrer"> + download the APK for Android</a> directly.{% endtrans %}</p> + </li> + <li> + <a href="https://play.google.com/store/apps/details?id=net.taler.wallet" target="_blank" rel="noopener noreferrer"> + {% trans %}Install the Android App from Google App Store.{% endtrans %} </a> </li> <li> - <a href="https://f-droid.org/en/packages/net.taler.wallet.fdroid/"> - {% trans %} - Download Android App from F-Droid (bypassing Google registration). - {% endtrans %} + <a href="https://f-droid.org/en/packages/net.taler.wallet.fdroid/" target="_blank" rel="noopener noreferrer"> + {% trans %}Download the Android App from F-Droid (bypassing Google registration).{% endtrans %} </a> </li> </ul> - </div> <!-- /col-lg-6 --> + </div> - </div> <!-- /row --> + </div> - <div class="row"> + <div class="row extension"> <div class="col-lg-6"> - <h2>{{ _("Other browsers") }}</h2> + <h2>{% trans %}Other browsers{% endtrans %}</h2> <p> - {% trans %} - Wallets for other browsers will be provided in the near future. - {% endtrans %} + {% trans %}Wallets for other browsers will be provided in the near future.{% endtrans %} </p> - </div> <!-- /col-lg-6 --> + </div> - </div> <!-- /row --> - </div> <!-- /container --> + <div class="col-lg-6"> + <h2>iOS</h2> + <p> + {% trans %}The iOS wallet is in the + <a href="https://apps.apple.com/app/taler-wallet/id6463440117">App Store</a>.{% endtrans %} + </p> + </p> + </div> + + </div> +</div> {% endblock body_content %} |