diff options
Diffstat (limited to 'src/website')
-rw-r--r-- | src/website/new/create-reserve-form.html | 11 | ||||
-rw-r--r-- | src/website/new/merchant.html | 37 | ||||
-rw-r--r-- | src/website/new/merchant.js | 79 | ||||
-rw-r--r-- | src/website/new/style.css | 331 | ||||
-rw-r--r-- | src/website/new/toys2.jpg | bin | 0 -> 41373 bytes |
5 files changed, 458 insertions, 0 deletions
diff --git a/src/website/new/create-reserve-form.html b/src/website/new/create-reserve-form.html new file mode 100644 index 00000000..b7a14039 --- /dev/null +++ b/src/website/new/create-reserve-form.html @@ -0,0 +1,11 @@ +<form id="reserve-form" name="tform" action="never_used" onsubmit="return MERCHtrigSubmission()" method="POST"> + Which mint? Indicate mint's URL below :<br><input id="mint-url" type="text" name="pbk">demo.taler.net</input><br> + Your Public Key Here :<br><input type="text" name="pbk">X6CK1DWTT895YK5RAJP77H6K673FBGR1KJ3ZGXFD2N67TJDE7VBG</input><br> + How many Kudos? :<br> + <select id="taler-amount" name="kudos"> + <option value="1">1</option> + <option value="5">5</option> + <option value="10">10</option> + </select><br><br> +<input type="submit" value="Submit"></input><br> +</form> diff --git a/src/website/new/merchant.html b/src/website/new/merchant.html new file mode 100644 index 00000000..2c02f85b --- /dev/null +++ b/src/website/new/merchant.html @@ -0,0 +1,37 @@ +<html lang="en"> +<head> + <title>Taler's "Toy" Shop</title> + + <link rel="stylesheet" type="text/css" href="style.css"> + +</head> + +<body id="css-zen-garden"> +<div id='root' class="page-wrapper"> + + <section class="intro" id="zen-intro"> + <header> + <h1></h1> + <h2></h2> + </header> + + <div class="preamble" id="zen-preamble" role="article"> + <h3>"Toy" Merchant as a demo for Taler</h3> + <p>We provide a guided utilization of latest Taler's Wallet.</p> + </div> + </section> + + <div class="supporting" id="zen-supporting" role="main"> + <div class="explanation" id="zen-explanation" role="article"> + <p>The latest version of the Wallet is available at the following link: + <a href="http://toy.taler.net/extension">http://toy.taler.net/extension</a> + </p> + </div> + </div> +</div> + + <script type="text/javascript" src="merchant.js"> + </script> + +</body> +</html> diff --git a/src/website/new/merchant.js b/src/website/new/merchant.js new file mode 100644 index 00000000..1c5480df --- /dev/null +++ b/src/website/new/merchant.js @@ -0,0 +1,79 @@ +/* + + This file is part of TALER + Copyright (C) 2014, 2015 Christian Grothoff (and other contributing authors) + + TALER is free software; you can redistribute it and/or modify it under the + terms of the GNU General Public License as published by the Free Software + Foundation; either version 3, or (at your option) any later version. + + TALER is distributed in the hope that it will be useful, but WITHOUT ANY + WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR + A PARTICULAR PURPOSE. See the GNU General Public License for more details. + + You should have received a copy of the GNU General Public License along with + TALER; see the file COPYING. If not, If not, see <http://www.gnu.org/licenses/> + + +*/ + +/* Set up a listener to be called whenever a Wallet gets installed +so that the user is led towards the demo's steps progressively +*/ + +function MERCHfirstStep(){ + + // NOTE: NO 'let' declarations liked by FF here. + var resDiv = document.createElement("div"); + var resTitle = document.createElement("h3"); + var resPar = document.createElement("p"); + + resTitle.innerHTML = "How To Create A Reserve"; + resPar.innerHTML = "Click on 'Create Reserve' on the Wallet's menu, and fill in the followong form" + + resTitle.setAttribute('class', 'preamble'); + resDiv.appendChild(resTitle); + resDiv.appendChild(resPar); + var root = document.getElementById('root'); + root.appendChild(resDiv); + + // get the form + var getform = new XMLHttpRequest(); + + getform.onload = function (){ + var parser = new DOMParser(); + var formDom = parser.parseFromString(getform.responseText, "text/html"); + var form = formDom.getElementById('reserve-form'); + + resDiv.appendChild(form); + + }; + + + getform.open("GET", "file:///home/marcello/webstore/create-reserve-form.html", true); + getform.send(); + +} + +document.body.addEventListener("taler-wallet-installed", MERCHfirstStep, false, false); + + +/* +notify the extension about the submission. That way it will be possible to retrieve +the mint's URL and/or other info. from the filled form + +*/ +function MERCHtrigSubmission(){ + +// set 'action' attribute to mint's url +// var mint = document.getElementById("mint-url"); + +// var form = document.getElementById("reserve-form"); +// form.setAttribute("action", "http://" + mint.value + "/admin/incoming/add"); + +var subEvent = new Event("submit-reserve"); +document.body.dispatchEvent(subEvent); + +// always return false so that the post is actually done by the extension +return false; +} diff --git a/src/website/new/style.css b/src/website/new/style.css new file mode 100644 index 00000000..34b5f3fa --- /dev/null +++ b/src/website/new/style.css @@ -0,0 +1,331 @@ +/* css Zen Garden submission 020 - 'Friendly Beaches' by Sophie G - www.sophie-g.net */ +/* css released under Creative Commons ShareAlike License v1.0 - http://creativecommons.org/licenses/sa/1.0/ */ +/* All associated graphics copyright 2003, Sophie G */ + + +/* IMPORTANT */ +/* This design is not a template. You may not reproduce it elsewhere without the designer's written permission. */ +/* The CSS itself may freely be used for anything you wish, but the associated graphics belong to the designer. */ +/* What you may use - .css files. What you may not use - .jpg, .gif, and .png files. */ + + + +body { + background-color: #FFFFFF; + margin: 0px; + padding: 10px; + font-family: Georgia, "Times New Roman", Times, serif; + font-size: 90%; +} + +p { + line-height: 180%; + } +.page-wrapper { + background-color: #EDEEF0; + border: 1px solid #DAD5D9; + padding: 0px; + margin: 0px; +} +abbr { + border-bottom: 1px #6BA0D2 dashed; +} +header { + font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; + background-color: #FFFFFF; +} +header h1 { + height: 190px; + margin: 0px; + background-image: url(toys2.jpg); + background-repeat: no-repeat; +} +header h1, header h2 { + text-indent: 100%; + white-space: nowrap; + overflow: hidden; +} +header h2 { + background-color: #EDEEF0; + margin: 0px; + height: 24px; + padding: 0px 14px 2px 14px; + background-image: url(headerh2.gif); + background-repeat: no-repeat; +} +header h2 abbr { + color: #FFF; + border-bottom: 1px #FFF dashed; +} +.summary p:first-child { + position: absolute; + right: 21px; + top: 21px; + width: 12em; + height: 165px; + padding: 3px 0 0 0; + margin: 0px; + border: 1px solid #0C2953; + text-align: center; + font-size: 90%; + font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; + line-height: 110%; + color: #FFF; + background-image: url(summary.jpg); + background-repeat: no-repeat; + background-position: 50% 100%; + background-color: #0C2953; +} +.preamble { + padding: 0px 15em 0px 3em; +} +.preamble h3 { + margin: 15px 0px 0px 0px; + padding: 6px 20px 2px 6px; + text-align: left; + font-size: 180%; + font-variant: small-caps; + color: #6BA0D2; + background-image: url(bordDroitPreambleh3.gif); + background-repeat: no-repeat; + background-position: 100% 0px; + background-color: #F6F7F7; +} +.preamble h3::before { + content: " "; + display: inline-block; + padding: 35px 0px 30px 48px; + background-image: url(preambleShell.jpg); + background-repeat: no-repeat; + background-position: 0px 50%; + vertical-align: middle; +} +.preamble p { + text-align: justify; +} +.preamble p:nth-child(2), .preamble p:nth-child(3) { + margin: 0px; + padding: 10px 20px 2px 6px; + background-image: url(bordDroitPreamble.gif); + background-repeat: repeat-y; + background-position: 100% 0px; + background-color: #F6F7F7; +} +.preamble p:nth-child(4) { + margin: 0px; + padding: 0px; + background-image: url(bordBasPreamble.gif); + background-repeat: no-repeat; + background-position: 100% 100%; + background-color: #F6F7F7; + padding: 10px 20px 20px 6px; +} +.preamble p:nth-child(4)::after { + content: " "; + display: block; + margin: 0px; + padding: 0 20px 0 6px; + background-image: url(bordBasPreambleGauche.gif); + background-repeat: no-repeat; + background-position: 0% 100%; +} +.preamble p:first-letter { + color: #6BA0D2; + font-size: 140%; + font-weight: bold; + margin: 0px 2px 0px 0px; +} +.supporting { + margin: 0px; + padding: 10px 16em 0px 1em; + font-size: 90%; +} +.explanation, .participation, .benefits, .requirements { + border: 2px solid #FFF; + padding: 0px; +} +.explanation { + margin: 0px 0px 10px 0px; +} +.participation { + margin: 0px 0px 10px 0px; + float: left; + width: 30%; +} +.benefits { + margin: 0px 0px 10px 32%; +} +.requirements { + margin: 0px 0px 10px 32%; +} +.supporting h3 { + margin: 0px; + padding: 5px 30px 1px 2px; + text-align: left; + font-size: 120%; + font-variant: small-caps; + color: #6BA0D2; + border-bottom: 1px solid #6BA0D2; + background-color: #F6F7F7; + background-repeat: no-repeat; + background-position: 100% 50%; +} +.explanation h3 { + background-image: url(explanationShell.jpg); +} +.participation h3 { + background-image: url(participationShell.jpg); +} +.benefits h3 { + background-image: url(benefitsShell.jpg); +} +.requirements h3 { + background-image: url(requirementsRock.jpg); +} +.supporting p { + text-align: justify; + margin: 10px 0px 0px 0px; + padding: 1px 3px 2px 3px; +} +.supporting p:first-letter { + font-weight: bold; +} +.supporting a:link { + color: #0083FF; + font-weight: bold; +} +.supporting a:visited { + color: #204160; + font-weight: bold; +} +.supporting a:hover, .supporting a:active { + color: #8C0000; + font-weight: bold; + text-decoration: none; +} +.sidebar, .summary p:last-child { + font-size: 90%; + font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; + position: absolute; + right: 21px; + width: 12em; + border: 1px solid #0C2953; + padding: 0px; + margin: 0px; + background-color: #A4ACB3; +} +.summary p:last-child { + height: 50px; + text-align: center; + top: 217px; + font-size: 90%; + display: block; + padding: 3px 0; + color: #FFF; +} +.sidebar { + top: 266px; +} +.sidebar h3 { + background-color: #0C2953; + color: #FFF; + margin: 0px; + padding: 30px 1px 1px 1px; + background-repeat: no-repeat; +} +.sidebar h3.select { + background-image: url(selecth3.jpg); + background-position: 50% 0%; +} +.sidebar h3.favorites { + border-top: 1px solid #0C2953; + background-image: url(favoritesh3.jpg); + background-position: 40% 100%; +} +.sidebar h3.archives { + border-top: 1px solid #0C2953; + background-image: url(archivesh3.jpg); + background-position: 40% 100%; +} +.sidebar h3.resources { + border-top: 1px solid #0C2953; + background-image: url(resourcesh3.jpg); + background-position: 50% 30%; +} +.sidebar h3:first-letter { + color: #FFF; + font-size: 160%; +} +.sidebar ul { + list-style-type: none; + font-size: 90%; + color: #FFF; + margin: 0px; + padding: 0px; + background-color: #A4ACB3; +} +.sidebar li { + padding: 3px 2px 3px 2px; + margin-bottom: 4px; +} +.sidebar li:hover { + padding: 2px 1px 2px 1px; + border: 1px dotted #0C2953; + background-color: #6BA0D2; +} +.summary p:last-child a:link { + color: #FFF; + font-weight: bold; +} +.summary p:last-child a:visited { + color: #204160; +} +.summary p:last-child a:hover, .summary p:last-child a:active { + color: #FFD800; + font-weight: bold; + text-decoration: none; +} +.sidebar a:link, .sidebar a:visited { + border-left: 6px solid #FFF; + padding-left: 2px; + font-weight: bold; + color: #FFF; +} +.sidebar a:visited { + color: #204160; +} +.sidebar a:hover, .sidebar a:active { + border-left: 6px solid #FFD800; + padding-left: 2px; + color: #FFD800; + text-decoration: none; + font-weight: bold; +} +.sidebar a.designer-name:link, .sidebar a.designer-name:visited { + border-left: none; + padding-left: 0px; + font-weight: normal; + color: #FFF; +} +.sidebar a.designer-name:hover, .sidebar a.designer-name:active { + border-left: none; + padding-left: 0px; + color: #FFD800; + text-decoration: none; +} +.sidebar abbr { + border-bottom: 1px #FFF dashed; +} +footer { + clear: both; + text-align: right; + margin: 0px -16em 0px 0px; + padding: 25px 0px 0px 0px; + background-repeat: no-repeat; + background-image: url(signSoph.gif); + background-position: 0% 95%; +} +footer a { + font-size: 70%; + font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; +} diff --git a/src/website/new/toys2.jpg b/src/website/new/toys2.jpg Binary files differnew file mode 100644 index 00000000..9b3d2d29 --- /dev/null +++ b/src/website/new/toys2.jpg |