-
Notifications
You must be signed in to change notification settings - Fork 0
/
kiva_lend.html
165 lines (151 loc) · 8.07 KB
/
kiva_lend.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
<!DOCTYPE html>
<html>
<head>
<title>GrünStromJeton - Demonstrator: Kiva Mikrokredit als Stromverbrauchs Incentive</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Bootstrap -->
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" media="screen">
<script type="text/javascript" src="./ewallet/dist/ethers-wallet.min.js"></script>
<!--
<script type="text/javascript" src="./node_modules/web3/dist/web3.js"></script>
<script type="text/javascript" src="./node_modules/async/dist/async.js"></script>
-->
</head>
<body>
<div class="container" id="app_content">
<div class="row" style="margin-bottom:10px;border-bottom:1px solid #303030">
<h1 id="tktitle"><span style="color:#32CD32">Grün</span><span style="color:#228B22">Strom</span><span style="color:#006400">Jeton</span> - Kiva Mikrokredit</h1>
<span style="float:right;color:#909090"><em>mit nachgewiesener Nutzung von lokalem Wind-,Wasser-,Sonnenstrom die Energiewende meistern.</em></span>
</div>
<div id="openWallet" style="display:none">
<div class="row">
<div class="col-md-6">
<div class="panel panel-success">
<div class="panel-heading">
<h3 class="panel-title">Guthaben GrünStrom</h3>
</div>
<div class="panel-body">
<h2><span class="glyphicon glyphicon-leaf"> </span><span class="balance-green"></span> Jetons</h2>
</div>
</div>
</div>
<div class="col-md-6">
<div class="panel panel-warning">
<div class="panel-heading">
<h4 class="panel-title">Guthaben für Transaktionen</h4>
</div>
<div class="panel-body">
<h3> <span class="glyphicon glyphicon-asterisk"> </span><span id="ethbalance"></span> WEI (Gas) <a href="" id="loadETH" class="btn btn-warning" target="_blank">aufladen</a></h3>
</div>
</div>
</div>
</div>
<div class="row" id="alerter" style="display:none"><div class="col-md-12">
<div class="panel panel-danger">
<table class="table" id="logTab">
</table>
</div>
</div></div>
<div class="row">
<div class="col-md-12">
<div class="panel panel-info">
<div class="panel-heading">
<h3 class="panel-title">Aktuelle Finanzierung</h3>
</div>
<div class="panel-body">
<p>Sobald 250.000 GrünStromJetons gesammelt wurden, wird der nächste Mikrokredit bei Kiva finanziert. Bisher wurden <span class="balance-lend">0</span> GrünStromJetons gesammelt.</p>
<div class="progress">
<div class="progress-bar" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" style="width: 15%;" id="plend">
60%
</div>
</div>
<form class="form-inline" onsubmit="return false;">
<div class="form-group">
<label class="sr-only" for="sendTokens">GrünJeton verwenden</label>
<div class="input-group">
<input type="number" class="form-control" id="sendTokens" placeholder="Anzahl der Grünstrom-Tokens">
<div class="input-group-addon">P+</div>
</div>
<button type="submit" class="btn btn-primary" id="doSend">unterstützen</button>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="row"><div class="col-md-12">
<div class="panel panel-primary">
<div class="panel-heading">
<h3 class="panel-title">Abgeschlossene Finanzierungen</h3>
</div>
<div class="panel-body">
<table class="table" id="lendtab">
</table>
</div>
</div>
</div></div>
<div class="row"><div class="col-md-12">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">GrünStromJetons und Mikrokredite bei Kiva</h3>
</div>
<div class="panel-body">
<p>
Diese Seite ist ein funktionaler Demonstrator für die Verwendung von <span style="color:#32CD32">Grün</span><span style="color:#228B22">Strom</span><span style="color:#006400">Jeton</span> als Zahlungsmittel bei <a href="https://kiva.org/" target="_blank">Kiva</a>.
</p>
<p>Kiva vermittelt Kleinkredite vor allem an Dritte-Welt-Länder, bei denen kein Zugang zum konventionellen Kapitalmarkt existiert.
</p>
<p>
Durch regelmäßige <a href="./smart.html">Eingabe Ihres Zählerstandes</a> können <span style="color:#32CD32">Grün</span><span style="color:#228B22">Strom</span><span style="color:#006400">Jeton</span> gesammelt werden. Auf dieser Seite besteht die Möglichkeit einen Teil davon in die Finanzierung eines Mikrokredit zu investieren. Sobald genügend Jetons gesammelt wurden (250.000) wird ein neuer Kredit finanziert.
</p>
</div>
</div></div>
</div> <!-- /openWallet -->
<div id="closedWallet" style="display:none">
</div>
<div>
<div class="panel panel-success">
<div class="panel-heading">
<h3 class="panel-title">Konto öffnen</h3>
</div>
<ul class="list-group">
<li class="list-group-item" id="hasID"><h4>Letzter Zähler</h4>
<form class="form-inline" onsubmit="return false;">
<div class="input-group">
<div class="input-group-addon"><span class="glyphicon glyphicon-scale"></div>
<input type="text" class="form-control" id="seedIn" disabled="true" placeholder="0x1234.." style="width:360px;">
</div>
<button type="submit" class="btn btn-primary" id="doOpen" style="min-width:110px;">öffnen</button>
</form>
</li>
</ul>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Wichtige Informationen</h3>
</div>
<ul class="list-group">
<li class="list-group-item" id="hasID"><h4>Datenschutz</h4>
<p>Zur Verwaltung Ihres <span style="color:#32CD32">Grün</span><span style="color:#228B22">Strom</span><span style="color:#006400">Jeton</span> Konto werden keine persönlichen Daten (Name, Anschrift, Telefonnummer,...) benötigt. Ausnahme ist die Postleitzahl, welche verwendet wird, um den Anteil von Strom aus Windkraft/Sonnenenergie zu einem bestimmten Zeitpunkt zu ermitteln. Die Postleitzahl wird mit der Zähleradresse (0x...) verknüpft verarbeitet, wodurch jedoch ohne weitere Information keine Rückschlüsse auf Ihre Identität möglich ist.</p>
<p>Diese Seite kann auf einem beliebigen Webserver abgelegt werden. Sollten Sie unsicher sein, ob die von Ihnen verwendete Version zusätzliche Informationen protokolliert und auswertet, so wenden Sie sich bitte an den Serverbetreiber oder konsultieren Sie dessen Datenschutzinformation.</p>
</li>
<li class="list-group-item" id="hasID"><h4>Funktion <span style="color:#32CD32">Grün</span><span style="color:#228B22">Strom</span><span style="color:#006400">Jeton</span></h4>
<p>Die Jetons dienen als Nachweis für den Bezug von elektrischer Energie aus dem öffentlichen Stromnetz zu Zeiten eines hohen Angebots von Windkraft, Sonnenenergie und Wasserkraft im unmittelbaren räumlichen Umfeld.</p>
<p>Durch die Verwendung von mindestens zwei Zählerständen innerhalb von 24 Stunden werden die Jetons automatisch gutgeschrieben.</p>
<p>Nach der Gutschrift können Jetons gehandelt, getauscht oder transferiert werden.</p>
</li>
</ul>
</div>
</div>
</div>
<footer class="footer" style="border-top:1px solid #303030;margin-top:20px;">
<div class="container">
<p class="text-muted"><a href="https://gitter.im/zoernert/gsi/" target="_blank">Gitter (Hilfe)</a> | <a href=https://zoernert.github.io/gsi/" target="_blank">FrontEnd (github.io)</a> | <a href="https://github.com/zoernert/gsi">Source (GIT)</a> | <a href="https://blog.stromhaltig.de/search/GSI">Blog</a> | <a href="http://stromhaltig.de/impressum/">Impressum/Kontakt</a></p>
</div>
</footer>
<script src="https://code.jquery.com/jquery.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script type="text/javascript" src="https://rawgit.com/ethers-io/ethers-wallet/master/dist/ethers-wallet.min.js"></script>
<script src="js/app_kiva.js"></script>
</body>
</html>