forked from ONEARMY/precious-plastic
-
Notifications
You must be signed in to change notification settings - Fork 0
/
plan.html
186 lines (157 loc) · 5.57 KB
/
plan.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
---
title: The plan
layout: default
permalink: /plan/
index: 1
---
<section id="hero">
<video muted loop autoplay>
<source src="/assets/the-plan.mp4" type="video/mp4">
</video>
<div class="curtain">
<div class="container">
<h1>Start your own little plastic recycling workshop.</h1>
<h2>Learn, build, recycle, make & share !</h2>
<div class="button-group">
<a href="/">See why</a>
<br />
<a href="#" class="spread">Share</a>
</div>
</div>
</div>
</section>
<section id="our-plan">
<div class="container">
<article class="description">
<h1>Our plan</h1>
<p>A plan that will allow people, anywhere in the world to transform plastic waste into valuable things.</p>
</article>
<hr class="first">
<article>
<div class="left">
<img src="/assets/images/develop-machines.png" />
</div>
<div class="right">
<h1>1. Develop Machines</h1>
<p>For the past two years we have been developing machines to recycle plastic waste, locally.</p>
</div>
</article>
<hr />
<article>
<div class="right">
<img src="/assets/images/share-free.png" />
</div>
<div class="left">
<h1>2. Share, for free</h1>
<p>The machines are developed using basic tools and materials. We share all the blueprints open source online. This way people around the world can re-build them.</p>
<a href="/videos" class="blue">Show instruction videos</a>
</div>
</article>
<hr />
<article>
<div class="left">
<img src="/assets/images/spread-know-how.png" />
</div>
<div class="right">
<h1>3. Spread the know-how</h1>
<p>In order to build these machines people need to know that the blueprints are available. We need to spread the know-how in every corner of the world.</p>
<a href="/" class="red">Share the project</a>
</div>
</article>
<hr />
<article>
<div class="right">
<img src="/assets/images/create.png" />
</div>
<div class="left">
<h1>4. Create</h1>
<p>Once the machines are build people can start experimenting, creating and producing new products from their local plastic waste.</p>
<a href="/creations" class="blue">Things you can create</a>
</div>
</article>
<hr />
<article>
<div class="left">
<img src="/assets/images/clean-up.png" />
</div>
<div class="right">
<h1>5. Clean up</h1>
<p>The primary goal is to recycle as much plastic as we possibly can. This would clean up our shared environment, improve living conditions and possibly create financial value!</p>
</div>
</article>
<hr />
<article>
<div class="right">
<img src="/assets/images/community.png" />
</div>
<div class="left">
<h1>6. Community</h1>
<p>An important aspect of the project is to create a world wide community of like-minded plastic savers. People working for a cleaner future, sharing knowledge, helping each other and collaborating.</p>
<a href="https://davehakkens.nl/community/forums/forum/precious-plastic/" target="_blank" class="blue">Join the community</a>
</div>
</article>
</div>
</section>
<section id="what-made">
<div class="container">
<h1>What can be made</h1>
</div>
<div class="container">
<figure>
<img src="/assets/images/create.png" />
<figcaption>
<h1>Products</h1>
<p>You can make a number of different products with each machine. Lamps, jars, bowls, vases, baskets and the list goes on. Your creativity is the limit!</p>
</figcaption>
</figure>
<figure>
<img src="/assets/images/tools.png" />
<figcaption>
<h1>Tools</h1>
<p>You could create tools for you or your community. Making buckets, boxes, handlebars, thread, bricks and much, much more!</p>
</figcaption>
</figure>
<figure>
<img src="/assets/images/raw-material.png" />
<figcaption>
<h1>Raw material</h1>
<p>The plastic could also be retransformed into granulate or filament for 3d printing machines, closing the loop. </p>
</figcaption>
</figure>
</div>
<div class="container">
<a href="/creations" class="button">Show creations</a>
</div>
</section>
<section id="didnt-notice">
<div class="container">
<h1>In case you didn't notice..</h1>
<p>The world is submerged with plastic, from the heights of Himalayas to the depths of the Atlantic ocean we have tons of toxic plastic laying around</p>
<p>Whether we like it or not, plastic is our inherited toxic legacy. Let's use it as a resource to create new value and social innovation.<br />Join the revolution. Start building!</p>
</div>
</section>
<section id="ready-to-start">
<div class="container">
<h1>Ready to start</h1>
</div>
<div class="container">
<figure data-url="/videos/plastics">
<img src="/assets/images/video-plastic.jpg" />
<figcaption>Learn about Plastic</figcaption>
</figure>
<figure data-url="/videos/build/shredder">
<img src="/assets/images/video-shredder.jpg" />
<figcaption>Make a shredder</figcaption>
</figure>
<figure data-url="/videos/create">
<img src="/assets/images/video-create.jpg" />
<figcaption>Mold making</figcaption>
</figure>
</div>
<div class="container">
<a href="/videos" class="button">Start now</a>
</div>
</section>
<section id="more-questions">
<p>Mmh..more questions? visit our <a href="/faq">FAQ</a></p>
</section>