diff options
Diffstat (limited to 'index.html')
-rw-r--r-- | index.html | 165 |
1 files changed, 165 insertions, 0 deletions
diff --git a/index.html b/index.html new file mode 100644 index 0000000..36a983d --- /dev/null +++ b/index.html @@ -0,0 +1,165 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="utf-8"/> + <title>Taler Demonstration Framework</title> + <link rel="stylesheet" type="text/css" href="style.css"> + <script src="web-common/taler-presence.js" type="text/javascript"></script> + <link rel="chrome-webstore-item" href="https://chrome.google.com/webstore/detail/millncjiddlpgdmkklmhfadpacifaonc"> + <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. + */ + + function onSuccess() { + console.log("installation successful"); + } + + function onFailure(detail) { + console.error("installation failed:", detail); + } + + function installWallet() { + chrome.webstore.install("https://chrome.google.com/webstore/detail/millncjiddlpgdmkklmhfadpacifaonc", onSuccess, onFailure); + } + </script> + + <style type="text/css"> + + a[disabled="true"] { + pointer-events: none; + color: grey; + } + </style> +</head> + +<body onload="signal_me()"> + + <header> + <a href="/index.html" id="logo"> + <img src="logo.png" width=100 height=100 alt="Logo"> + </a> + <h1>Taler Demonstration Framework</h1> + </header> + + <aside class="sidebar" id="left"> + </aside> + + <section id="main"> + <article> + <h2>Step 1: Install the Taler wallet</h2> + <p class="taler-installed-hide"> + First, you need to install the Taler wallet browser extension. + Install the wallet: + <ul> + <li>from the app store for + <a href="https://chrome.google.com/webstore/detail/gnu-taler-wallet/millncjiddlpgdmkklmhfadpacifaonc">Google + Chrome and Chromium</a> + </li> + <li id="inline-install-chrome">via inline install: + <button onclick="installWallet()" id="install-button"> + Add to Chrome + </button> + </li> + </ul> + Wallets for other browsers will be provided in the near future. + </p> + <p class="taler-installed-show"> + Congratulations, you have installed the Taler wallet correctly. + You can now proceed with the next steps. + </p> + </article> + + <article class="taler-installed-show"> + <h2>Step 2: Withdraw coins <sup>(occasionally)</sup></h2> + + <p> + The next step is to withdraw coins, after all you cannot pay + with an empty wallet. To be allowed to withdraw coins from + a mint, you first need to transfer currency to the mint + using the normal banking system, for example by using a wire + transfer. If the bank offers a tight integration with + Taler, it may also support this directly over the home + banking online interface. + <br> + For the demonstration, we have created a "bank" that allows + you to "wire" funds (in KUDOS) to the mint. You can create + an account at the bank by just specifying a username that + has not yet been taken, and a password. Afterwards, you can + withdraw KUDOS simply by filling in the desired amount into + a form. Naturally, when using a real bank with real money, + you would have to authenticate and authorize the transfer. + <br> + Note that you would not do this step for each purchase or + each shop. Payment with Taler is like paying with cash: you + withdraw currency at the bank (or an ATM) and then pay at + many merchants without having to authenticate each time. + <br> + So, unless you have already done so, please go ahead and withdraw + KUDOS at the + <a href="http://bank.demo.taler.net/" target="_blank">Demo bank</a> + (opens in a new tab). + </p> + </article> + + <article class="taler-installed-show"> + <h2>Step 3: Shop! <sup>(as long as you have KUDOS left)</sup></h2> + + <p> + Now it is time to spend your hard earned KUDOS. Note that + we cannot really tell if you got any yet, as your Taler + wallet balance is visible to you, but of course is hidden + entirely from the shop. + </p> + <p> + The shop corresponds to the shopping cart of a real Web + shop; however, we kept it very simple for the demonstration, + so you can only donate KUDOS to free software projects. + Visit + <a href="/shop" target="_blank">shop.demo.taler.net</a> to + go to the shop (opens in a new tab). + </p> + </article> + + <article class="taler-installed-show"> + <h2>Step 3: Read! <sup>(as long as you have KUDOS left)</sup></h2> + + <p> + What would the Internet without reading online articles. + However, so far it was hard to reward the authors of + such works. With Taler, this is now easy. + </p> + <p> + We have created a blog based on Richard Stallman's book + "Free Software, Free Society", which is also available + for free at <a href="http://www.fsf.org/">the FSF</a>. + However, it's of course much more fun to show Richard + your respect by paying him with KUDOS. + Visit + <a href="/blog" target="_blank">blog.demo.taler.net</a> to + go to the Free Software Free Society blog (opens in a new tab). + </p> + </article> + </section> + </body> +</html> |