-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
235 lines (210 loc) · 15.3 KB
/
index.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
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
<!DOCTYPE html>
<html lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>mozilla.de - Über uns</title>
<meta name="description" content="">
<link rel="shortcut icon" sizes="16x16" href="favicon.ico">
<link href="styles.css" rel="stylesheet" />
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" />
<!-- Tabzilla intergration -->
<link href="https://mozorg.cdn.mozilla.net/media/css/tabzilla-min.css" rel="stylesheet" />
<script src="https://mozorg.cdn.mozilla.net/tabzilla/tabzilla.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-49796218-25', 'auto');
ga('send', 'pageview');
</script>
</head>
<body>
<header id="masthead">
<div class="container">
<a href="/" id="tabzilla" aria-label="Mozilla links">Mozilla</a>
<nav id="nav-main" role="navigation">
<ul id="nav-main-menu">
<li class="first"><a href="https://sendto.mozilla.org/page/contribute/">Spenden</a></li>
<li><a href="https://www.mozilla.org/mission">Mission</a></li>
<li><a href="https://support.mozilla.org/">Hilfe</a></li>
<li class="last"><a href="https://www.mozilla.org/">mozilla.org</a></li>
</ul>
</nav>
</div>
</header>
<main role="main">
<header class="main-header">
<div class="container">
</div>
</header>
<section class="module" id="general-community">
<div class="container">
<h1 class="page-title">Jeder kann mithelfen!</h1>
<p>Mozilla Firefox und unsere anderen Produkte werden von tausenden Freiwilligen und den Angestellten von Mozilla entwickelt. Die Freiwilligen und Angestellten bilden die Gemeinschaft. Diese Gemeinschaft baut einen unabhängigen Browser und treibt technische Fortschritte für das Internet voran. Das Internet ist Bestandteil des Lebens von über einer Milliarde Personen. Bei Mozilla sind wir eine weltweite Gemeinschaft von Technologen, Denkern und Entwicklern, die zusammenarbeiten, um das Internet lebendig und zugänglich zu erhalten, so dass Menschen auf der ganzen Welt informiert zum Web beitragen und es erschaffen können.</p>
</div>
</section>
<section class="module" id="cta_header">
<h1>Lernen Sie uns kennen!</h1>
</section>
<section class="module" id="members">
<div class="container">
<ul class="members-row member-row-1">
<li id="head1" class="member-item" onclick="showBox(1);">
<img id="pic1" class="active" src="images/members/jan.png" alt="Jan Foto" />
<h3>Jan</h3>
<p>Webseiten</p>
</li>
<li id="head2" class="member-item" onclick="showBox(2);">
<img id="pic2" src="images/members/astrid.png" alt="Astrid Foto" />
<h3>Astrid</h3>
<p>Support</p>
</li>
<li id="head3" class="member-item" onclick="showBox(3);">
<img id="pic3" src="images/members/soeren.png" alt="Sören Foto" />
<h3>Sören</h3>
<p>Kommunikation</p>
</li>
<li id="head4" class="member-item" onclick="showBox(4);">
<img id="pic4" src="images/members/michael.png" alt="Michael Foto" />
<h3>Michael</h3>
<p>Community</p>
</li>
</ul>
<div class="member-box active" id="member-box-1">
<div class="member-box-content">
<h2>Hallo, ich bin Jan, ein Mozillianer aus Deutschland</h2>
<div class="member-description">
<div class="member-content">
<p>2009 brauchte ich Hilfe von der Firefox-Gemeinschaft, die ich auch bekam. Einen Tag später kam ich als Mitglied zurück und begann Anderen zu helfen, wo ich nur konnte. Heute trage ich unter anderem im Bereich Grafikdesign dazu bei, dass Mozilla und die Produkte so aussehen, wie sie es tun. Wenn ich keine Pixel umherschiebe, helfe ich auch bei lokalen Veranstaltungen, um Menschen zu zeigen, wie einfach es ist, Inhalte im Internet zu erstellen. Parallel dazu pflege ich nicht nur mozilla.de, sondern auch jede Art von Website, die überarbeitet werden muss.</p>
<p>Das Tolle ist, dass man nicht nur jeden Tag Mozillianer mit den selben Interessen und Zielen kennenlernt, sondern, dass man generell ständig dazulernt und das Gelernte auf andere Bereiche innerhalb und außerhalb Mozillas anwenden kann. Seien es Web-Technologien oder Prinzipien für ein offenes Internet. Also, machen Sie mit!</p>
</div>
<div class="participating">
<h3>Ich helfe derzeit bei:</h3>
<ul>
<li><a href="http://www.mozilla.de">mozilla.de</a></li>
<li>Design und Webgestaltung</li>
<li><a href="http://reps.mozilla.org/events/">Veranstaltungen</a> der Gemeinschaft</li>
</ul>
</div>
</div>
</div>
</div>
<div class="member-box" id="member-box-2">
<div class="member-box-content">
<h2>Hallo, ich bin Astrid (Zitronella), eine Mozillianerin aus Deutschland</h2>
<div class="member-description">
<div class="member-content">
<p>Unabhängig von meinem Beruf, im sozialen Bereich, interessiere ich mich seit ca. 2004 kontinuierlich für die Entwicklung von Open Source Programmen und insbesondere für Firefox. Durch ständiges Aneignen von Kenntnissen konnte ich diese bald erfolgreich an andere Menschen weitervermitteln. Seit 2010 beteilige ich mich aktiv in der Gemeinschaft.</p>
<p>Mein Fokus liegt darauf, ganz konkret Menschen in akuten Situationen bei Firefox-Problemen zu helfen. Dabei ist es mir wichtig, ganz individuell auf den Menschen einzugehen und im Einzelfall, auch über das Projekt hinaus, weitreichendere Hilfestellungen und Aufklärung zu geben. Dabei unterstütze ich den Hilfesuchenden auch darin, die Fähigkeiten in den Grundlagen von Computern und Internet weiterzuentwickeln. Die Firefox-Gemeinschaft im Rücken zu haben, mich mit ihnen auszutauschen und zusammenzuarbeiten ist für mich von enormer Bedeutung und eine Bereicherung.</p>
</div>
<div class="participating">
<h3>Ich helfe derzeit bei:</h3>
<ul>
<li>Deutscher <a href="https://wiki.mozilla.org/IRC#German">Firefox-Hilfechat</a></li>
<li>Deutsches <a href="http://www.camp-firefox.de/forum">Firefox-Forum</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="member-box" id="member-box-3">
<div class="member-box-content">
<h2>Hallo, ich bin Sören, ein Mozillianer aus Österreich</h2>
<div class="member-description">
<div class="member-content">
<p>Seit 2010 informiere ich über aktuelle Entwicklungen rund um Mozilla. Mein Ziel ist es, anderen Menschen eine verlässliche Quelle über Mozilla zu bieten und all die Informationen einfach und in deutscher Sprache zugänglich zu machen, welche über viele Quellen und oft zunächst nur auf Englisch im Web verteilt sind. Mehr als 300 Artikel pro Jahr veröffentliche ich zu diesem Zweck.</p>
<p>Im Firefox-Support aktiv bin ich seit Ende 2011 und seit 2013 darüber hinaus Administrator des deutschsprachigen Firefox-Forums und für die technischen Aspekte verantwortlich. Ebensfalls seit 2013 bin ich offizieller Mozilla Representative. Im Jahr 2014 habe ich eine Webseite gestartet, welche alle bereits erhältlichen sowie kommenden Geräte mit Firefox OS sowie deren Spezifikationen anzeigt und dadurch für Interessierte vergleichbar macht, ohne dass sich diese alle Informationen von verschiedenen Webseiten zusammensuchen müssen. </p>
</div>
<div class="participating">
<h3>Ich helfe derzeit bei:</h3>
<ul>
<li><a href="https://www.soeren-hentzschel.at/">Blog</a></li>
<li>Deutsches <a href="http://www.camp-firefox.de/forum">Firefox-Forum</a></li>
<li><a href="https://firefoxosdevices.org/">Firefox OS Gerätedokumentation</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="member-box" id="member-box-4">
<div class="member-box-content">
<h2>Hallo, ich bin Michael, ein Mozillianer aus der Schweiz</h2>
<div class="member-description">
<div class="member-content">
<p>Ich habe 2008 als Teenager angefangen, Patches zu Firefox beizutragen. Vier Jahre später beschloss ich, offiziell Mozilla Rep zu werden und helfe seitdem beim Aufbau der schweizer Mozilla-Gemeinschaft.</p>
<p>Neben der Organisation von Veranstaltungen der Gemeinschaft in der Schweiz koordiniere ich auch Veranstaltungen in Deutschland und Österreich, was mich zu einem der wenigen Mozillianer macht, der bei Veranstaltungen in drei verschiedenen Ländern hilft – und das alles im Abstand weniger Monate. Mein Ziel ist es jetzt, unsere weltweite Gemeinschaft durch Lokalisierung (Übersetzung), Programmieren und Webmaker-Projekte weiter wachsen zu lassen. Wenn Sie Interesse daran haben, melden Sie sich bitte.</p>
</div>
<div class="participating">
<h3>Ich helfe derzeit bei:</h3>
<ul>
<li>Deutschsprachige Gemeinschaft</li>
<li><a href="http://reps.mozilla.org/events/">Veranstaltungen</a> der Gemeinschaft</li>
<li><a href="https://twitter.com/MozillaCH">Mozilla Schweiz</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="module" id="morepeople">
<div class="container">
<p>Obenstehende Personen bilden nur eine kleine Auswahl an Freiwilligen, die in der deutschsprachigen Gemeinschaft aktiv sind. Die Gemeinschaft wächst von Monat zu Monat und bildet einen wichtigen Bestandteil von Mozilla. Wir würden uns freuen, wenn auch Sie sich in Zukunft in der deutschsprachigen Gemeinschaft engagieren würden.</p>
<ul class="head-stats">
<li class="stat-events"><strong>100+</strong> Mailingliste-Leser</li>
<li class="stat-worldwide"><strong>50+</strong> deutschsprachige Mitwirkende</li>
<li class="stat-local"><strong>3+</strong> Länder</li>
</ul>
</div>
</section>
<section class="module" id="steps">
<div class="container">
<h2 class="section-title">Möchten Sie mitmachen? So geht’s.</h2>
<ol class="steps">
<li class="step1">Wählen Sie aus, was Sie interessiert, und sagen Sie uns, wie Sie gerne helfen würden</li>
<li class="step2">Warten Sie auf eine E-Mail, die Sie mit der Mozilla-Gemeinschaft zusammenbringt</li>
<li class="step3">Erstellen Sie Ihr Mozillianer-Konto und teilen Sie Ihre Beiträge mit der Welt</li>
</ol>
<p class="cta"><a id="ctalink" href="https://www.mozilla.org/de/contribute/signup/">Erste Schritte</a></p>
</div>
</section>
</main>
<footer id="colophon">
<nav class="row">
<div class="col col-1">
<h1 class="logo"><a href="https://mozilla.org/"></a></h1>
<p class="license">Teile dieses Inhalts stehen unter einem ©1998–2015 von einzelnen Mitwirkenden an mozilla.org. Der Inhalt steht unter einer <a href="https://www.mozilla.org/de/foundation/licensing/website-content/">Creative-Commons-Lizenz</a>.</p>
</div>
<div class="col col-2">
<ul class="links-join">
<li><a href="https://mozilla.org/contact/spaces/">Kontakt</a></li>
<li class="wrap"><a href="https://mozilla.org/about/partnerships/">Werden Sie Partner</a></li>
<li class="clear"><a href="https://sendto.mozilla.org/page/contribute/" class="donate">Spenden</a></li>
<li class="wrap"><a href="https://www.mozilla.org/contribute/friends/">Firefox Friends</a></li>
<li class="clear"><a href="https://github.com/MozillaDE/tiles-landing-page">Zu dieser Seite beitragen</a></li>
</ul>
<ul class="links-legal">
<li><a href="https://mozilla.org/privacy/">Datenschutz</a></li>
<li class="wrap"><a href="https://mozilla.org/privacy/websites/#cookies">Cookies</a></li>
<li class="wrap"><a href="https://mozilla.org/about/legal/">Rechtliches</a></li>
<li class="clear"><a href="https://mozilla.org/about/legal/fraud-report/">Markenrechtsverletzung melden</a></li>
</ul>
</div>
<div class="col col-3">
<ul class="links-social">
<li>
<ul>
<li class="clear"><a id="twitterLink" href="https://twitter.com/mozilla_deutsch">Twitter<span> (@mozilla_deutsch)</span></a></li>
<li class="clear"><a id="facebookLink" href="https://www.facebook.com/mozilla.de">Facebook<span> (mozilla.de)</span></a></li>
</ul>
</li>
</ul>
</div>
</nav>
</footer>
<script src="main.js"></script>
</body>
</html>