forked from elementary/website
-
Notifications
You must be signed in to change notification settings - Fork 0
/
get-involved.php
192 lines (173 loc) · 12.7 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
<?php
include '_templates/sitewide.php';
$page['title'] = 'Get Involved with elementary OS';
$page['theme-color'] = '#3E4E54';
$page['scripts'] = '<link rel="stylesheet" type="text/css" media="all" href="https://fonts.googleapis.com/css?family=Satisfy">';
$page['scripts'] .= '<link rel="stylesheet" type="text/css" media="all" href="styles/get-involved.css">';
$page['scripts'] .= '<script src="scripts/Chart.custom.min.js"></script>';
include $template['header'];
?>
<section class="row hero">
<h1>Check out our progress for Freya Update 1</h1>
<div class="charts">
<div class="barchart-ctn">
<canvas width="750" height="400"></canvas>
</div>
<div class="doughnuts-ctn">
<div class="doughnut fixed">
<canvas id="fixed-chart" width="90" height="90"></canvas>
<div class="doughnut-label">
<span class="doughnut-count">133</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">40</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">87</span><br>
Unfixed
</div>
</div>
</div>
</div>
<div class="actions">
<a class="button flat" href="#translations">Translations</a>
<a class="button flat" href="#web-development">Web Development</a>
<a class="button flat" href="#design">Design</a>
<a class="button flat" href="#desktop-development">Desktop Development</a>
<a class="button flat" href="#funding">Funding</a>
</div>
</section>
<section id="translations" class="light">
<div class="heading">
<div class="row">
<q><a class="inline-tweet" href="http://twitter.com/home/?status=“A different language is a different vision of life.” —Federico Fellini elementary.io/get-involved" target="_blank">“A different language is a different vision of life.”</a></q>
<p class="small-label"><a href="https://en.wikipedia.org/wiki/Federico_Fellini" target="_blank" data-l10n-off>Federico Fellini</a></p>
</div>
</div>
<div class="row">
<div class="column half">
<h2>Translations</h2>
<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>elementary OS uses an open, collaborative translation tool on Launchpad called Rosetta. <a href="/docs/translation-guide#translating-applications" class="read-more">Learn More</a></p>
<p>Our website is also openly translated using an online platform called Transifex. <a href="/docs/translation-guide#translating-our-website" class="read-more">Learn More</a></p>
<div class="actions">
<a class="button flat suggested-action" href="https://translations.launchpad.net/elementary" target="_blank">Translate elementary OS</a>
<a class="button flat" href="https://www.transifex.com/projects/p/elementary-mvp/" target="_blank">Translate This Website</a>
</div>
</div>
<div class="column half">
<img src="images/get-involved/translations.svg" alt="World map">
</div>
</div>
</section>
<section id="web-development" class="dark">
<div class="heading">
<div class="row">
<q><a class="inline-tweet" href="http://twitter.com/home/?status=“Websites should look good from the inside and out” —Paul Cookson elementary.io/get-involved" target="_blank">“Websites should look good from the inside and out”</a></q>
<p class="small-label"><a href="https://twitter.com/paulcookson" target="_blank" data-l10n-off>Paul Cookson</a></p>
</div>
</div>
<div class="web-browser">
<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. Most of the design work is done by our Design Team, but we love design ideas and feedback for our Web Team.</p>
<div class="actions">
<a class="button flat suggested-action" href="https://github.com/elementary/mvp" target="_blank">Fork Us on GitHub</a>
<a class="button flat" href="https://github.com/elementary/mvp/issues" target="_blank">See Our Open Bug Reports</a>
</div>
</div>
</section>
<section id="design" class="light">
<div class="heading">
<div class="row">
<q><a class="inline-tweet" href="http://twitter.com/home/?status=“Great design is making something memorable and meaningful.” —Dieter Rams elementary.io/get-involved" target="_blank">“Great design is making something memorable and meaningful.”</a></q>
<p class="small-label"><a href="https://en.wikipedia.org/wiki/Dieter_Rams" target="_blank" data-l10n-off>Dieter Rams</a></p>
</div>
</div>
<div class="row">
<div class="column half">
<h2>Design</h2>
<p>Every project begins with an idea. Our Design Team takes these and turns them into road maps. We break up design into two components:</p>
<p>
<strong>Visual Design</strong><br>
A great place for visual designers to get started is by sharing mockups with <a href="https://plus.google.com/communities/104613975513761463450/stream/856346d7-1c23-4912-9549-bcfc76b32937" class="read-more">our Google+ Community</a>
</p>
<p>
<strong>Interactive Design</strong><br>
We use a system on Launchpad called Blueprints to create detailed explanations of new features.
</p>
<div class="actions">
<a class="button flat suggested-action" href="http://elementary.io/docs/human-interface-guidelines" target="_blank">Read the Interface Guidelines</a>
<a class="button flat" href="https://blueprints.launchpad.net/elementary" target="_blank">Browse Our Blueprints</a>
<a class="button flat" href="/docs/code/reference#proposing-design-changes" target="_blank">Read About Our Workflow</a>
</div>
</div>
<div class="column half">
<img src="images/get-involved/design.svg" alt="Application wire frame">
</div>
</div>
</section>
<section id="desktop-development" class="dark">
<div class="heading">
<div class="row">
<q><a class="inline-tweet" href="http://twitter.com/home/?status=“Before software can be reusable it first has to be usable” —Ralph Johnson elementary.io/get-involved" target="_blank">“Before software can be reusable it first has to be usable”</a></q>
<p class="small-label"><a href="https://twitter.com/RalphJohnson" target="_blank" data-l10n-off>Ralph Johnson</a></p>
</div>
</div>
<div class="row">
<div class="column half">
<h2>Desktop Development</h2>
<p>Our desktop environment and all its apps are built using Vala, GTK+, Clutter, Cairo, Granite and a number of other free libraries. All of our code is hosted on Launchpad.net, a free service for open source projects. We're always looking for contributors of all skill levels.</p>
<div class="actions">
<a class="button flat suggested-action" href="https://code.launchpad.net/~elementary-pantheon" target="_blank">Browse Our Desktop Code</a>
<a class="button flat" href="https://code.launchpad.net/~elementary-apps" target="_blank">Browse Our Apps' Code</a>
<a class="button flat" href="https://bugs.launchpad.net/elementary" target="_blank">See Our Open Bug Reports</a>
</div>
</div>
<div class="column half">
<img src="images/get-involved/desktop-development.svg" alt="Scratch text editor">
</div>
</div>
</section>
<section id="funding" class="light">
<div class="heading">
<div class="row">
<q><a class="inline-tweet" href="http://twitter.com/home/?status=“Do what you love and the money will follow.” —Marsha Sinetar http://elementary.io/get-involved" target="_blank">“Do what you love and the money will follow.”</a></q>
<p class="small-label"><a href="http://www.amazon.com/What-Love-Money-Will-Follow/dp/0440501601" target="_blank" data-l10n-off>Marsha Sinetar</a></p>
</div>
</div>
<div class="row">
<div class="column half">
<h2>Targeted Funding</h2>
<p>BountySource puts funds directly in the hands of developers by rewarding them for committing fixes or creating new features. Set a bounty on the issues that matter to you most or fund a specific app. You can also set up a recurring subscription. <a class="read-more" href="https://github.com/bountysource/frontend/wiki/Frequently-Asked-Questions" target="blank">Learn More</a></p>
<div class="actions">
<a class="button flat suggested-action" href="https://www.bountysource.com/teams/elementary" target="_blank">BountySource</a>
</div>
</div>
<div class="column half">
<h2>General Funding</h2>
<p>Patreon works like an ongoing crowdfunding campaign. Choose an amount, get rewards, and help us reach our goals. <a class="read-more" href="https://www.patreon.com/" target="blank">Learn More</a></p>
<p>PayPal is a quick and easy solution. Choose a one-time amount or set up a subscription.</p>
<div class="actions">
<a class="button flat suggested-action" href="https://www.patreon.com/elementary" target="_blank">Patreon</a>
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="LG382EHQVTDYN">
<input type="submit" style="width: 100%;" value="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>
</div>
</section>
<script src="scripts/get-involved.js"></script>
<?php
include $template['footer'];
?>