-
Notifications
You must be signed in to change notification settings - Fork 6
/
index.html
218 lines (188 loc) · 8.75 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
---
title: Welcome
---
<div class="jumbotron">
<div class="container">
<h2>Code for South Africa has launched<br>Africa’s first data journalism school in February 2016.</h2>
<h2><a href="http://academy.code4sa.org">Find out more →</a></h2>
</div>
</div>
<article class="bg-white">
<section>
<div class="container">
<div class="row">
<div class="col-md-6">
<a href="/journos/" class="thumbnail">
<img src="/img/projects/wazimap-website.png" alt="Wazimap screenshot"/>
<div class="caption">
<h3>Tools for Journos</h3>
<p>
An unmissable, curated collection of tools for journalists built by us and our partners.
<u>Read more...</u>
</p>
</div>
</a>
</div>
<div class="col-md-6 slab-light-gray">
<ul class="list-unstyled blog-excerpts">
{% for post in site.posts limit:3 %}
<li>
<div class="excerpt">
<h4><a href="{{ post.url }}">{{ post.title }}</a></h4>
<p>
{{ post.excerpt }}
<a class="more" href="{{ post.url }}">Read more</a>
</p>
</div>
</li>
{% endfor %}
</ul>
<h3><a href="blog.html">More from our blog →</a></h3>
</div>
</div>
</div>
</section>
<!-- GET INVOLVED SECTION -->
<section class="bg-dark-gray">
<div class="container">
<h2>How to get involved in Open Data in South Africa</h2>
<div class="row">
<!--1st Column-->
<div class="col-sm-6">
<h3>Stay up to date</h3>
<h4>Send a blank email to these lists to subscribe:</h4>
<dl>
<dt><a href="mailto:[email protected]">Open Data and Democracy Initiative</a></dt><dd>General open data issues</dd><br/>
<dt><a href="mailto:[email protected]">HacksHackers - Cape Town</a></dt><dd>Coders meet Journalists, CT</dd><br/>
<dt><a href="mailto:[email protected]">HacksHackers - Johannesburg</a></dt><dd>Coders meet Journalists, JHB</dd><br/>
</dl>
<h4>Subscribe by clicking on the link:</h4>
<dl>
<dt><a href="http://lists.okfn.org/mailman/admindb/okfn-za">Open Knowledge Foundation - CT</a></dt><dd>General open knowledge discussions, Cape Town</dd>
</dl>
</div>
<!--2nd Column-->
<div class="col-sm-6">
<h3>Meet-up</h3>
<p>Meet people face to face, tackle problems together or just discuss ideas.</p>
<ul class="unstyled">
<li><a href="http://www.meetup.com/Code-for-South-Africa-Hackers" target="_blank">Code for South Africa Unhackathons</a></li><br />
<li><a href="http://www.meetup.com/Hacks-Hackers-Cape-Town/" target="_blank">HacksHacks Cape Town</a></li><br />
<li><a href="http://www.meetup.com/Hacks-Hackers-Cape-Town/" target="_blank">HacksHacks Johannesburg</a></li>
</ul><br />
<img alt="meet-ups" src="/img/meet-ups.png">
</div>
</div>
</div>
</section>
<!--Github Issues Section -->
<section id="github-issues" class="hidden-xs">
<div class="container">
<h2>Get your hands dirty</h2>
<h3>Some recent GitHub issues you can help us out with...<h3>
<iframe src="http://codeforamerica.org/geeks/civicissues/widget?organization_name=Code-for-South-Africa&number=6" width="100%" height="600" frameBorder="0"></iframe>
</div>
</section>
<hr class="container" style="margin-top:0; margin-bottom:0;"/>
<!--Client Logo images must be 170px by 100px-->
<section>
<div class="container donor-logo-list">
<h2>Our Donors</h2>
<div class="row text-center">
<div class="col-sm-4 client">
<a href="http://indigotrust.org.uk/"><img src="/img/partners/partner_indigo_trust.png" alt="The Indigo Trust"></a>
</div>
<div class="col-sm-4 client">
<a href="http://osf.org.za/"><img src="/img/partners/partner_osf.jpg" alt="Open Society Foundation for South Africa"></a>
</div>
<div class="col-sm-4 client">
<a href="http://omidyar.com"><img src="https://upload.wikimedia.org/wikipedia/en/2/2b/Omidyar_Network_Logo.jpeg" alt="Omidyar Network"></a>
</div>
</div>
</section>
<section>
<div class="container partner-logo-list">
<h2>Our Partners</h2>
<div class="row client-logos text-center">
<div id="blacksash-logo" class="col-sm-3 client">
<a href="https://www.blacksash.org.za"><img src="/img/partners/blacksash.png" alt="Black Sash"></a>
</div>
<div id="freedomhouse-logo" class="col-sm-3 client">
<a href="https://freedomhouse.org/"><img src="/img/partners/freedomhouse.png" alt="Freedom House"></a>
</div>
<div id="geekulcha-logo" class="col-sm-3 client">
<a href="http://geekulcha.com"><img src="/img/partners/geekulcha.jpg"
alt="Geekulcha"></a>
</div>
<div id="icfj-logo" class="col-sm-3 client">
<a href="http://www.icfj.org/"><img src="/img/partners/icfj.png" alt="International Centre for Journalists"></a>
</div>
</div>
<div class="row client-logos text-center">
<div id="mma-logo" class="col-sm-3 client pushdown">
<a href="http://www.mediamonitoringafrica.org/"><img src="/img/partners/mma.png" alt="Media Monitoring Africa"></a>
</div>
<div class="col-sm-3 client pushdown">
<a href="http://www.meetup.com/Open-Data-Durban-Meetup/"><img src="/img/opendatadurban.png" alt="Open Data Durban"></a>
</div>
<div id="odac-logo" class="col-sm-3 client pushdown">
<a href="http://opendemocracy.org.za"><img src="/img/partners/partner_odac.png" alt="Open Democracy Advice Centre"></a>
</div>
<div id="pmg-logo" class="col-sm-3 client">
<a href="http://www.pmg.org.za"><img src="/img/partners/partner_pmg.png" alt="Parliamentary Monitoring Group"></a>
</div>
</div>
<div class="row client-logos text-center">
<div id="sarpam-logo" class="col-sm-3 client pushdown">
<a href="http://www.sarpam.net/"><img src="/img/partners/sarpam.png" alt="SARPAM"></a>
</div>
<div class="col-sm-3 client pushdown">
<a href="http://schoolofdata.org/"><img src="/img/partners/school-of-data.png" alt="School of Data"></a>
</div>
</div>
</div>
</section>
<section>
<div class="container partner-logo-list">
<h2>With Thanks To</h2>
<!--Client Logo images must be 170px by 100px-->
<div class="row client-logos text-center">
<div class="col-sm-3 client pushdown">
<a href="http://aws.amazon.com/what-is-cloud-computing"><img src="http://awsmedia.s3.amazonaws.com/AWS_Logo_PoweredBy_127px.png" alt="Powered by AWS Cloud Computing"></a>
</div>
<div class="col-sm-3 client pushdown">
<a href="https://github.com"><img src="https://assets-cdn.github.com/images/modules/logos_page/GitHub-Logo.png" alt="GitHub"></a>
</div>
<div class="col-sm-3 client pushdown">
<a href="http://www.pivotaltracker.com/"><img src="http://www.pivotaltracker.com/wp-content/themes/trackery/images/logo_main.png" alt="Pivotal Tracker"></a>
</div>
<div class="col-sm-3 client pushdown">
<a href="https://slack.com"><img src="https://brandfolder.com/slack/assets/wcneqwsf" alt="Slack"></a>
</div>
</div>
<div class="row client-logos text-center">
<div class="col-sm-3 client pushdown">
<a href="http://www.socrata.com"><img src="https://upload.wikimedia.org/wikipedia/commons/f/f6/Socrata_logo.png?uselang=en-gb" alt="Socrata"></a>
</div>
<div class="col-sm-3 client pushdown">
<a href="http://toggl.com"><img src="http://blog.toggl.com/wp-content/uploads/2015/04/toggl-logo-light.png" alt="Toggl"></a>
</div>
<div class="col-sm-3 client">
<a href="http://xero.com"><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/5/57/Xero-logo-hires-RGB.png/240px-Xero-logo-hires-RGB.png" alt="Xero"></a>
</div>
</div>
</div>
</section>
</article>
<!-- company profile, see https://developers.google.com/structured-data/customize/social-profiles -->
<script type="application/ld+json">
{ "@context" : "http://schema.org",
"@type" : "Organization",
"name" : "Code for South Africa",
"url" : "http://code4sa.org/",
"sameAs" : [
"https://www.facebook.com/code4sa",
"https://twitter.com/@Code4SA",
"https://www.youtube.com/channel/UC3pQh1Hr854ECjIRu8fGg1g"]
}
</script>