-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
183 lines (148 loc) · 6.55 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
<!DOCTYPE html>
<html>
<title>The oro zone</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="w3.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
body,h1 {font-family: "Raleway", sans-serif}
body, html {height: 100%}
.bgimg {
background-image: url('forestbridge.jpg');
min-height: 100%;
background-position: center;
background-size: cover;
}
</style>
<body>
<!--#Welcome -->
<nav class="w3-sidebar w3-black w3-animate-left w3-xxlarge" style="display:none; padding-top:150px " id="inf">
<div class="w3-display-topright w3-padding-large w3-xlarge">
<a href="javascript:void(0)" onclick="w3_close()" class="w3-button w3-black">
<i class="fa fa-remove"></i>
</a>
</div>
<div class="w3-bar-block w3-center xlarge">
<div style="margin:auto; max-width:800px;">
Congratulations and welcome
<br><br>
You are honored as a human and a global citizen. <br>
We, members of the oro zone, want to support all of the population.
Therefore each one receives a <u onclick="openNav()" style="cursor:pointer">universal basic income</u> every day.
<br><br>
May your projects prosper and your hearts beat healthy
</div>
</div>
<div class="w3-display-bottommiddle w3-padding-large w3-xlarge">
<span class="w3-button w3-right w3-padding" onclick="openNav()">- FAQ -<br> </span>
</div>
</nav>
<!--#FAQ -->
<nav class="w3-sidebar w3-white w3-animate-right w3-large" style="display:none; padding-top:150px;right:0;z-index:2" id="mySidebar">
<div class="w3-display-topright w3-padding-large w3-xlarge">
<a href="javascript:void(0)" onclick="closeNav()" class="w3-button w3-white">
<i class="fa fa-remove"></i>
</a>
</div>
<div class="w3-bar-block w3-justify w3-padding large">
<div style="margin:auto; max-width:800px;">
<h1>FAQ</h1>
<h2>
Excuse me?</h2>
The oro zone presents an alternative way to organize, liberate and safeguard our global and personal economies.
<hr>
<h2>Why?</h2>
<p><div class="w3-margin-bottom">In this world there is room for everyone. And the good earth is rich and can provide for everyone. The way of life can be free and beautiful. But we have lost the way.</div>
-The Great Dictator</p>
<hr>
<h2>What is money?</h2>
Money is a medium to exchange value.<br>
It is an intermediate resource to facilitate the sharing of our activities.<br>
A business-lubricating idea.
<hr>
<h2>Where does money come from?</h2>
Be creative.
<hr>
<h2>How does it work?</h2>
<div class="w3-margin-bottom">As with all our major currencies, the oro is created out of thin air. Thin air from our own homes in this case. The oro brings digital fiat money into existence by means of a basic income.</div>
<div class="w3-margin-bottom">Every day one receives a minimum budget, no matter the situation. And every day all accounts are devalued by a fraction. Equilibrating the distribution of wealth. Promoting money as a tool for trade. And keeping the numbers in check.</div>
<div class="w3-margin-bottom">Our commons are governed by a direct democracy. Every participant receives an additional income to authorize public expenditures of interest.</div>
<hr>
<h2>What about cheating?</h2>
<div class="w3-margin-bottom">Ending up in our current state of affairs would be one of the worst cases.</diV>
<div class="w3-margin-bottom">The structure is simple and transparant so cheaters ought to be detected trough human verification. Love is blind, neighbors aren't.</div>
<hr>
<h2>Isn't this impossible?</h2>
<div class="w3-margin-bottom">Take a moment and observe that imaginary leash.</div>
<div class="w3-margin-bottom">If you don't desire change, there is no gain in participating. Fighting a system is giving it credit, acknowledgment, energy and power. Adopting another one is finding yourself living that new culture. </div>
<hr>
<h2>I See. What do I do?</h2>
<div class="w3-margin-bottom">
Become a <a target="_blank" href="https://github.com/orozone/orozone.github.io" style="cursor:pointer">member</a> of the oro zone.
</div>
<div class="w3-margin-bottom">
Look at the world and see what this plain, universal infrastructure could bring in to being.<br>
And then look at your hands.
Shall we built ourselves a home?
</div>
<div class="w3-margin-bottom">
Time to emancipate.
</div>
<br><br><br><br><br>
</div>
</div>
</nav>
<!--#index -->
<div class="bgimg w3-display-container w3-animate-opacity w3-text-white">
<div class="w3-display-topleft w3-padding-large w3-xlarge">
The oro zone
</div>
<div class="w3-display-topright w3-padding-large w3-xlarge">
<span class="w3-button w3-right" onclick="w3_open()"><i class="fa fa-info-circle"></i></span>
</div>
<div class="w3-display-middle">
<h1 class="w3-jumbo w3-animate-top">Cont saldo</h1>
<hr class="w3-border-grey" style="margin:auto;width:40%">
<center>
<span class="w3-xxlarge w3-center" id="ubi"></span> <span class="w3-large">oro</span>
</center>
</div>
<div class="w3-display-bottomleft w3-padding-large">
Powered by <a href="https://www.w3schools.com/w3css/default.asp" target="_blank">w3.css</a>
</div>
</div>
<script>
var d = new Date();
var t = d.getTime();
var day = Math.floor(t / (86400000)) - 18618;
var cont = 0;
var i;
for (i = 0; i < day; i++) {
cont=cont+10;
cont=cont*(1-1/1000);
}
cont=cont.toFixed(2);
var contsaldo= cont.toString();
document.getElementById("ubi").innerHTML = contsaldo;
</script>
<!--#nav -->
<script>
function w3_open() {
document.getElementById("inf").style.width = "100%";
document.getElementById("inf").style.display = "block";
}
function w3_close() {
document.getElementById("inf").style.display = "none";
}
function openNav() {
document.getElementById("mySidebar").style.width = "100%";
document.getElementById("mySidebar").style.display = "block";
}
function closeNav() {
document.getElementById("mySidebar").style.display = "none";
}
</script>
</body>
</html>