-
Notifications
You must be signed in to change notification settings - Fork 6
/
Copy pathabout.html
158 lines (138 loc) · 8.88 KB
/
about.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
---
layout: page
title: About Us
---
<article>
<header class="jumbotron bg-light-blue">
<div class="container">
<div class="text-center">
<h1>About Code for South Africa</h1>
</div>
</div>
</header>
<!--Services Section -->
<div class="container">
<section class="chimney-lg slab-white" id="services">
<h2>What We Do</h2>
<div class="row">
<!--Service One -->
<div class="col-sm-3 service-box text-center">
<img src="img/icons_open_data.png" />
<h4>Open Data</h4>
<p>We love data. We live it, eat it, drink it and dream about it. We believe that data (especially government data) should be open. Not just for personal use. Data should be shareable, mash-able, available for commercial use. Our goal is to promote the release of data under an <a href="http://opendatacommons.org/licenses/odbl/">open data licence</a> to make it available to everyone who wants it.</p>
</div>
<!--Service Two -->
<div class="col-sm-3 service-box text-center">
<img src="img/icons_peoplegov.png" />
<h4>Connecting People to Government</h4>
<p>Data is for the elite. Without context it is useless. We want to use liberated data to improve lives and empower people to make informed choices. We hope to build an active citizenry by increasing interactions between the public and government using applications that really matter to people.</p>
</div>
<!--Service Three -->
<div class="col-sm-3 service-box text-center">
<img src="img/icon_communityoutreach.png" />
<h4>Community Outreach</h4>
<p>Yes, we're rabid about our beliefs but without a community of data consumers, open data won't become part of the national discourse. We work with civil society, journalists, government and straight up hackers, running workshops, hosting meetings and generally getting people excited about how they can contribute to making South Africa a better place.</p>
</div>
<!--Service Four -->
<div class="col-sm-3 service-box text-center">
<img src="img/icon_civilsociety.png" />
<h4>Supporting Civil Society</h4>
<p>Civil Society Organisations in the transparency and governance space toying with technology solutions to their advocacy work. They are faced with two choices, either build their own technical capacity in-house or contract to commercial programmers. We feel that neither of those solutions are satisfactory. We fill the gap by providing technology support to civil society while building and eco-system of data consumers and producers.</p>
</div>
</div>
</section>
<section class="slab-dark-gray">
<h2>Who We Are</h2>
<ul class="ch-grid">
<li>{% include team.html name="Adi Eyal" title="Data Evangelist" twitter="@soapsudtycoon" image_class="ch-img-adi" %}</li>
<li>{% include team.html name="Gabriella Razzano" title="Policy and Strategy" twitter="@jablet" image_class="ch-img-gabriella" %}</li>
<li>{% include team.html name="Jason Norwood-Young" title="Data Journalism Advocate" twitter="@j_norwood_young" image_class="ch-img-jason" %}</li>
<li>{% include team.html name="Greg Kempe" title="Lead Technologist" twitter="@longhotsummer" image_class="ch-img-greg" %}</li>
<li>{% include team.html name="Raymond Joseph" title="Data Journalist" twitter="@rayjoe" image_class="ch-img-ray" %}</li>
<li>{% include team.html name="Jennifer Walker" title="Wrangler of things" twitter="@nefiger" image_class="ch-img-jen" %}</li>
<li>{% include team.html name="Damian Schlechter" title="Writer of code <br> " image_class="ch-img-damian" %}</li>
<li>{% include team.html name="Daniela Q. Lépiz" title="Data Journalist" twitter="@dqlepiz" image_class="ch-img-daniela" %}</li>
<li>{% include team.html name="Julia Renouprez" title="Data Wrangler" twitter="@SI_Stellies" image_class="ch-img-julia" %}</li>
<li>{% include team.html name="JD Bothma" title="Writer of code" twitter="@jdbothma" image_class="ch-img-jd" %}</li>
<li>{% include team.html name="Nadia Thorn" title="Project Manager" twitter="@firenamfly" image_class="ch-img-nadia" %}</li>
<li>{% include team.html name="Sarah Evans" title="News Editor" twitter="@sarahpeace6" image_class="ch-img-sarah" %}</li>
<li>{% include team.html name="Lenina Rassool" title="Communications" twitter="@Nina_210" image_class="ch-img-lenina" %}</li>
<li>{% include team.html name="Guus Hoekman" title="Wrangling Fellow <br> " image_class="ch-img-guus" %}</li>
<li>{% include team.html name="Jeanette Strydom" title="Community Manager" twitter="@jenstrydom" image_class="ch-img-jeanette" %}</li>
<li>{% include team.html name="Mats Blakstad" title="Junior Contractor <br> " image_class="ch-img-mats" %}</li>
<h2 class="dark-grey">Alumni</h2>
<li>{% include team.html name="Osman Siddiqi" title="Visiting Fellow<br/>MPA-ID Candidate<br/>Harvard Kennedy School" image_class="ch-img-osman" %}</li>
<li>{% include team.html name="Khutjo Konyana" title="Data Herder" twitter="@SwiftieDarlinG <br><br>" image_class="ch-img-khutjo" %}</li>
<li>{% include team.html name="Petrus J.v.Rensburg" title="Developer" twitter="@petrusjvr <br><br>" image_class="ch-img-petrus" %}</li>
<li>{% include team.html name="Siyabonga Afrika" title="SABC Specialist Data Journalism Consultant" twitter="@siyafrica" image_class="ch-img-siya" %}</li>
<li>{% include team.html name="Hannah Williams" title="Data Journalism Trainer" twitter="@LittleMsNimbus" image_class="ch-img-hannah" %}</li>
<h2 class="dark-grey">Smart people we consult</h2>
<li>{% include team.html name="Katherine Eyal" title="Econometrician" twitter="@katrinayellow" image_class="ch-img-katherine" %}</li>
<li>{% include team.html name="Hassel Fallas" title="Data Editor at La Nación" twitter="@hasselfallas" image_class="ch-img-hassel" %}</li>
</ul>
</section>
<!--Contact Section-->
<section class="slab-white">
<div class="row">
<div class="col-sm-6">
<h2>Contact Us</h2>
<ul class="fa-ul">
<li><i class="fa-li fa fa-envelope"></i> <a href="mailto:info@code4sa.org">info@code4sa.org</a></li>
<li><i class="fa-li fa fa-twitter"></i> <a href="https://twitter.com/Code4SA" target="_blank">@Code4SA</a></li>
<li><i class="fa-li fa fa-facebook"></i> <a href="https://www.facebook.com/code4sa" target="_blank">facebook.com/code4sa</a></li>
<li><i class="fa-li fa fa-youtube"></i> <a href="https://www.youtube.com/channel/UC3pQh1Hr854ECjIRu8fGg1g" target="_blank">YouTube</a></li>
<li><i class="fa-li fa fa-linkedin"></i> <a href="http://www.linkedin.com/company/code-for-south-africa" target="_blank">LinkedIn</a></li>
<li><i class="fa-li fa fa-slideshare"></i> <a href="http://www.slideshare.net/adieyal" target="_blank">slideshare.net/adieyal</a></li>
<li><i class="fa-li fa fa-slides"></i> <a href="https://slid.es/adieyal/" target="_blank">slid.es/adieyal</a></li>
</ul>
</div>
<div class="col-sm-6">
<h2>Where We are</h2>
<p>
<address>
<strong><a href="http://www.codebridge.co.za">Codebridge - Code Dojo</a></strong><br/>
Campground Rd<br/>
(entrance via Hemlock St.)<br/>
Claremont<br/>
Cape Town<br/>
</address>
</p>
</div>
</div>
</section>
<section>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
<script>
var map;
function initialize()
{
var loc = new google.maps.LatLng(-33.976521, 18.466542)
var mapOptions = {
scrollwheel: false,
disableDoubleClickZoom: true,
zoom: 16,
center: loc,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
var marker = new google.maps.Marker({
position: loc,
title: "Code for South Africa"
});
var ctInfoWindow = new google.maps.InfoWindow({
content: "Code for South Africa<br>Codebridge, Thicket Street<br>Claremont"
});
google.maps.event.addListener(marker, 'click', function() {
ctInfoWindow.open(map, marker);
});
// To add the marker to the map, call setMap();
marker.setMap(map);
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
<div class="contact-us-map">
<div id="map-canvas"></div>
</div>
</section>
</div>
</article>