commit ea953cbcb0d36c24d157a79aa2c28ab0b9650dec
parent ee101ab2d248a7742a6f7ae271ac93e13ca9d4f8
Author: tg(x) <*@tg-x.net>
Date: Tue, 11 Oct 2016 18:57:09 +0200
wallet: styling
Diffstat:
1 file changed, 152 insertions(+), 129 deletions(-)
diff --git a/wallet-installation.html b/wallet-installation.html
@@ -1,162 +1,185 @@
<!DOCTYPE html>
-<html lang="en">
-<head profile="http://www.w3.org/2005/10/profile">
- <meta charset="utf-8"/>
- <title>Taler Wallet Installation</title>
- <link rel="icon" type="image/png" href="/web-common/favicon-taler.ico" />
- <link rel="chrome-webstore-item" href="https://chrome.google.com/webstore/detail/millncjiddlpgdmkklmhfadpacifaonc" />
- <script src="web-common/taler-wallet-lib.js" type="text/javascript"></script>
-
- <script type="application/javascript">
- /*
- @licstart The following is the entire license notice for the
- JavaScript code in this page.
-
- Copyright (C) 2015 GNUnet e.V.
-
- The JavaScript code in this page is free software: you can
- redistribute it and/or modify it under the terms of the GNU
- Lesser General Public License (GNU LGPL) as published by the Free Software
- Foundation, either version 2.1 of the License, or (at your option)
- any later version. The code is distributed WITHOUT ANY WARRANTY;
- without even the implied warranty of MERCHANTABILITY or FITNESS
- FOR A PARTICULAR PURPOSE. See the GNU LGPL for more details.
-
- As additional permission under GNU LGPL version 2.1 section 7, you
- may distribute non-source (e.g., minimized or compacted) forms of
- that code without the copy of the GNU LGPL normally required by
- section 4, provided you include this license notice and a URL
- through which recipients can access the Corresponding Source.
-
- @licend The above is the entire license notice
- for the JavaScript code in this page.
- */
-
- var chrome_min_version = '47.0.2526';
-
- function onSuccess() {
- console.log("installation successful");
- document.getElementById("install-result").appendChild(document.createTextNode("Installation was successful."));
- }
+<html>
+ <head profile="http://www.w3.org/2005/10/profile">
+ <meta charset="utf-8"/>
+ <title>GNU Taler - Wallet</title>
+ <meta name="description" content="">
+ <!--# include file="common/header.inc" -->
- function onFailure(detail) {
- console.error("installation failed:", detail);
- document.getElementById("install-result").appendChild(document.createTextNode("Installation failed: " + detail));
- }
+ <link rel="chrome-webstore-item" href="https://chrome.google.com/webstore/detail/millncjiddlpgdmkklmhfadpacifaonc" />
+ <script src="web-common/taler-wallet-lib.js" type="text/javascript"></script>
- function installWallet() {
- if (window.chrome) {
+ <script type="application/javascript">
+ /*
+ @licstart The following is the entire license notice for the
+ JavaScript code in this page.
+
+ Copyright (C) 2015 GNUnet e.V.
+
+ The JavaScript code in this page is free software: you can
+ redistribute it and/or modify it under the terms of the GNU
+ Lesser General Public License (GNU LGPL) as published by the Free Software
+ Foundation, either version 2.1 of the License, or (at your option)
+ any later version. The code is distributed WITHOUT ANY WARRANTY;
+ without even the implied warranty of MERCHANTABILITY or FITNESS
+ FOR A PARTICULAR PURPOSE. See the GNU LGPL for more details.
+
+ As additional permission under GNU LGPL version 2.1 section 7, you
+ may distribute non-source (e.g., minimized or compacted) forms of
+ that code without the copy of the GNU LGPL normally required by
+ section 4, provided you include this license notice and a URL
+ through which recipients can access the Corresponding Source.
+
+ @licend The above is the entire license notice
+ for the JavaScript code in this page.
+ */
+
+var chrome_min_version = '49';
+
+function onSuccess() {
+ console.log("installation successful");
+ document.getElementById("install-result").appendChild(document.createTextNode("Installation was successful."));
+}
+
+function onFailure(detail) {
+ console.error("installation failed:", detail);
+ document.getElementById("install-result").appendChild(document.createTextNode("Installation failed: " + detail));
+}
+
+function installWallet() {
+ if (window.chrome) {
chrome.webstore.install("https://chrome.google.com/webstore/detail/millncjiddlpgdmkklmhfadpacifaonc", onSuccess, onFailure);
- } else {
+ } else {
onFailure("Google Chrome or Chromium is required for installation.");
- }
}
+}
- try {
- taler.onPresent(function () {
+try {
+ taler.onPresent(function () {
document.getElementById("box-present").style.display = "inherit";
document.getElementById("box-not-present").style.display = "none";
- });
- taler.onAbsent(function () {
+ });
+ taler.onAbsent(function () {
document.getElementById("box-present").style.display = "none";
document.getElementById("box-not-present").style.display = "inherit";
- });
- } catch (err) {
- }
+ });
+} catch (err) {}
- function onLoad() {
- if (typeof window.chrome != "object") {
+function onLoad() {
+ if (typeof window.chrome != "object") {
document.getElementById("error-chrome").style.display = "inherit";
- } else {
+ } else {
var m = navigator.userAgent.match(/Chrome\/([0-9.]+)/);
if (null == m || m[1] < chrome_min_version) {
- document.getElementById('chrome-min-version').appendChild(document.createTextNode(chrome_min_version));
- document.getElementById('error-chrome-version').style.display = "inherit";
+ document.getElementById('chrome-min-version').appendChild(document.createTextNode(chrome_min_version));
+ document.getElementById('error-chrome-version').style.display = "inherit";
}
- }
}
+}
- document.addEventListener('DOMContentLoaded', onLoad);
- </script>
+document.addEventListener('DOMContentLoaded', onLoad);
+ </script>
- <style type="text/css">
- .greenbox {
+ <style type="text/css">
+ .greenbox {
background-color: #5EFF64;
border: solid;
border-radius: 5px;
padding: 0.5em;
- }
- .bluebox {
+ }
+ .bluebox {
background-color: #C2C6FF;
border: solid;
border-radius: 5px;
padding: 0.5em;
- }
- .error {
+ }
+ .error {
font-style: italic;
display: none;
- }
- #install-result {
+ }
+ #install-result {
font-weight: bold;
- }
+ }
- main ul li {
+ main ul li {
margin-bottom: 1em;
- }
- </style>
-</head>
-
-<body>
- <h1>Install the Taler wallet</h1>
-
- <main style="display:inline-block;">
- <h2>Google Chrome / Chromium 49+</h2>
- <p id="error-chrome" class="error">
- <a href="https://www.google.com/chrome">Google Chrome</a> or <a href="https://www.chromium.org/">Chromium</a>
- is required, but it appears you don't have it installed.
- </p>
- <p id="error-chrome-version" class="error">
- <a href="https://www.google.com/chrome">Google Chrome</a> or <a href="https://www.chromium.org/">Chromium</a>
- version <span id="chrome-min-version"></span> or newer is required, but it appears you have an older version.</p>
- <ul>
- <li>
- <a href="https://chrome.google.com/webstore/detail/gnu-taler-wallet/millncjiddlpgdmkklmhfadpacifaonc">Install from the Chrome Web Store</a>
- </li>
- <li id="inline-install-chrome">
- <button onclick="installWallet()" id="install-button">
- Install from this page
- </button>
- <div id="install-result"></div>
- </li>
- </ul>
-
- <h2>Firefox 50+</h2>
-
- <p>The add-on is currently in the process of being signed by Mozilla,
- until then it can be installed the following way:</p>
-
- <h3>Firefox Beta</h3>
- <ol>
- <li><a href="/releases/taler-wallet/taler-wallet-stable.xpi">Download the wallet</a> (right click, Save Link As...)</li>
- <li>On the <code>about:debugging</code> page, "Load temporary extension"</li>
- </ol>
-
- <h3>Firefox Developer Edition</h3>
- <p>Either from the <code>about:debugging</code> page like above, or:</p>
- <ol>
- <li>On the <code>about:config</code> page set <code>xpinstall.signatures.required</code> to <code>false</code></li>
- <li><a href="/releases/taler-wallet/taler-wallet-stable.xpi">Install the wallet</a></li>
- </ol>
-
- <h2>Other browsers</h2>
- <p>Wallets for other browsers will be provided in the near future.</p>
- <p class="greenbox" id="box-present" style="display:none">
- Congratulations, you have installed the Taler wallet.
- Check out the <a href="https://demo.taler.net/">demo</a>.
- </p>
- <p class="bluebox" id="box-not-present" style="display:none">
- You don't have a wallet installed yet.
- </p>
- </main>
-</body>
+ }
+ </style>
+ </head>
+
+ <body class="en" onLoad="loadLang();">
+ <div class="container">
+ <!--# include file="common/navigation.inc" -->
+ <!-- Jumbotron -->
+ <div class="jumbotron">
+ <h1 lang="en">Taler Wallet</h1>
+ </div>
+
+ <div class="row">
+ <div class="col-lg-6">
+
+ <h2>Google Chrome / Chromium 49+</h2>
+
+ <p id="error-chrome" class="error">
+ <a href="https://www.google.com/chrome">Google Chrome</a> or <a href="https://www.chromium.org/">Chromium</a>
+ is required, but it appears you don't have it installed.
+ </p>
+ <p id="error-chrome-version" class="error">
+ <a href="https://www.google.com/chrome">Google Chrome</a> or <a href="https://www.chromium.org/">Chromium</a>
+ version <span id="chrome-min-version"></span> or newer is required, but it appears you have an older version.</p>
+ <ul>
+ <li>
+ <a href="https://chrome.google.com/webstore/detail/gnu-taler-wallet/millncjiddlpgdmkklmhfadpacifaonc">Install from the Chrome Web Store</a>
+ </li>
+ <li id="inline-install-chrome">
+ <button onclick="installWallet()" id="install-button">
+ Install from this page
+ </button>
+ <div id="install-result"></div>
+ </li>
+ </ul>
+ </div> <!-- /col-lg-6 -->
+
+ <div class="col-lg-6">
+ <h2>Firefox 50+</h2>
+
+ <p>The add-on is currently in the process of being signed by Mozilla,
+ until then it can be installed the following way:</p>
+
+ <h3>Firefox Beta</h3>
+ <ol>
+ <li><a href="/releases/taler-wallet/taler-wallet-stable.xpi">Download the wallet</a> (right click, Save Link As...)</li>
+ <li>On the <code>about:debugging</code> page, "Load temporary extension"</li>
+ </ol>
+
+ <h3>Firefox Developer Edition</h3>
+ <p>Either from the <code>about:debugging</code> page like above, or:</p>
+ <ol>
+ <li>On the <code>about:config</code> page set <code>xpinstall.signatures.required</code> to <code>false</code></li>
+ <li><a href="/releases/taler-wallet/taler-wallet-stable.xpi">Install the wallet</a></li>
+ </ol>
+
+ </div> <!-- /col-lg-6 -->
+
+ </div> <!-- /row -->
+
+ <div class="row">
+
+ <div class="col-lg-6">
+ <h2>Other browsers</h2>
+ <p>Wallets for other browsers will be provided in the near future.</p>
+ <p class="greenbox" id="box-present" style="display:none">
+ Congratulations, you have installed the Taler wallet.
+ Check out the <a href="https://demo.taler.net/">demo</a>.
+ </p>
+ <p class="bluebox" id="box-not-present" style="display:none">
+ You don't have a wallet installed yet.
+ </p>
+
+ </div> <!-- /col-lg-6 -->
+ </div> <!-- /row -->
+
+ <!--# include file="common/footer.inc" -->
+ </div> <!-- /container -->
+ </body>
</html>
