forked from haavok/snowdrift-coop
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathjoin-us.html
216 lines (200 loc) · 13.6 KB
/
join-us.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
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Snowdrift.coop - Join Us</title>
<link href="styles/bootstrap.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="styles/snowdrift-styles.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<!-- Logo, Navigation, and Login -->
<header class="row">
<!-- Wrapper to contain elements within the page -->
<div class="container">
<!-- Main Site navigation -->
<nav>
<!-- Snowdrift.coop Logo -->
<a href="index.html"><img class="col-md-1 nav-logo hidden-xs hidden-sm nav-logo" src="images/icon-snowdrift.svg" alt="Snowdrift.coop Logo"></a>
<ul class="col-md-9 col-xs-12 list-inline">
<li class="hidden-lg hidden-md col-xs-12 text-center"><a href="index.html">Home</a></li>
<li class="col-xs-12 col-md-2 text-center"><a href="join-us.html">Join</a></li>
<li class="col-xs-12 col-md-2 text-center"><a href="https://snowdrift.coop/p/snowdrift/w/en/intro">About</a></li>
<li class="col-xs-12 col-md-2 text-center"><a href="https://snowdrift.coop/p">Projects</a></li>
<li class="col-xs-12 col-md-2 text-center"><a href="https://snowdrift.coop/p/snowdrift/blog">Blog</a></li>
<li class="col-xs-12 col-md-2 text-center"><a href="https://snowdrift.coop/p/snowdrift/contact">Contact</a></li>
</ul>
<a class="col-md-2 col-xs-12 text-center button sign-in" href="https://snowdrift.coop/auth/login">Sign in</a>
</nav>
</div>
</header>
<!-- Main Page Content -->
<main>
<!-- Hero Space -->
<section class="clearfix">
<img class="hero-image" src="images/join-us-hero-temp.jpg" alt="hero image">
<div class="container">
<div class="text-over-image">
<h1 class="col-md-6 col-md-offset-6 col-xs-12">Join the Team</h1>
<p class="col-md-5 col-md-offset-7 col-xs-12 light-text">Hello!</p>
<p class="col-md-5 col-md-offset-7 col-xs-12 light-text">I'm Aaron, co-founder of Snowdrift.coop. So you want to volunteer your time and talents to our project? Here are a few ways that you can help out!</p>
</div>
<section class="introduction">
<p id="test-section" class="col-md-6 col-md-offset-1 col-xs-12">Because we haven't launched yet, you can register an account and test the system with fake money. This helps us make sure that the system is working properly before our big launch</p>
<a class="col-md-3 col-md-offset-1 col-xs-12 button" href="">Sign Up</a>
</section>
</div><!-- end container -->
</section>
<!-- Areas You Can Help Section -->
<section id="help-section" class="blue-background">
<div class="container">
<h2 class="col-md-12 col-xs-12 text-center">Areas Where You Can Help</h2>
<div class="row flex-wrap">
<div class="col-md-3 col-sm-6 col-xs-6 area-of-help">
<img class="col-md-10 col-sm-10 col-xs-10 col-sm-offset-1 col-xs-offset-1 col-md-offset-1 help-icon" src="images/icon-html.svg" alt="HTML/CSS/JavaScript Icon">
<h3 class="text-center">HTML, CSS, & JavaScript</h3>
<p>There is a lot of HTML/CSS/JS work that could be done throughout the site.</p>
<a class="button center-block" href="https://snowdrift.coop/p/snowdrift/w/en/site-design">Learn more about our site design</a>
</div><!-- end column -->
<div class="col-md-3 col-sm-6 col-xs-6 area-of-help">
<img class="col-md-10 col-sm-10 col-xs-10 col-sm-offset-1 col-xs-offset-1 col-md-offset-1 help-icon" src="images/icon-help.svg" alt="Cooperative Development Icon">
<h3 class="text-center">Cooperative Development</h3>
<p>We welcome people from other co-ops and their experience in developing our policies and in networking with the wider cooperative community.</p>
<a class="button center-block" href="https://snowdrift.coop/p/snowdrift/w/en/co-op">See our co-op page for more</a>
</div><!-- end column -->
<div class="col-md-3 col-sm-6 col-xs-6 area-of-help">
<img class="col-md-10 col-sm-10 col-xs-10 col-sm-offset-1 col-xs-offset-1 col-md-offset-1 help-icon" src="images/icon-repair.svg" alt="Haskell–proficient Developers Icon">
<h3 class="text-center">Haskell–Proficient Developers</h3>
<p>As Haskell is the core of our programming, this involves many areas throughout our code. We welcome developers that are proficient in Haskell and those willing to learn.</p>
<a class="button center-block" href="https://gitorious.org/snowdrift/snowdrift/source/cd06a9b9e062e266d5ecba9948e1d60ac02aff94:">View our code on Gitorious</a>
</div><!-- end column -->
<div class="col-md-3 col-sm-6 col-xs-6 area-of-help">
<img class="col-md-10 col-sm-10 col-xs-10 col-sm-offset-1 col-xs-offset-1 col-md-offset-1 help-icon" src="images/icon-legal.svg" alt="Legal and Accountancy Consultants Icon">
<h3 class="text-center">Legal and Accountancy Consultants</h3>
<p>Expertise in cooperative corporations, nonprofit tax law, fundraising, copyright/patent issues, and privacy/internet/technology issues.</p>
<a class="button center-block" href="https://snowdrift.coop/p/snowdrift/w/en/legal">See our Legal page for more</a>
</div><!-- end column -->
</div><!-- end row -->
<div class="row flex-wrap">
<div class="col-md-3 col-sm-6 col-xs-6 area-of-help">
<img class="col-md-10 col-sm-10 col-xs-10 col-sm-offset-1 col-xs-offset-1 col-md-offset-1 help-icon" src="images/icon-steering.svg" alt="Steering Committee Advisors Icon">
<h3 class="text-center">Steering Committee Advisors</h3>
<p>Dedicated volunteers or others knowledgeable or experienced in organizational work and/or FLO issues are welcome to apply to join the Steering Committee. The steering committee is also seeking liaisons and recruiters for project subject areas (such as art, research, software, etc.).</p>
<a class="button center-block" href="https://snowdrift.coop/p/snowdrift/w/en/joincommittee">Join the Committee</a>
</div><!-- end column -->
<div class="col-md-3 col-sm-6 col-xs-6 area-of-help">
<img class="col-md-10 col-sm-10 col-xs-10 col-sm-offset-1 col-xs-offset-1 col-md-offset-1 help-icon" src="images/icon-research.svg" alt="Researchers Icon">
<h3 class="text-center">Researchers</h3>
<p>Investigating services to use, partners to team up with, historical and scientific evidence to guide our decisions and presentation.</p>
<a class="button center-block" href="https://snowdrift.coop/p/snowdrift/w/en/targeted-messaging">See our Targeted Messaging page</a>
</div><!-- end column -->
<div class="col-md-3 col-sm-6 col-xs-6 area-of-help clear-float">
<img class="col-md-10 col-sm-10 col-xs-10 col-sm-offset-1 col-xs-offset-1 col-md-offset-1 help-icon" src="images/icon-recruit.svg" alt="Recruiters/Trainers/Organizers Icon">
<h3 class="text-center">Recruiters, Trainers, & Organizers</h3>
<p>We need people to welcome visitors on the <a href="https://snowdrift.coop/p/snowdrift/w/en/irc">#snowdrift IRC Channel</a> and other publicity. We also need for a secretary or recorder to take minutes during Steering Committee meetings and more facilitators to help run meetings and organize agendas.</p>
<a class="button center-block" href="https://snowdrift.coop/p/snowdrift/w/en/publicity">Learn More about publicity</a>
</div><!-- end column -->
<div class="col-md-3 col-sm-6 col-xs-6 area-of-help">
<img class="col-md-10 col-sm-10 col-xs-10 col-sm-offset-1 col-xs-offset-1 col-md-offset-1 help-icon" src="images/icon-illustrate.svg" alt="Illustrators Icon">
<h3 class="text-center">Illustrators</h3>
<p>We could use all sorts of little icons, visualizations, animated videos, better illustrated concepts throughout the site.</p>
<a class="button center-block" href="https://snowdrift.coop/p/snowdrift/w/en/illustration">See our Illustration Wiki</a>
</div><!-- end column -->
</div><!-- end row -->
<p class="row col-md-6 col-md-offset-3 text-center col-xs-12 description">We are mostly looking for <a href="https://snowdrift.coop/p/snowdrift/volunteer">volunteers</a>, but see our <a href="https://snowdrift.coop/p/snowdrift/w/en/jobs">jobs page</a> for open positions where we may be hiring.</p>
</div><!-- end container -->
</section>
<!-- Contact Us Section -->
<section>
<div class="container">
<h2 id="contact-section" class="row col-md-12 col-xs-12">Contact Us</h2>
<div class="col-md-5 col-md-offset-1 col-xs-12">
<!-- CONTACT FORM -->
<form>
<div class="form-item">
<label for="name"></label><input id="name" name="name" type="text" placeholder="Name" required>
</div>
<div class="form-item">
<label for="email-address"></label><input id="email-address" name="email-address" type="email" placeholder="Email" required>
</div>
<div class="form-item">
<label for="message"></label><textarea id="message" name="message" placeholder="Message" required></textarea>
</div>
<p>Select the area(s) in which you are interested:
<div class="checkbox">
<label>
<input type="checkbox" value="">HTML, CSS, & JavaScript
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" value="">Cooperative Development
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" value="">Haskell-Proficient Developers
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" value="">Legal & Accountancy Consultants
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" value="">Steering Committee Advisors
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" value="">Researchers
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" value="">Recruiters, Trainers & Organizers
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" value="">Illustrators
</label>
</div>
<input class="button" type="submit" value="Submit">
</form>
</div><!-- end column -->
<div class="col-md-4 col-md-offset-1 col-xs-12">
<p>Or email us at:</p>
<ul>
<li><a href="mailto:[email protected]">[email protected]</a></li>
<li><a href="mailto:[email protected]">[email protected]</a></li>
<li><a href="mailto:[email protected]">[email protected]</a></li>
<li><a href="https://snowdrift.coop/p/snowdrift/who">more...</a></li>
</ul>
</div><!-- end column -->
</div><!-- end container -->
</section>
</main>
<footer>
<div class="container">
<a href="index.html">
<div class="col-md-4 col-xs-12 footer-identity">
<p class="footer-identity-name">Snowdrift.coop</p>
<p class="footer-identity-description">Clearing a path to a free/open/libre world</p>
<hr class="hidden-lg hidden-md">
</div><!-- end column -->
</a>
<div class="col-md-2 col-md-offset-1 col-xs-12">
<p>Writings and images here are free to use and share under <a href="https://creativecommons.org/licenses/by-sa/4.0/">CC BY–SA</a>
</div>
<div class="col-md-2 col-xs-12">
<p>This website's <a href="https://gitorious.org/snowdrift/snowdrift">source code</a> is free under the terms of the <a href="https://www.gnu.org/licenses/agpl">GNU AGPLv3+</a></p>
</div><!-- end column -->
<div class="col-md-2 col-xs-12">
<p>The <a href="https://snowdrift.coop/license/javascript">licenses for all JavaScript</a> we use are also free/libre/open</p>
</div><!-- end column -->
</div><!-- end container -->
</footer>
</body>
</html>