-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
129 lines (103 loc) · 8.07 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
<!doctype html>
<html>
<head>
<title>Code Girls</title>
<meta charset="utf-8" />
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Open+Sans" />
<link rel="stylesheet" type="text/css" href="codegirls.css" />
<!-- more metadata! for search engine happyness and stuff... -->
</head>
<!-- where should showcase/past projects links go? separate page or somewhere in here? -->
<body>
<div id="content">
<header id="header">
<!-- title/logo -->
<h1>Code Girls</h1>
<!-- integrate code from codegirls/when here? -->
<!-- navigation (links to parts of this page) -->
<nav id="navigation">
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#events">Termine</a></li>
<li><a href="#where">Wo?</a></li>
<li><a href="http://codegirls.de/materials">Ressourcen</a></li>
<!-- blog? ... (would be nice to publish stuff and announce things as well. an rss feed might be useful to some people as well.) -->
<li><a href="#about">Über uns</a></li>
<li><a href="#contact">Kontakt</a></li>
</ul>
</nav>
</header>
<!-- add if there are current events
<section id="current">
<p><strong>Aktuell:</strong> Seit Mai läuft unser <a href = http://eloquentjavascript.net/>Eloquent Javascript</a> Buchclub</p>
</section>
-->
<!-- introduction (with image from current site) -->
<section id="home">
<!-- Make this a "hero image" with the image below? http://en.wikipedia.org/wiki/Hero_image -->
<h2>Werde ein Code Grrrl!</h2>
<p>Schon mal versucht eine Fremdsprache zu lernen? Und von der Fülle an Vokabeln, Grammatik und Regeln total erschlagen gewesen? Genau so geht es euch vielleicht, wenn ihr euch das erste Mal mit einer Programmiersprache beschäftigt. Genau wie eine Fremdsprache lernt man HTML, Ruby on Rails oder JavaScript deswegen am besten in der Gruppe. Und am allerliebsten mit uns!</p>
<p> Erst mal gilt es, die Basics zu lernen - damit lassen sich dann schon die ersten Sätze bilden. Und keine Angst, hier geht es nicht darum, so schnell wie möglich perfekten Code zu schreiben. Wir möchten, dass ihr Spaß an der Sache habt, dass ihr Fragen stellt, dass ihr neugierig seid und aktiv werdet.</p>
<p>Die Code Girls treffen sich alle 14 Tage im <a href="http://leipzig.socialimpactlab.eu">Social Impact Lab</a>. Kommt vorbei, wenn ihr Hilfestellung beim Erstellen eurer Homepage oder Blog braucht, eine spezielle Fragen zum Theme Web-Programmierung habt, bei den Code Girls mitmischen oder ganz einfach wissen wollt: Wie fange ich eigentlich an programmieren zu lernen?
</p>
<ul>
<li>Aktuelle Infos findet ihr hier oder auf unserer <a href="http://facebook.com/CodeGirls">Facebook Seite</a>.</li>
<li>Materialien zu unseren Projekten findet ihr <a href="http://codegirls.github.io/materials">hier</a>, interessante Links und Diskussionen gibt es in unserem <a href="https://muut.com/code-girls-leipzig">Forum</a>.</li>
<li>Wenn ihr Fragen habt oder mit uns zusammenarbeiten möchtet, <a href="mailto:[email protected]">schreibt uns gerne eine Email!</a></li>
</ul>
<img src="codegirls-session.jpg" />
</section>
<!-- upcoming events -->
<section id="events">
<h2>Termine</h2> <!-- "Demnächst"? -->
<!-- invite/ask/suggest to give a talk themselves here as well?, Links zu bisherigen Coaches -->
<p>Neben den regulären Treffen alle zwei Wochen laden wir in unregelmäßigen Abständen EntwicklerInnen zu Workshops und Vorträgen ein.</p>
<ul>
<li>15. November: <b>Webdesign mit Bootstrap</b> mit Coach <a href="https://twitter.com/mkraetke">Martin Kraetke</a>. 19 Uhr im Social Impact Lab</li>
</ul>
</section>
<!-- where (big map) -->
<section id="where">
<h2>Wo?</h2>
<p>Im <a href="http://leipzig.socialimpactlab.eu">Social Impact Lab</a> in Plagwitz, Weißenfelser Str. 65 H. Erreichbar mit den Straßenbahnen 3 und 14.</p>
<!-- prevent zooming when just "scrolling over"? maybe only enable zooming via buttons or when clicked? that might be confusing, though. -->
<iframe id="map" scrolling="no" marginheight="0" marginwidth="0" src="http://www.openstreetmap.org/export/embed.html?bbox=12.32789397239685,51.32774908917328,12.33388066291809,51.32985076694428&layer=mapnik&marker=51.3287982641204,12.33088731765747"></iframe>
</section>
<!-- resources (?, maybe just have a link in the navigation?) -->
<!-- about us -->
<section id="about">
<h2>Über uns</h2>
<div id="imgvideo"><iframe width="640" height="360" src="https://www.youtube.com/embed/jyXHXtCqlm8?rel=0" frameborder="0" allowfullscreen></iframe></div>
<p> Die Geschichte der Code Girls beginnt mit der erfolgreichen Teilnahme an einem Gewinnspiel eines Telekommunikationsunternehmens: Begeistert von der Aussicht ein paar Tage im sommerlichen Berlin zu verbringen Goodies abzustauben, reisen Natalie und Julia 2012 zur Campus Party in Berlin. </p>
<p>Motiviert von den Erfolgsgeschichten junger Programmiererinnen und überzeugt, bald selbst auf Konferenzen vom eigenen Tech-Start-Up zu berichten, beschließen sie bei einem abendlichen Kaltgetränk die Gründung eines eigenen Codier- und Programmierstammtischs für Mädchen und Frauen in Leipzig.</p>
<p>Das Start-Up lässt zwar noch auf sich warten, aber die Motivation, funktionale und ästhetisch ansprechende Seiten und Apps zu entwickeln, ist weiterhin ungebrochen. Mittlerweile dazugekommen ist Lucas, unser Coach, der uns mit Geduld und Expertise bei unseren Unternehmungen unterstützt. Inzwischen konzentrieren wir uns hauptsächlich auf die Organisation von Workshops und Vorträgen, sind aber weiterhin alle zwei Wochen
im Social Impact Lab zu unseren "Office Hours" anzutreffen und begeistert über jede Frage und Projektidee, egal ob ihr euren Blog verschönern wollt, euer JavaScript Code spinnt oder ihr Tipps haben wollt, wie und wo man am besten mit dem Programmieren anfängt. Die Code Girls sind ein gemeinnütziges Projekt - wir haben Spaß am Programmieren und wollen, dass ihr das auch habt. </p>
<ul>
<li>Die Code Girls im <a href="https://www.torial.com/pia.rauschenberger/contents/144375">Kreuzer</a></li>
<li>Artikel auf <a href="http://www.youdaz.com/2013/05/12/code-girls-frauen-kommunizieren-manner-programmieren/">Youdaz.com</a></li>
<li>Beitrag im Reader zur <a href="http://books.google.de/books?id=3hZEP8DWi9MC&lpg=PT61&ots=nMYgh1GxXF&dq=code%20girls%20republica&hl=de&pg=PT63#v=onepage&q=code%20girls%20republica&f=false">re:publica 2013</a></li>
<li>Berichte über den ersten von uns veranstalteten <a href="http://railsgirls.com/leipzig">Rails Girls Leipzig</a></a> Workshop bei den <a href="http://klickkomplizen.de/blog/uber-uns/im-gespraech-mit-den-rails-girls-leipzig/">Klickkomplizen</a> und bei <a href="http://www.urbanite.net/de/leipzig/artikel/rails-girls-workshop-leipzig">Urbanite</a></li>
</ul>
</section>
<!-- contact -->
<section id="contact">
<h2>Kontakt</h2>
<!-- "feedback form"? twitter? -->
<p>Fragen, Tipps, Wünsche? Schreib uns an <a href="mailto:[email protected]">[email protected]</a> oder auf <a href="http://facebook.com/CodeGirls">Facebook</a>. Einfach mal hallo sagen ist auch ok. :)</p>
<!-- link suggested topics and other tips for potential coaches/mentors/...? -->
<p>Vorschläge für Workshops, Vorträge und andere Ideen sind immer willkommen!</p>
<p>Oder komm einfach zum nächsten Treffen!</p>
</section>
<!-- footer (w/ <3 -->
<footer>
<p>Made with <3. <a href="http://creativecommons.org" title="Feel free to be inspired...">CC-BY-SA</a> 2015.</p>
</footer>
</div>
<a href="/subscribe">
<div id="subscribe">
<img src="email-love.png" width="75" height="75" />
<p>Want Fan Post?</p>
</div>
</a>
</body>
</html>