diff options
author | Florian Dold <florian.dold@gmail.com> | 2016-02-29 11:45:35 +0100 |
---|---|---|
committer | Florian Dold <florian.dold@gmail.com> | 2016-02-29 11:45:35 +0100 |
commit | 54ab9d808ffc7a60428b724d3ede54d30f977649 (patch) | |
tree | 944493be73a61aa3358e3efda6e4ffeafc134837 | |
download | landing-54ab9d808ffc7a60428b724d3ede54d30f977649.tar.gz landing-54ab9d808ffc7a60428b724d3ede54d30f977649.tar.bz2 landing-54ab9d808ffc7a60428b724d3ede54d30f977649.zip |
move landing page to demo repository
-rw-r--r-- | .gitmodules | 4 | ||||
-rw-r--r-- | README | 3 | ||||
-rw-r--r-- | index.html | 165 | ||||
-rw-r--r-- | logo-2015-medium.png | bin | 0 -> 75094 bytes | |||
-rw-r--r-- | logo.png | bin | 0 -> 75094 bytes | |||
-rw-r--r-- | style.css | 64 | ||||
m--------- | web-common | 0 |
7 files changed, 236 insertions, 0 deletions
diff --git a/.gitmodules b/.gitmodules new file mode 100644 index 0000000..fab3380 --- /dev/null +++ b/.gitmodules @@ -0,0 +1,4 @@ +[submodule "web-common"] + path = web-common + url = git://taler.net/web-common.git + branch = master @@ -0,0 +1,3 @@ +Directory hosting the "starting" Website for the whole Taler demo experience. +Through it, it is possible to download the extension and get links to the demo +bank and shop. 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> diff --git a/logo-2015-medium.png b/logo-2015-medium.png Binary files differnew file mode 100644 index 0000000..78159bb --- /dev/null +++ b/logo-2015-medium.png diff --git a/logo.png b/logo.png Binary files differnew file mode 100644 index 0000000..78159bb --- /dev/null +++ b/logo.png diff --git a/style.css b/style.css new file mode 100644 index 0000000..4c9f0b3 --- /dev/null +++ b/style.css @@ -0,0 +1,64 @@ +body { + background-color: white; + margin: 0; + padding: 0; + font-family: Verdana, sans; +} + +header { + width: 100%; + height: 100px; + margin: 0; + padding: 0; + border-bottom: 1px solid black; +} + +header h1 { + font-size: 200%; + margin: 0 0 0 120px; + position: relative; + top: 50%; + transform: translateY(-50%); +} + +header #logo { + float: left; + padding: 0; + margin: 0; + text-align: center; + border-right: 1px solid black; +} + +aside { + width: 100px; + float: left; +} + +section#main { + margin: 0 0 0 100px; + padding: 20px; + border-left: 1px solid black; + height: 100%; + max-width: 40em; +} + +section#main h1:first-child { + margin-top: 0; +} + +h1 { + font-size: 160%; +} + +h2 { + font-size: 140%; +} + +h3 { + font-size: 120%; +} + +h4, h5, h6 { + font-size: 100%; +} + diff --git a/web-common b/web-common new file mode 160000 +Subproject 98130c928db4fcc8f06abfa618d649fc979eff1 |