-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
218 lines (207 loc) · 8.23 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
<!DOCTYPE HTML>
<html>
<head>
<title>Free Your Mind</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Kirang+Haerang&display=swap" rel="stylesheet">
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<!-- Sidebar -->
<section id="sidebar">
<div class="inner">
<div class="logo">
<img class="logo-img" src="images/logo.png" />
</div>
<nav>
<ul>
<li><a href="#intro">Welcome</a></li>
<li><a href="#why">Why</a></li>
<li><a href="#how">How</a></li>
<li><a href="#where">Where</a></li>
<li><a href="#who">Who</a></li>
</ul>
</nav>
</div>
</section>
<!-- Wrapper -->
<div id="wrapper">
<!-- Intro -->
<section id="intro" class="wrapper style1 fullscreen fade-up">
<div class="inner hero">
<img class="mobile-logo" src="images/logo-transparent.png" />
<h2>Free Minds</h2>
<p>Digital art which pays back prisoner debt, restoring justice and the dignity of returning citizens.</p>
<ul class="actions">
<li><a href="#why" class="button scrolly">Understand</a></li>
</ul>
</div>
</section>
<!-- Why? -->
<section id="why" class="wrapper style2 spotlights">
<div class="inner">
<h2 class="txt-white">Giving To Get Back</h2>
<p class="txt-white">
The essence of this project is respect for life and the restoration of dignity.
</p>
<p class="txt-white">
People accrue debt while incarcerated. On returning to society, they struggle to find employment. An increasingly privatized system then reincarcerates these human beings for failure to pay their debts. It is <i>exactly</i> this kind of economic double-bind which open and permissionless networks for the creation and distribution of value can solve.
</p>
<div class="features">
<section class="third">
<p class="big-num">2.3</p>
<p class="mid-txt">Million</p>
<p class="sm-txt">Incarcerated People</p>
</section>
<section class="third">
<p class="big-num">88</p>
<p class="mid-txt">Percent</p>
<p class="sm-txt">States Reincarcerate</p>
</section>
<section class="third">
<p class="big-num">200,000+</p>
<p class="mid-txt">People</p>
<p class="sm-txt">Reincarcerated Annually</p>
</section>
</div>
<p class="txt-white">
*These statistics apply to the USA only.
</p>
</div>
</section>
<!-- How -->
<section id="how" class="wrapper style3 fade-up">
<div class="inner">
<h2>The DAO that can be told is not the eternal DAO.</h2>
<p>
Open, verifiable, executable contracts on ownerless networks allow us to organise institutions which are more like shared practices and customs than complex bureaucracies. We offer here a description of a shared practice for systems of restorative justice.
</p>
<p>
It is <i>not</i> a singular, more efficient corporation translated into code. It is a template for a <i>way of operating</i> previously impossible.
</p>
<div class="features">
<section>
<span class="icon solid major fa-gem"></span>
<h3>Acting Simply</h3>
<p>
Art from pre-existing projects is collected, digitized, and sold as a Non-Fungible Token on Ethereum.
</p>
</section>
<section>
<span class="icon solid major fa-unlock"></span>
<h3>With Principles</h3>
<p>
The proceeds are split according to a smart contract: x% to the Community Partner running the pre-existing program; y% to pay back the debt of the artists; and z% into a yield-bearing Endowment to fund the next project.
</p>
</section>
<section>
<span class="icon solid major fa-cog"></span>
<h3>And No Contrivance</h3>
<p>
The biggest chunk is sent to an account controlled by a 501(c)(3) Nonprofit Organisation, which is responsible for the exchange and payment of each of the artists' debts in equal amounts.
</p>
</section>
<section>
<span class="icon solid major fa-link"></span>
<h3>Reveals Truth</h3>
<p>
The receipts of debt payment are added back to the NFT, such that it holds not just the art, but also the transactional history of the restoration of at least one human story.
</p>
</section>
</div>
<ul class="actions">
<li><a href="free-mind.html" class="button">Learn more</a></li>
</ul>
</div>
</section>
<!-- Where -->
<section id="where" class="wrapper style2 fade-up">
<div class="inner">
<h2 class="txt-white">Where Is It Not?</h2>
<p class="txt-white">
We have yet to decide where the first collection will be most easily accessible. This will be updated soon<sup>TM</sup>.
</p>
<p class="txt-white">
More generally, the DAO is content with low places that people disdain. It flows from the highest to the lowest, always finding and filling the empty space.
</p>
<p class="txt-white txt-centre">
<img class="single-img" src="/images/prison-hands.png" />
</p>
</div>
</section>
<!-- Who -->
<section id="who" class="wrapper">
<div class="co-founders">
<section>
<img src="images/abe.jpg" alt="Abe Uccello" class="who-img" />
<div class="content">
<h2>Abe Uccello</h2>
<p>
Happy.
</p>
</div>
</section>
<section>
<a href="https://andytudhope.africa" target="_blank">
<img src="images/andy.jpg" alt="Andy Tudhope" class="who-img" />
</a>
<div class="content">
<h2>Andy Tudhope</h2>
<p>
Lover.
</p>
</div>
</section>
<section>
<a href="https://hollygrimm.com/" target="_blank">
<img src="images/holly.jpg" alt="Holly Grimm" class="who-img" />
</a>
<div class="content">
<h2>Holly Grimm</h2>
<p>
Artist. Technologist. All round human being.
</p>
</div>
</section>
<section>
<a href="https://kernel.community">
<img src="images/giving.png" alt="Kernel" class="who-img" />
</a>
<div class="content">
<h2>Kernel Friends</h2>
<p>
A core of creators committed to building better communities.
</p>
</div>
</section>
</div>
</section>
</div>
<!-- Footer -->
<footer id="footer" class="wrapper style2">
<div class="inner">
<ul class="menu">
<li class="txt-white">
<a href="http://www.elizabethrockepoetry.com/2016/05/13/the-archbishop-chairs-the-first-session/" class="txt-white">"I would like to share with you two simple truths: there is nothing that cannot be forgiven, and there is no one un-deserving of forgiveness" - Desmond Tutu</a>
</li>
</ul>
<ul class="icons">
<li><a href="https://twitter.com/pr1s0nart" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="https://github.com/PrisonArt" class="icon brands fa-github"><span class="label">Github</span></a></li>
</ul>
</div>
</footer>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>