forked from thomaspark/bootswatch
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
214 lines (199 loc) · 11.6 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Data Journalism Cadet School</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<link rel="stylesheet" href="css/bootswatch.min.css">
<link rel="stylesheet" href="css/bootstrap.css" media="screen">
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="bower_components/html5shiv/dist/html5shiv.js"></script>
<script src="bower_components/respond/dest/respond.min.js"></script>
<![endif]-->
<script>
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-23019901-1']);
_gaq.push(['_setDomainName', "bootswatch.com"]);
_gaq.push(['_setAllowLinker', true]);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<body id="home">
<div class="navbar navbar-default navbar-fixed-top navbar-transparent">
<div class="container">
<div class="navbar-collapse collapse" id="navbar-main">
<ul class="nav navbar-nav">
<li>
<a href="#winter-school">Winter School</a>
</li>
<li>
<a href="#code4sa">About Code4SA</a>
</li>
<li>
<a href="#join-us">Join us</a>
</li>
<li>
<a href="#FAQ">FAQ</a>
</li>
</ul>
</div>
</div>
</div>
<div class="splash">
<div class="container">
<div class="intro">
<!-- <div><img class="logo" src="codebridge.png"></div> -->
<h1>Data Journalism Cadet School</h1>
<p>It was found that media management did not always see the value of data journalism and how it could be monetised. They were not prepared to invest in growing skills and resources. In addition, as few journalism schools are offering journalism in their curricula, a dearth of skills exist in South Africa. The result is that existing practitioners are often scarce and prohibitively expensive.</p>
<p>The <a href="#winter-school">Winter School</a> aims to fill this gap, teaching cadets the value of data and data-driven journalism. Over the course of xxx weeks, cadets will be introduced to all aspects of data journalism and will be led through structured course material, coupled with hands-on practical experience, to ensure the learnings are fully internalised.</p>
</div>
</div>
</div>
<div class="section-tout"> <a id="winter-school"></a>
<div class="container">
<h3>What do we cover?</h3>
<div class="row">
<div class="col-sm-6">
<h4><img class="icon" src="img/icons/journalism.png" width="35" height="35" /> Basic Journalism</h4>
<p>Brush up on some of the basics, including...</p>
</div>
<div class="col-sm-6">
<h4><img class="icon" src="img/icons/data.png" width="35" height="35" /> Data Proficiency</h4>
<p>Learn how to discover data sources, scrape and clean the data. </p>
</div>
<div class="col-sm-6">
<h4><img class="icon" src="img/icons/datavis.png" width="35" height="35" /> Data Vis and Storytelling</h4>
<p>Uncover the story your data tells you and learn best how to visually represent your findings.</p>
</div>
<div class="col-sm-6">
<h4><img class="icon" src="img/icons/smjournalism.png" width="35" height="35" /> Social Media Journalism</h4>
<p>Learn how to discover social media data and how to use social media as a verification tool.</p>
</div>
<div class="col-sm-6">
<h4><img class="icon" src="img/icons/toolkit.png" width="35" height="35" /> The Journalist's Toolkit</h4>
<p>Master open source data and social media tools.</p>
</div>
</div>
<h3>Who should apply? </h3>
<p>Student candidates will be selected on the basis of previous practical journalism training and experience and a desire to improve the quality of South African journalism. Whilst practical experience is preferred, this can also include practical experience gained as part of tertiary education. Students to have demonstrated interest beyond lectures. </p>
<h3>What is provided? </h3>
<ul>
<li><strong>Equipment</strong></li>
Students are encouraged to bring their own laptops if they have them. This will allow us to assist in setting the machines up with everything they need to hit the ground running.Alternatively, computers will be available for those who need.
<li><strong>Lunch and refreshments</strong></li>
To ensure students can focus on the learning at hand, we will supply a healthy, nutritious lunch. Our kitchen, stocked with all sorts of coffees and teas, is available to all cadets during the course of the winter school.
<li><strong>Travel assistance</strong></li>
We understand travelling can be a prohibitive expense for many of our candidates and we offer transport assistance, based on merit of application, to ease this burden somewhat.
</ul>
</div>
</div>
<div class="join-us">
<div class="container">
<h2>Join us</h2><a id="join-us"></a>
<p>Apply now to be part of the Winter School, or <a href="mailto:[email protected]?Subject=Winter%20School">drop us a mail</a> if you need more information.</p>
<form class="form-horizontal" action="mailto:[email protected]" method="post" enctype="text/plain">
<fieldset>
<div class="form-group">
<label for="inputName" class="col-lg-2 control-label">Name</label>
<div class="col-lg-10">
<input type="text" class="form-control" id="inputName" placeholder="Your full name">
</div>
</div>
<div class="form-group">
<label for="inputEmail" class="col-lg-2 control-label">Email</label>
<div class="col-lg-10">
<input type="email" class="form-control" id="inputEmail" placeholder="Email">
</div>
</div>
<div class="form-group">
<label for="inputContact" class="col-lg-2 control-label">Contact Number</label>
<div class="col-lg-10">
<input type="number" class="form-control" id="inputContact" placeholder="Contact number">
</div>
</div>
<div class="form-group">
<label for="motivation" class="col-lg-2 control-label">Why do you want to do this course?</label>
<div class="col-lg-10">
<textarea class="form-control" rows="3" id="motivation"></textarea>
<span class="help-block">No more than 250 words</span>
</div>
</div>
<div class="form-group">
<label for="experience" class="col-lg-2 control-label">Describe your relevant experience.</label>
<div class="col-lg-10">
<textarea class="form-control" rows="3" id="experience"></textarea>
<span class="help-block">No more than 250 words</span>
</div>
</div>
<div class="form-group">
<label class="col-lg-2 control-label">Do you require travel assistance?</label>
<div class="col-lg-10">
<div class="radio">
<label>
<input type="radio" name="travel" id="no" value="no" checked="">No
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="travel" id="yes" value="yes">Yes
</label>
</div>
</div>
</div>
<div class="form-group">
<label class="col-lg-2 control-label">Do you have a personal laptop available?</label>
<div class="col-lg-10">
<div class="radio">
<label>
<input type="radio" name="laptop" id="no" value="no">No
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="laptop" id="yes" value="yes" checked="">Yes
</label>
</div>
</div>
</div>
<div class="form-group">
<div class="col-lg-10 col-lg-offset-2">
<button type="reset" class="btn btn-default">Cancel</button>
<button type="submit" class="btn btn-primary">Submit</button>
</div>
</div>
</fieldset>
</form>
</div>
</div>
<footer>
<div class="container">
<ul class="list-unstyled">
<li class="pull-right"><a href="#top">Back to top</a></li>
<li><a href="http://news.bootswatch.com" onclick="pageTracker._link(this.href); return false;">Blog</a></li>
<li><a href="http://feeds.feedburner.com/bootswatch">RSS</a></li>
<li><a href="https://twitter.com/bootswatch">Twitter</a></li>
<li><a href="https://github.com/thomaspark/bootswatch/">GitHub</a></li>
<li><a href="./help/#api">API</a></li>
<li><a href="./help/#support">Support</a></li>
</ul>
<p>
Based on <a href="http://www.bootswatch.com" rel="nofollow">bootswatch</a> by <a href="http://thomaspark.co" rel="nofollow">Thomas Park</a>.
Web fonts from <a href="http://www.google.com/webfonts" rel="nofollow">Google</a>.
</p>
</div>
</footer>
<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="js/bootswatch.js"></script>
<script>
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");
</script>
</body>
</html>