forked from elementary/website
-
Notifications
You must be signed in to change notification settings - Fork 0
/
get-involved.php
253 lines (236 loc) · 14.2 KB
/
get-involved.php
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
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
<?php
require_once __DIR__.'/_backend/preload.php';
$page['title'] = 'Get Involved with elementary OS';
$page['theme-color'] = '#3E4E54';
$page['styles'] = array(
'https://fonts.googleapis.com/css?family=Marck+Script',
'styles/get-involved.css'
);
if ($config['chart_enable']) {
$page['scripts'] = array(
'scripts/get-involved.js'
);
}
include $template['header'];
include $template['alert'];
?>
<section class="hero">
<div class="grid">
<div class="two-thirds">
<h1>Be a Part of Something Bigger</h1>
<p>Everything that we make is 100% open source and developed collaboratively by people from all over the world. Even if you're not a programmer, you can get involved and make a difference.</p>
</div>
</div>
<div class="grid">
<div class="whole" id="sections-menu">
<a class="button flat suggested-action" href="#funding">Funding</a>
<a class="button flat suggested-action" href="#translations">Translations</a>
<a class="button flat suggested-action" href="#support">Support</a>
<a class="button flat suggested-action" href="#web-development">Web</a>
<a class="button flat suggested-action" href="#desktop-development">Desktop</a>
<a class="button flat suggested-action" href="#design">Design</a>
</div>
</div>
</section>
<section id="funding" class="grey">
<div class="grid">
<div class="two-thirds">
<h2>Funding</h2>
<p class="text-center">With your help, we've been able to grow from a small group of passionate volunteers into a tiny company. Every little bit of help is one step closer to hiring another full-time contributor and tackling even more ambitious problems.</p>
</div>
</div>
<div class="grid">
<div class="half">
<img class="logo" alt="Patreon" src="images/get-involved/patreon.svg">
<p>Patreon works like an ongoing crowdfunding campaign. Choose an amount to contribute each month to help us reach our goals. Plus, earn exclusive rewards and read exclusive content early. <a class="read-more" href="https://www.patreon.com/" target="_blank" rel="noopener">Learn More</a></p>
<a class="button flat" href="https://www.patreon.com/elementary" target="_blank" rel="noopener">Become a Patron</a>
</div>
<div class="half">
<img class="logo" alt="Bountysource" src="images/open-source/bountysource.svg">
<p>Directly fund the developers committing fixes or creating new features. Set a bounty on the issues that matter to you most, fund a specific app, or set up a recurring subscription. <a class="read-more" href="https://github.com/bountysource/frontend/wiki/Frequently-Asked-Questions" target="_blank" rel="noopener">Learn More</a></p>
<a class="button flat" href="https://github.com/search?utf8=%E2%9C%93&q=is%3Aopen+is%3Aissue+user%3Aelementary+label%3A%22bounty%22&type=">Bountied Bugs</a>
<a class="button flat suggested-action" href="https://www.bountysource.com/teams/elementary">BountySource</a>
</div>
</div>
<div class="grid">
<div class="third">
<i class="fab fa-paypal"></i>
<p>Easily use a debit card, credit card, or PayPal account. You can choose a one-time payment or set up recurring payments.</p>
<form action="https://www.paypal.com/cgi-bin/webscr" id="paypalform" method="post" target="_top">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="LG382EHQVTDYN">
<input type="submit" value="Use PayPal" name="submit" title="PayPal - The safer, easier way to pay online!" class="button flat">
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>
</div>
<div class="third">
<img class="logo" alt="Liberapay" src="images/get-involved/liberapay_logo_black.svg">
<p>Set up a recurring contribution through Liberapay, the open source and non-profit funding platform.</p>
<a class="button flat" title="Liberapay" href="https://liberapay.com/elementary/" target="_blank" rel="noopener">Donate</a>
</div>
<div class="third">
<i class="fa fa-shopping-cart"></i>
<p>Help us financially, plus get some exclusive elementary gear to show your support to friends, family, and coworkers.</p>
<a class="button flat" href="<?php echo $page['lang-root'].'store/'; ?>" target="_blank" rel="noopener">Visit Store</a>
</div>
</div>
</section>
<section id="translations">
<div class="grid">
<div class="whole">
<h2>Translations</h2>
</div>
<div class="half">
<p>elementary OS is created and used by people from all around the World; help us make the experience even better by translating it into more languages.</p>
<p>Both elementary OS and our website are openly translated using an online platform called Weblate. <a href="/docs/translation-guide" class="read-more">Learn More</a></p>
<div class="actions">
<a class="button flat" href="https://join.slack.com/t/ele-l10n/shared_invite/enQtNDkyOTA1MTEzMTQxLWQ1N2YyNDkwYTQwMjA4NWI1MTA5Mzk3MTQyNmMzNmMwODgyYWRjOWQwZDFkZjY5MzVjMTlmMDBlZGJlYmNiNWE" target="_blank" rel="noopener">Join Chat</a>
<a class="button flat suggested-action" href="https://l10n.elementary.io/projects/" target="_blank" rel="noopener">Suggest Translations</a>
</div>
</div>
<div class="half">
<img src="images/get-involved/translations.svg" alt="World map">
</div>
</div>
</section>
<section id="support" class="grey">
<div class="grid">
<div class="two-thirds">
<h2>Support</h2>
<p></p>
</div>
<div class="half">
<h3>Question & Answer</h3>
<p>Stack Exchange is a Q&A website built around finding the best answers to common questions. Anyone can create an account to start asking and answering.</p>
<div class="actions actions--column">
<a class="button flat suggested-action" href="https://elementaryos.stackexchange.com/unanswered">Unanswered Questions</a>
<a class="button flat" href="https://elementaryos.stackexchange.com/questions?sort=newest">New Questions</a>
</div>
</div>
<div class="half">
<h3>Documentation</h3>
<p>elementary provides basic documentation for both users and developers. All of our documentation is written in Markdown and hosted on GitHub, so submitting a change or a new section is a piece of cake.</p>
<div class="actions actions--column">
<a class="button flat suggested-action" href="https://github.com/elementary/website/blob/master/docs/learning-the-basics.md" target="_blank" rel="noopener">Learning The Basics Guide</a>
<a class="button flat" href="https://github.com/elementary/website/blob/master/docs/code/getting-started.md" target="_blank" rel="noopener">Developer Docs</a>
</div>
</div>
</div>
</section>
<section id="web-development">
<div class="web-browser">
<div id="toolbar">
<img src="images/get-involved/browser-left.svg">
<div id="search-bar"></div>
<img src="images/icons/actions/symbolic/window-maximize-symbolic.svg">
</div>
<h2>Web Development</h2>
<p>Our website is built using HTML, CSS, PHP, and JavaScript. We're always looking for people experienced in those areas who would like to contribute and make it even better.</p>
<div class="actions">
<a class="button flat suggested-action" href="https://github.com/elementary/website" target="_blank" rel="noopener">Fork Our Website on GitHub</a>
<a class="button flat" href="https://github.com/elementary/website/issues" target="_blank" rel="noopener">Report a Website Issue</a>
</div>
</div>
</section>
<section id="desktop-development" class="grey">
<div class="grid">
<div class="two-thirds">
<h2>Desktop Development</h2>
<p>Our desktop environment and all its apps are built using Vala, GTK+, Granite, and a number of other open libraries. We host our desktop code on GitHub, a free service for open source projects. If you've never developed for elementary OS before, we recommend you check out our Getting Started guide. <a href="/docs/code/getting-started" class="read-more">Learn More</a></p>
<?php
if ($config['chart_enable']) {
echo'<p>This burndown chart shows our progress for the <a href="https://bugs.launchpad.net/'.$config['chart_link_project'].'/+milestone/'.$config['chart_link_milestone'].'">'.$config['chart_link_name'].'</a>, which is our current development focus. Soon after that milestone is reached, Loki will be publically released and work on the next version of elementary OS will begin. <a href="https://launchpad.net/elementaryos/+series" class="read-more">Learn More</a></p>';
}
?>
</div>
<?php
if ($config['chart_enable']) {
?>
<div class="whole">
<div class="charts">
<div class="barchart-ctn">
<canvas width="750" height="400"></canvas>
</div>
<div class="doughnuts-ctn">
<div id="date"></div>
<div class="doughnut fixed">
<canvas id="fixed-chart" width="90" height="90"></canvas>
<div class="doughnut-label">
<span class="doughnut-count">0</span><br>
Fixed
</div>
</div>
<div class="doughnut in-progress">
<canvas id="in-progress-chart" width="90" height="90"></canvas>
<div class="doughnut-label">
<span class="doughnut-count">0</span><br>
In Progress
</div>
</div>
<div class="doughnut created">
<canvas id="created-chart" width="90" height="90"></canvas>
<div class="doughnut-label">
<span class="doughnut-count">0</span><br>
Unfixed
</div>
</div>
</div>
</div>
</div>
<?php
}
?>
<div class="whole">
<div class="actions">
<a class="button flat suggested-action" href="https://github.com/elementary" target="_blank" rel="noopener">Browse Our Code</a>
</div>
</div>
<div class="third">
<h3>Report issues</h3>
<p>Help out by tracking down issues and reporting them, or by clarifying and cleaning up existing issues. <a class="read-more" href="/docs/code/reference#reporting-bugs" target="_blank" rel="noopener">Learn More</a></p>
</div>
<div class="third">
<h3>Fix issues</h3>
<p>Contribute to elementary OS by fixing issues, improving functionality or by implementing new features. <a class="read-more" href="/docs/code/os-dev" target="_blank" rel="noopener">Learn More</a></p>
<div class="actions">
<a class="button flat" href="https://github.com/search?utf8=%E2%9C%93&q=is%3Aopen+is%3Aissue+user%3Aelementary+label%3A%22bitesize%22&type=" target="_blank" rel="noopener">Bitesized Bugs</a>
<a class="button flat" href="https://github.com/search?utf8=%E2%9C%93&q=is%3Aopen+is%3Aissue+user%3Aelementary+label%3A%22bounty%22&type=" target="_blank" rel="noopener">Bountied Bugs</a>
</div>
</div>
<div class="third">
<h3>Create apps</h3>
<p>Improve the overall elementary OS ecosystem by creating great apps. <a class="read-more" href="/docs/code/os-dev" target="_blank" rel="noopener">Learn More</a></p>
<div class="actions">
<a class="button flat suggested-action" href="https://developer.elementary.io/" target="_blank" rel="noopener">Publish on AppCenter</a>
</div>
</div>
</div>
</section>
<section id="design">
<div class="grid">
<div class="two-thirds">
<h2>Design</h2>
<p class="text-center">Our Design Team turns ideas into clear issue reports and deliverable assets. Before diving in, it's recommended to read about our design workflow. <a class="read-more" href="/docs/code/reference#proposing-design-changes" target="_blank" rel="noopener">Learn More</a></p>
</div>
</div>
<div class="design-links">
<div>
<img src="images/get-involved/stylesheet.svg">
<p>elementary OS uses a system stylesheet written in CSS. It defines how everything is drawn, from buttons and toolbars to the panel and menus.</p>
<a class="button flat" href="https://github.com/elementary/stylesheet" target="_blank" rel="noopener">Browse Our Stylesheet</a>
</div>
<div>
<img src="images/get-involved/icons.svg">
<p>elementary OS comes with a set of vector icons that are used across all pre-installed apps and are available to third party developers too.</p>
<a class="button flat" href="https://github.com/elementary/icons" target="_blank" rel="noopener">Browse Our Icons</a>
</div>
<div>
<img src="images/get-involved/bugs.svg">
<p>Our design team tracks "Needs Design" issues in GitHub. These might need further design discussion, wireframes, or deliverable assets.</p>
<a class="button flat suggested-action" href="https://github.com/search?utf8=%E2%9C%93&q=is%3Aopen+is%3Aissue+user%3Aelementary+label%3A%22Needs+Design%22" target="_blank" rel="noopener">Browse 'Needs Design' Issues</a>
</div>
</div>
</section>
<?php
include $template['footer'];
?>