-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathbuild-it.html
199 lines (199 loc) · 15.6 KB
/
build-it.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
<!DOCTYPE html><!-- Last Published: Thu Jun 08 2023 21:08:32 GMT+0000 (Coordinated Universal Time) -->
<html data-wf-page="60dcf53d56f80b153381270d" data-wf-site="60dce7a2c0e40c708aa93f3e">
<head>
<meta charset="utf-8">
<title>Join us</title>
<meta content="Join us" property="og:title">
<meta content="Join us" property="twitter:title">
<meta content="width=device-width, initial-scale=1" name="viewport">
<link href="css/normalize.css" rel="stylesheet" type="text/css">
<link href="css/components.css" rel="stylesheet" type="text/css">
<link href="css/community-platform-c2508e.css" rel="stylesheet" type="text/css">
<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
<link href="images/favicon.png" rel="shortcut icon" type="image/x-icon">
<link href="images/webclip.png" rel="apple-touch-icon">
<script async="" src="https://www.googletagmanager.com/gtag/js?id=G-JC3MDNR13C"></script>
<script type="text/javascript">window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('js', new Date());gtag('set', 'developer_id.dZGVlNj', true);gtag('config', 'G-JC3MDNR13C');</script>
<style>
iframe {
border: 0px;
}
</style>
</head>
<body>
<div data-collapse="medium" data-animation="default" data-duration="400" data-easing="ease" data-easing2="ease" role="banner" class="navbar w-nav">
<div class="container-2 w-container">
<a href="#" class="brand w-nav-brand"><img src="images/logo.png" loading="lazy" srcset="images/logo-p-500.png 500w, images/logo-p-800.png 800w, images/logo.png 999w" sizes="188.89999389648438px" alt="" class="logo"></a>
<nav role="navigation" class="nav-menu-2 w-nav-menu">
<a href="index.html" class="menu-active w-nav-link">Features</a>
<a href="mission.html" class="menu-active w-nav-link">Mission</a>
<a href="roadmap.html" class="menu-active w-nav-link">Roadmap</a>
<div class="mobile-button w-clearfix">
<a href="https://onearmy.github.io/community-platform/" class="button w-nav-link">Documentation</a>
<a href="build-it.html" aria-current="page" class="button w-nav-link w--current">Help Build it</a>
</div>
</nav>
<div class="right-buttons w-clearfix">
<a href="build-it.html" aria-current="page" class="button w-nav-link w--current">Help Build it</a>
<a href="https://onearmy.github.io/community-platform/" target="_blank" class="button w-nav-link">Documentation</a>
</div>
<div class="menu-button w-nav-button">
<div class="hamburger w-icon-nav-menu"></div>
</div>
</div>
</div>
<div class="notification">
<div class="message">
<p class="messagep">We are currently highly in need for platform maintainers. People that want to become an important pillar for the project: <a href="jobs.html" class="link">More information</a>
</p>
</div>
</div>
<div data-duration-in="300" data-duration-out="100" data-current="Tab 1" data-easing="ease" class="tabs-2 w-tabs">
<div class="tabs-menu-3 w-tab-menu">
<a data-w-tab="Tab 1" class="tab-link-tab-1 w-inline-block w-tab-link w--current"><img src="images/code.png" loading="lazy" sizes="(max-width: 479px) 60px, 200px" srcset="images/code-p-500.png 500w, images/code-p-800.png 800w, images/code.png 1000w" alt="" class="help tab image">
<div class="help tab">Help us coding</div>
</a>
<a data-w-tab="Tab 2" class="tab-link-tab-1 w-inline-block w-tab-link"><img src="images/donate.png" loading="lazy" sizes="(max-width: 479px) 60px, 200px" srcset="images/donate-p-500.png 500w, images/donate-p-800.png 800w, images/donate.png 1000w" alt="" class="help tab image">
<div class="help tab">Donate Resources</div>
</a>
</div>
<div class="tabs-content-2 w-tab-content">
<div data-w-tab="Tab 1" class="w-tab-pane w--tab-active">
<div class="help-container">
<div class="joinheader">
<h1 class="heading-4">We develop remotely. Anyone can help.</h1>
<h5 class="heading-5">Code is open source, we use bounties and are on open collective</h5><img src="images/team.png" loading="lazy" sizes="(max-width: 479px) 92vw, (max-width: 991px) 95vw, 800px" srcset="images/team-p-500.png 500w, images/team-p-800.png 800w, images/team-p-1080.png 1080w, images/team-p-1600.png 1600w, images/team.png 1858w" alt="" class="image-8 developers">
</div>
<div class="feature">
<div class="feature-left"><img src="images/Screenshot-2021-07-05-at-00.32.25.png" loading="lazy" sizes="(max-width: 479px) 96vw, (max-width: 767px) 97vw, 300px" srcset="images/Screenshot-2021-07-05-at-00.32.25-p-500.png 500w, images/Screenshot-2021-07-05-at-00.32.25-p-800.png 800w, images/Screenshot-2021-07-05-at-00.32.25-p-1080.png 1080w, images/Screenshot-2021-07-05-at-00.32.25-p-1600.png 1600w, images/Screenshot-2021-07-05-at-00.32.25-p-2000.png 2000w, images/Screenshot-2021-07-05-at-00.32.25.png 2464w" alt="" class="image-6"></div>
<div class="feature-right">
<div class="titles"><img src="images/25231.png" loading="lazy" alt="" class="image-4">
<h1 class="heading">Github</h1>
</div>
<h1 class="h2">We work Public on Github</h1>
<p class="codetext">Our entire codebase in publicly on GitHub. Everyone can copy and replicate. But for us it’s mainly a place to develop, list issues and deploy code. Don't forget to check out our <a href="https://onearmy.github.io/community-platform/" target="_blank">documentation</a> as well :)</p>
<a href="https://github.com/ONEARMY/community-platform" target="_blank" class="link codelink">See Repository</a>
</div>
</div>
<div class="feature">
<div class="feature-left"><img src="images/bounty.png" loading="lazy" sizes="(max-width: 479px) 96vw, (max-width: 767px) 97vw, 300px" srcset="images/bounty-p-500.png 500w, images/bounty.png 784w" alt="" class="image-7"></div>
<div class="feature-right">
<div class="titles"><img src="images/Money_Flat_Icon.svg" loading="lazy" alt="" class="image-4">
<h1 class="heading">Bounties</h1>
</div>
<h1 class="h2">Get paid for tasks</h1>
<p class="codetext">We love it if people dedicate their time to improve the platform. We’ve added a bounty system so you can get paid for it. It’s divided in 3 different levels depending on the complexity. You can recognise bounties as a tag in our GitHub.<br><br></p>
<a href="https://github.com/ONEARMY/community-platform/blob/master/BOUNTIES.md" target="_blank" class="link codelink">Our bountys explained</a>
</div>
</div>
<div class="feature">
<div class="feature-left"><img src="images/opencollective_image.png" loading="lazy" sizes="(max-width: 479px) 96vw, (max-width: 767px) 97vw, 300px" srcset="images/opencollective_image-p-500.png 500w, images/opencollective_image.png 1200w" alt="" class="image-5"></div>
<div class="feature-right">
<div class="titles"><img src="images/open-collective.svg" loading="lazy" alt="" class="image-4">
<h1 class="heading">Open Collective</h1>
</div>
<h1 class="h2">Transparent finances</h1>
<p class="codetext">The entire finances of this project are publicly online on our Open Collective. See how much is donated by people (could be you) and how much is spent on development.</p>
<a href="https://opencollective.com/onearmy" target="_blank" class="link codelink">Visit our collective</a>
</div>
</div>
<div class="feature">
<div class="feature-left"><img src="images/team.jpg" loading="lazy" sizes="(max-width: 479px) 96vw, (max-width: 767px) 97vw, 300px" srcset="images/team-p-500.jpeg 500w, images/team-p-800.jpeg 800w, images/team.jpg 2000w" alt="" class="image-9"></div>
<div class="feature-right">
<div class="titles"><img src="images/monthly_call.png" loading="lazy" sizes="40px" srcset="images/monthly_call-p-500.png 500w, images/monthly_call.png 504w" alt="" class="image-4">
<h1 class="heading">Monthly dev call</h1>
</div>
<h1 class="h2">Join the Dev Team</h1>
<p class="codetext">Each month we have a call with our development team. Every first Monday of the month to be accurate. It’s a check in to see where everyone is at, reflect on last months work and see open issues divide tasks for the month. Let us know in a comment if you want to join.</p>
<a href="https://github.com/ONEARMY/community-platform/issues" target="_blank" class="link codelink">Add comment to join </a>
</div>
</div>
<div class="feature">
<div class="feature-left"><img src="images/techno.jpg" loading="lazy" sizes="(max-width: 479px) 96vw, (max-width: 767px) 97vw, 300px" srcset="images/techno-p-800.jpeg 800w, images/techno.jpg 1069w" alt="" class="image-9"></div>
<div class="feature-right">
<div class="titles"><img src="images/code_1.png" loading="lazy" alt="" class="image-4">
<h1 class="heading">Code Stack</h1>
</div>
<h1 class="h2">Our technologies </h1>
<p class="codetext">Frontend - React, Typescript, Styled Components<br>Backend - NodeJS, Firebase</p>
<a href="https://github.com/ONEARMY/community-platform/blob/master/CONTRIBUTING.md#--technologies" target="_blank" class="link codelink">Read more about it </a>
</div>
</div>
</div>
<div class="footer">
<a href="https://github.com/ONEARMY/community-platform" target="_blank" class="button-2 w-button">🔥 Start on Github 🔥</a>
</div>
</div>
<div data-w-tab="Tab 2" class="w-tab-pane">
<div class="help-container finance">
<div class="joinheader donate">
<h1 class="heading-4">Support development financially</h1>
<h5 class="heading-5">You can track our entire finances publicly on our <a href="https://opencollective.com/onearmy" target="_blank" class="link">Open Collective</a>. <br>Get <a href="mailto:[email protected]?subject=Support%20Community%20Platform" class="link">in touch</a> if you want to donate crypto </h5>
</div>
<div class="embed-collective">
<div class="html-embed w-embed w-iframe"><iframe hideheader="" src="https://opencollective.com/embed/ONEARMY/donate?hideHeader=true" border="0px" style="width: 100%; min-height: 100vh;"></iframe></div>
</div>
</div>
</div>
</div>
</div>
<div class="hide w-container">
<div class="joinheader">
<h1 class="heading-4">We develop remote. Anyone can help.</h1>
<h5 class="heading-5">Code is opensource, we use bountys and are on open collective</h5><img src="images/team.png" loading="lazy" sizes="100vw" srcset="images/team-p-500.png 500w, images/team-p-800.png 800w, images/team-p-1080.png 1080w, images/team-p-1600.png 1600w, images/team.png 1858w" alt="" class="image-8">
</div>
<div class="feature">
<div class="feature-left"><img src="images/team.jpg" loading="lazy" sizes="100vw" srcset="images/team-p-500.jpeg 500w, images/team-p-800.jpeg 800w, images/team.jpg 2000w" alt="" class="image-9"></div>
<div class="feature-right">
<div class="titles"><img src="images/monthly_call.png" loading="lazy" sizes="100vw" srcset="images/monthly_call-p-500.png 500w, images/monthly_call.png 504w" alt="" class="image-4">
<h1 class="heading">Monthly dev call</h1>
</div>
<h1 class="h2">Join the Dev Team</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eroLorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros s </p>
<a href="#">Text Link</a>
</div>
</div>
<div class="feature">
<div class="feature-left"><img src="images/Screenshot-2021-07-05-at-00.32.25.png" loading="lazy" sizes="100vw" srcset="images/Screenshot-2021-07-05-at-00.32.25-p-500.png 500w, images/Screenshot-2021-07-05-at-00.32.25-p-800.png 800w, images/Screenshot-2021-07-05-at-00.32.25-p-1080.png 1080w, images/Screenshot-2021-07-05-at-00.32.25-p-1600.png 1600w, images/Screenshot-2021-07-05-at-00.32.25-p-2000.png 2000w, images/Screenshot-2021-07-05-at-00.32.25.png 2464w" alt="" class="image-6"></div>
<div class="feature-right">
<div class="titles"><img src="images/25231.png" loading="lazy" alt="" class="image-4">
<h1 class="heading">Github</h1>
</div>
<h1 class="h2">We work Public on Github</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.</p>
<a href="#">Text Link</a>
</div>
</div>
<div class="feature">
<div class="feature-left"><img src="images/bounty.png" loading="lazy" sizes="100vw" srcset="images/bounty-p-500.png 500w, images/bounty.png 784w" alt="" class="image-7"></div>
<div class="feature-right">
<div class="titles"><img src="images/Money_Flat_Icon.svg" loading="lazy" alt="" class="image-4">
<h1 class="heading">Bountys</h1>
</div>
<h1 class="h2">Get paid for tasks</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.</p>
</div>
</div>
<div class="feature">
<div class="feature-left"><img src="images/opencollective_image.png" loading="lazy" sizes="100vw" srcset="images/opencollective_image-p-500.png 500w, images/opencollective_image.png 1200w" alt="" class="image-5"></div>
<div class="feature-right">
<div class="titles"><img src="images/open-collective.svg" loading="lazy" alt="" class="image-4">
<h1 class="heading">Open Collective</h1>
</div>
<h1 class="h2">Transparent finances</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.</p>
<a href="#">Text Link</a>
</div>
</div>
</div>
<div class="one-army-footer wf-section">
<a href="https://onearmy.earth/" target="_blank" class="oa-link w-inline-block">
<div class="oa-footer-wrapper"><img src="images/One-Army-Star-Logo.svg" loading="lazy" alt="" class="one-army-logo">
<h5 class="h5-oa">Developed by <span class="text-span-3">One Army</span></h5>
</div>
</a>
</div>
<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=60dce7a2c0e40c708aa93f3e" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="js/community-platform-c2508e.js" type="text/javascript"></script>
</body>
</html>