forked from elementary/website
-
Notifications
You must be signed in to change notification settings - Fork 0
/
get-involved.php
158 lines (140 loc) · 9.64 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
<?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="http://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 '_templates/header.php';
?>
<section class="row hero">
<h1>Check out our progress for Freya Beta 2</h1>
<div class="charts">
<div class="barchart-ctn">
<canvas width="750" height="400"></canvas>
</div>
<div class="doughnuts-ctn">
<div class="doughnut fix-committed">
<canvas id="fix-committed-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>
<h4>Contribute by doing these things</h4>
<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>
</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 elementaryos.org/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">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. Launchpad has a built-in tool called Rosetta that enables collaborative translations online.</p>
<div class="actions">
<a class="button flat suggested-action" href="https://translations.launchpad.net/elementary" target="_blank">View Our Translations Page</a>
<a class="button flat" href="https://help.launchpad.net/Translations" target="_blank">Get More Info About Rosetta</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 elementaryos.org/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">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 elementaryos.org/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">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://elementaryos.org/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="http://blog.elementaryos.org/post/107662321291/so-you-fancy-yourself-a-designer" 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 elementaryos.org/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">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>
<script src="scripts/get-involved.js"></script>
<?php
include '_templates/footer.html';
?>