diff options
author | Florian Dold <florian.dold@gmail.com> | 2016-04-23 02:42:15 +0200 |
---|---|---|
committer | Florian Dold <florian.dold@gmail.com> | 2016-04-23 02:42:15 +0200 |
commit | 4767b3067369855b10c407f9c5037214f41f626a (patch) | |
tree | 6f23fb41f017d6926548a528ea2c30b23e2b1d4f /index.html | |
parent | 9fb8e66163db77c989c7de6f03a1b3b898fffdfd (diff) | |
download | landing-4767b3067369855b10c407f9c5037214f41f626a.tar.gz landing-4767b3067369855b10c407f9c5037214f41f626a.tar.bz2 landing-4767b3067369855b10c407f9c5037214f41f626a.zip |
less wall of text
Diffstat (limited to 'index.html')
-rw-r--r-- | index.html | 193 |
1 files changed, 68 insertions, 125 deletions
@@ -4,68 +4,60 @@ <meta charset="utf-8"/> <title>Taler Demonstration Framework</title> <link rel="stylesheet" type="text/css" href="web-common/style.css" /> - <link rel="stylesheet" type="text/css" href="web-common/taler-presence.css" /> <link rel="icon" type="image/png" href="/web-common/favicon-taler.ico" /> - <script src="web-common/taler-presence.js" type="text/javascript" /> - <link rel="chrome-webstore-item" href="https://chrome.google.com/webstore/detail/millncjiddlpgdmkklmhfadpacifaonc" /> + <script src="web-common/taler-wallet-lib.js"></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. - */ - - function onSuccess() { - console.log("installation successful"); - location.reload(); + <script> + function handlePresent() { + for (var e of document.querySelector(".taler-not-installed")) { + e.style.display = "none"; + } + for (var e of document.querySelector(".taler-installed")) { + e.style.display = ""; + } + taler.onPresent(handlePresent); } + </script> - function onFailure(detail) { - console.error("installation failed:", detail); + <style type="text/css"> + a[disabled="true"] { + pointer-events: none; + color: grey; } - function installWallet() { - chrome.webstore.install("https://chrome.google.com/webstore/detail/millncjiddlpgdmkklmhfadpacifaonc", onSuccess, onFailure); + .taler-installed { + display: none; } - </script> - - <style type="text/css"> - a[disabled="true"] { - pointer-events: none; - color: grey; - } - </style> + .bluebox { + background-color: #C2C6FF; + border: solid; + border-radius: 5px; + padding: 0.5em; + } + .greenbox { + background-color: #5EFF64; + border: solid; + border-radius: 5px; + padding: 0.5em; + } + .graybox { + background-color: #DDDDDD; + border: solid; + border-radius: 5px; + padding: 0.5em; + } + </style> </head> <body> <header> - <a href="/index.html" id="logo"> - <img src="web-common/logo.png" width="100" height="100" alt="Logo"> + <a href="/" id="logo"> + <img src="web-common/logo-2015-medium.png" width="100" height="100" alt="Logo"> </a> <!--#include virtual="web-common/dropdown-navbar.html"--> - <h1 class="nav">Taler Demonstration Framework</h1> + <h1 class="nav">Taler Demo</h1> </header> <aside class="sidebar" id="left"> @@ -74,97 +66,48 @@ <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. + Install the wallet from the <a href="https://taler.net/wallet-installation.html">installation page</a>. + It only takes one click. + <p class="bluebox taler-not-installed"> + You don't have a wallet installed yet. </p> - <p class="taler-installed-show"> + <p class="greenbox taler-installed"> 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> - + <article> + <h2>Step 2: Withdraw coins</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 exchange, you first need to transfer currency to the exchange - 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 exchange. 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="/bank" 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> + Now you can withdraw coins into your wallet by going to our <a href="/bank">bank</a>. - <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. + In this demo you're paying with KUDOS, an imaginary currency. When you + create an account at our bank, you'll get 100 KUDOS for free. </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 class="graybox"> + We can't check if you were able to complete this step, since websites + can't see the balance in your wallet. Please click on the Taler icon + in your browser to check your balance. </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> + <h2>Step 3: Pay</sup></h2> + We have two demo merchants where you can spend your coins: + <ul> + <li> + The <a href="/shop">project donation website</a>, where + you can show respect to a software project of your choice + by given them KUDOS. + </li> + <li> + The <a href="/blog">essay store</a>, where you can pay KUDOS for + individual chapters of Richard Stallman's book "Free Software, Free + Society", which is also available for free at <a href="http://www.fsf.org/">the FSF</a>. + </li> + </ul> </article> </section> </body> |