forked from ONEARMY/precious-plastic-next
-
Notifications
You must be signed in to change notification settings - Fork 0
/
code.html
executable file
·167 lines (164 loc) · 12 KB
/
code.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
<!DOCTYPE html>
<html data-wf-page="5886192308ced0a63a419f2e" data-wf-site="5882175c539953827ad46e59">
<head>
<meta charset="utf-8">
<title>code</title>
<meta content="code" property="og:title">
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta content="Webflow" name="generator">
<link href="css/normalize.css" rel="stylesheet" type="text/css">
<link href="css/webflow.css" rel="stylesheet" type="text/css">
<link href="css/next-4c9ac3.webflow.css" rel="stylesheet" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.4.7/webfont.js"></script>
<script type="text/javascript">
WebFont.load({
google: {
families: ["Varela Round:400","Open Sans:300,300italic,400,400italic,600,600italic,700,700italic,800,800italic"]
}
});
</script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-69053098-3', 'auto');
ga('send', 'pageview');
</script>
<script src="js/modernizr.js" type="text/javascript"></script>
<link href="images/favicon_small.ico" rel="shortcut icon" type="image/x-icon">
<link href="images/webclip.png" rel="apple-touch-icon">
<style>
.w-webflow-badge {display:none!important}
</style>
</head>
<body>
<div class="intro-bg light-green">
<div class="container w-container">
<h1 class="h1 support-header">CODE</h1>
</div>
</div>
<div class="description light-green">
<div class="w-container">
<h4 class="h4 h4-support">Status: <span class="open">Open</span></h4>
<h1 class="h2 h2-support"><h1>, <h2> and <p> are poetry to our hears</h1>
<p class="paragraph-support">At Precious Plastic we communicate with our audience primarily through our <a href="https://preciousplastic.com/en/" class="link-support light-green" target="_blank">website</a> and
<br><a href="https://davehakkens.nl/community/introduction/" class="link-support light-green" target="_blank">forum</a>. Our people come to the website to learn how to work with plastic waste and go to the forum to get further help from the community. Our website was accessed 1,5 million times since launch in March 2016 and our forum counts over 37k active members. We owe our dedicated audience the best possible digital experience to boost plastic recycling worldwide. Lots of fun and challenges ahead of you, friend developer 🚀 .
<br>
<br>Currently, the main priority is to improve our digital platforms and facilitate local collaboration between our people. First, we want to create a map, along the lines of <a href="http://themakermap.com/" class="link-support light-green" target="_blank">this one-</a> which happens to be open source. This should make your work faster, however, we would need to customise a few elements for our platform. We also need occasional help with maintenance on both our website and forum. This usually accounts for a few hours a month.
<br>
<br>We are looking for developers, programmers, hackers, students that want join our cause to fight plastic pollution and help provide a top class digital experience for our audience. You'll be working on:
<br>
<br>- Tweak and develop a map to connect our community
<br>- Maintain and update our website & forum
<br>- Develop version 3 of our website (near future)
<br>
<br>Have a look at our <a href="plan.html" class="link-support light-green" target="_blank">full plan</a> for more details.</p>
<h1 class="h2 h2-support">Are you our man (or woman)?</h1>
<p class="paragraph-support">We are looking for someone fully dedicate to solve global problems affecting humanity with their programming skills. Your creativity, passion and talent will help push Precious Plastic closer to a solution to the plastic waste problem. The right candidate should be able to work with our existing framework, available on <a href="https://github.com/hakkens/precious-plastic" class="link-support light-green" target="_blank">GitHub</a>.
<br>
<br>Generally the candidate would have the followings:
<br>- web development skills (wordpress, html & css, Javascript, Jekyll, php)
<br>- an absolute focus for details
<br>- self driven approach
<br>
<br>Near terms tasks:
<br>- develop the map
<br>- fix minor problems on website and forum
<br>
<br>Future development:
<br>- develop and launch version 3 of our website
<br>- develop an e-commerce
<br>
<br>Nice to have:
<br>- passion for open source
<br>- familiar with 3D</p>
<h1 class="h2 h2-support">Where</h1>
<p class="paragraph-support">This position is remote.
<br>Day & night on slack and skype, yes it is 🎉
<a href="#" class="link-support blue"></a>
</p>
<h1 class="h2 h2-support">When</h1>
<p class="paragraph-support">Developing the map is crucial to a successful scaling of the project, ideally we would start working on this as soon as possible. Other maintenance tasks are minor and can be tackled at later stage. The development of the new website will only happen in a few months.
<a href="#" class="link-support blue"></a>
</p>
<h1 class="h2 h2-support">What we offer</h1>
<p class="paragraph-support">At Precious Plastic we believe in the power of people, not money. We work with super talented & dedicated people that are with us to fight plastic pollution. Together.
<br>
<br>We manage to bring Version 2 to life with very <b>(SUPER)</b> limited budget and managed to come this far. We work with limited resources and think that those budget constrains have been crucial to bring about the necessary innovation.
<br>
<br>We are not sure how this campaign will go, however, all money raised will go 100% into the project. Which means we will also try to cover as much expenses as we can for the people involved.
<br>
<br>Besides that, you get the unique opportunity to contribute your talent to find solutions to one of the biggest problem facing humankind. You will work with like minded people, learn about a new technology that will, most likely, become relevant in the future as plastic pollution skyrockets and get <a class="link-support light-green" href="https://preciousplastic.com/en/thanks" target="_blank">credits</a> on our website.
<br>
<br>We know what we offer is not usual, but you could have the unique opportunity to play a key role to fight plastic pollution and help people across the world.
</p>
<h1 class="h2 h2-support">Feel like coding for us?</h1>
<p class="paragraph-support">Having some technical problems with the form below. If not loaded, try reload or <a class="link-support light-green" href="https://preciousplastic.typeform.com/to/TPyphh" target="_blank">click here</a>.</p>
<div class="embedd-typeform w-embed w-script">
<!-- Change the width and height values to suit you best -->
<div class="typeform-widget" data-url="https://preciousplastic.typeform.com/to/TPyphh" data-text="Job application"></div>
<script>
(function(){var qs,js,q,s,d=document,gi=d.getElementById,ce=d.createElement,gt=d.getElementsByTagName,id='typef_orm',b='https://s3-eu-west-1.amazonaws.com/share.typeform.com/';if(!gi.call(d,id)){js=ce.call(d,'script');js.id=id;js.src=b+'widget.js';q=gt.call(d,'script')[0];q.parentNode.insertBefore(js,q)}})()
</script>
<div style="font-family: Sans-Serif;font-size: 12px;color: #999;opacity: 0.5; padding-top: 5px;">
<a href="https://www.typeform.com/examples/forms/job-application-form-template/?utm_campaign=TPyphh&utm_source=typeform.com-6324098-Basic&utm_medium=typeform&utm_content=typeform-embedded-jobapplicationform&utm_term=EN" style="color: #999" target="_blank"></a>
</div>
</div>
<h1 class="h2 h2-support">Not familiar with Precious Plastic yet?</h1>
<p class="paragraph-support"><a class="link-support light-green" href="https://preciousplastic.com/en/" target="_blank">Precious Plastic</a> is an open source project aiming at boosting plastic recycling worldwide by empowering local communities and individuals with tools and knowledge to extract new value from plastic waste.
<br>
<br>We have developed four open source machines to enable people to start recycling plastic and create new financial value from an ubiquitous free resource, plastic waste. The machines are specifically developed using universal materials and basic tools that are available all over the world. A modular design allows users to adapt the machines to their specific contexts.
<br>
<br>All our material is available online for free. Blueprints, technical drawings, detailed instruction videos and the download-kit are all shared open source online. This is all the basic information people need to build their own machines and start a little plastic factory, anywhere in the world.
<br>
<br>Still too abstract? Have a look at <a class="link-support light-green" target="_blank" href="https://www.youtube.com/watch?v=8J7JZcsoHyA">this video</a>.</p>
<div class="div-center">
<a class="link-block link-homepage w-inline-block" data-ix="home-page" href="index.html"><img class="arrow-left" src="images/arrow_new.png" width="20">
<h6 class="grey h6">Home page</h6>
</a>
</div>
</div>
<div class="footer" id="share">
<div class="container w-container">
<h1 class="h1 white">Share this campaign and let's fix this all together</h1>
<div class="div-social">
<div class="twitter-block">
<div class="hidden-social">
<a class="share-button twitter w-inline-block" target="_blank"></a>
</div>
<div class="embedd w-embed w-script">
<a href="" class="share-button twitter" onclick="return tweet()"></a>
<script type="text/javascript">
function tweet() {
var u = location.href;
var t="Let's make plastic recycling go bananas! #PreciousPlastic🍌🍌🍌";
window.open('http://twitter.com/share?url='+encodeURIComponent(u)+'&text='+encodeURIComponent(t),'twitsharer','toolbar=0,status=0,height=300,width=400,margin-top=0');
return false;
}
</script>
</div>
</div>
<div class="fb-block">
<div class="hidden-social">
<a class="facebook share-button w-inline-block" href="#"></a>
</div>
<div class="embedd w-embed w-script">
<a class="share-button facebook" href="javascript:fbshareCurrentPage()" target="_blank" alt="Share on Facebook"></a>
<script language="javascript">
function fbshareCurrentPage()
{window.open("https://www.facebook.com/sharer/sharer.php?u="+escape(window.location.href)+"&t="+document.title, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=25,width=25,padding-top=0');return false; }
</script>
</div>
</div>
</div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js" type="text/javascript"></script>
<script src="js/webflow.js" type="text/javascript"></script>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js" type="text/javascript"></script>
<script src="js/webflow.js" type="text/javascript"></script>
<!-- [if lte IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script><![endif] -->
</body>
</html>