-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
236 lines (220 loc) · 8.65 KB
/
index.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
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
<!doctype html>
<html lang="sv">
<head>
<title>Betakronan</title>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Facebook Open Graph META tags -->
<meta property="og:title" content="Betakronan"/>
<meta property="og:image" content="./images/keyboard.png"/>
<meta property="og:site_name" content="Betakronan"/>
<meta property="og:description" content="Betakronan är en testbädd som påbörjats med anledning av Riksbankens utredning om ett offentligt digitalt betalningsmedel."/>
<link href="https://fonts.googleapis.com/css?family=Judson:700|Roboto:300,400,700" rel="stylesheet">
<!-- Custom styles -->
<link rel="stylesheet" href="main.css">
<link rel="stylesheet" href="navigation.css">
<!-- Favicon -->
<link rel="icon" type="image/png" href="images/favicon/coins.png">
</head>
<body>
<!-- Navigation -->
<div class="top-section">
<div class="top-section-wrapper">
<div class="top-section-left">
<div class="page-logo">
BETAKRONAN
</div>
<div class="select-language">
<a href="./index.html" class="swedish">SV</a>
<span class="separator">/</span>
<a href="./english.html" class="english">EN</a>
</div>
</div>
<div class="navigation">
<div class="close-text">Stäng</div>
<div class="icon">
<div class="line"></div>
<div class="line"></div>
</div>
</div>
</div>
<div class="links">
<div class="links-grid-wrapper">
<div class="links-grid">
<a class="link-blue" href="#bakgrund">
Bakgrund
<img src="./images/flying-car.png"/>
</a>
<a class="link-yellow" href="#testa-sjalv">
Testa själv
<img src="./images/controller.png"/>
</a>
<a class="link-grey" href="#plattform">
Plattform
<img src="./images/keyboard.png"/>
</a>
<a class="link-pink" href="#vart-svar">
Vårt svar
<img src="./images/books.png"/>
</a>
</div>
</div>
</div>
</div>
<!-- Jumbotron -->
<div class="jumbotron">
<div class="jumbotron-container">
<div class="jumbotron-grid">
<div class="jumbotron-left-col">
<h1>Framtidens digitala kontanter</h1>
<p class="jumbotron-description">
Betakronan är en testbädd som påbörjats med anledning av Riksbankens
utredning om ett offentligt digitalt betalningsmedel. Betakronans
syfte är att berika samtalet och utredningen kring e-kronan med
insikter som kommer av laborativ utveckling och faktiska
implemenationer i kod.
</p>
<a class="button" href="assets/betakronan-svar-till-riksbanken.pdf" download="betakronan-svar-till-riksbanken.pdf" onclick="gtag('event', 'click', { 'event_category': 'download', 'event_label': this.href })">Ladda ner vår rapport</a>
</div>
<div class="jumbotron-right-col">
<img src="images/coins.svg">
</div>
</div>
</div>
</div>
<div class="main-column">
<section id="bakgrund">
<h2>Bakgrund</h2>
<p>
Betakronan startades för att svara på Riksbankens önskan om att få
in synpunkter på projektet e-krona. Ett projekt som syftar till att
utreda och utvecka ett av staten garanterat digitalt komplement till
kontanter.
<br/>
<br/>
För oss är det en självklarhet att alla ska kunna delta i den
digitala ekonomin. Vi ser det som en grundläggande rättighet att
kunna ta del av den samhällsinfrastruktur som betalningstjänster
utgör. Vi tycker inte att indivders deltagande borde villkoras en
kundrelation till en privat bank.
<br/>
<br/>
Tyvärr är utsatta grupper såsom papperslösa, nyanlända och människor
utanför banksystemet ofta begränsade till fysiska kontanter.
Detta skapar svårigheter för dem att delta i samhället. Även
välbärgade grupper så som turister och affärsresande upplever
trösklar för att delta fullt ut i ekonomin i Sverige. För oss det det
en självklarthet att samtliga grupper bör inkluderas i en lösning
för e-kronan.
</p>
<div class="image-wrapper">
<img src="images/books.png">
</div>
</section>
<section id="plattform">
<h2>Plattform</h2>
<p>Implementationen är baserad på blockkedje-plattformen
<a class="link" href="https://www.hyperledger.org/" target="hyperledger" onclick="gtag('event', 'click', { 'event_category': 'outbound', 'event_label': this.href })">
Hyperledger Fabric
</a>
med verktyget Hyperledger Composer. Källkoden finns upplagd på
<a class="link" href="https://github.com/Iteam1337/betakrona-hyperledger" target="github" onclick="gtag('event', 'click', { 'event_category': 'outbound', 'event_label': this.href })">
Github.
</a>
</p>
<p>
Det går även att kika närmare på Betakronans API. Klicka här nedan för
att se mer hur det fungerar.
</p>
<a class="button" href="https://api.betakronan.se" target="api" onclick="gtag('event', 'click', { 'event_category': 'outbound', 'event_label': this.href })">api.betakronan.se</a>
<div class="image-wrapper">
<img src="images/drone.png">
</div>
</section>
<section id="testa-sjalv">
<h2>Testa själv!</h2>
<p>
Vill du experimentera själv med Betakronan? För att få tillgång till
vår blockkedja behövs ett id-kort. Maila
<a class="link" href="mailto:[email protected]" onclick="gtag('event', 'contact')">
</a>
så hör vi av oss!
</p>
<p>Vi har byggt en enkel simulering av en betalsida på nätet som använder
sig av e-krona för betalning via QR-kod. Än så länge utan
identifieringsmetod.
</p>
<a class="button" href="https://try.snowflake.cash" target="snowflake" onclick="gtag('event', 'click', { 'event_category': 'outbound', 'event_label': this.href })">
try.snowflake.cash
</a>
<div class="image-row">
<img src="images/experiment-flasks.png">
<img src="images/flying-car.png">
<img src="images/terminal.png">
</div>
</section>
<section id="vart-svar">
<h2>Läs vårt svar</h2>
<p>
Riksbanken bad Sveriges teknikbolag och utvecklare berätta om deras
vision för e-kronan. Vi vill att Riksbanken:
</p>
<ul>
<li>
Utforskar flera spår parallellt - där blockkedjeteknik utgör ett spår
</li>
<li>
Tillåter en längre utvecklingsperiod där förståelse och arkitektur
växer fram
</li>
<li>
Lyfter in olika kompetenser (ekonomer, designers, beteendevetare,
hackers, ...)
</li>
<li>
Är radikalt öppen och transparent i processen
</li>
<li>
Undviker “Den Stora Upphandlingen” med en enorm kravspecifikation som
oundvikligen blir hopplöst inaktuell inom 3 år
</li>
</ul>
<a class="button" href="assets/betakronan-svar-till-riksbanken.pdf" onclick="gtag('event', 'click', { 'event_category': 'download', 'event_label': this.href })">
Ladda ner vår rapport
</a>
<div class="image-wrapper">
<img src="images/terminal.png">
</div>
</section>
</div>
<footer class="footer">
<div class="footer-container">
<a href="https://iteam.se" target="iteam"
onclick="gtag('event', 'click', { 'event_category': 'outbound', 'event_label': this.href })">
<img src="images/logo.png" class="logo">
</a>
<p>
Betakronan är ett öppet initiativ av utvecklare och rådgivare på Iteam.
Vi digitaliserar företag ochorganisationer genom strategi,
kod och kultur. Besök oss på
<span>
<a href="https://iteam.se">iteam.se</a>
</span>
!
</p>
</div>
</div>
<!-- Vendor js -->
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-2430046-8"></script>
<!-- Custom js -->
<script src="js/main.js"></script>
<script>
// Adjust language toggle to swedish selected
$('a.swedish').addClass('selected-language')
$('a.english').removeClass('selected-language')
</script>
</body>
</html>