-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
executable file
·408 lines (386 loc) · 18.5 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
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="content-language" content="en-us">
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
<meta name="theme-color" content="#504193">
<link rel="icon" sizes="192x192" href="favicon.png">
<link rel="shortcut icon" type="image/png" href="favicon.ico">
<title>Home -Wikonnect</title>
<meta name="description"
content="Wikonnect is an open-source e-learning platform designed to allow anyone to learn, create educational content, and contribute to building the platform">
<meta property="og:type" content="website">
<meta property="og:locale" content="en_us">
<meta name="theme-color" content="#F57010">
<meta name="msapplication-TileColor" content="#F57010">
<meta name="apple-mobile-web-app-status-bar-style" content="#F57010">
<meta property="og:site_name" content="Wikonnect">
<meta property="og:image" content="https://wikonnect.org/img/wikonnect-primary.svg">
<meta property="og:url" content="https://wikonnect.org">
<meta property="og:title" content="Wikonnect - An open-source e-learning platform">
<meta name="twitter:title" content="Wikonnect - An open-source e-learning platform">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:image" content="https://wikonnect.org/img/wikonnect-primary.svg">
<meta name="twitter:image:alt" content="Wikonnect - An open-source e-learning platform">
<meta name="twitter:description"
content="Wikonnect is an open-source e-learning platform designed to allow anyone to learn, create educational content, and contribute to building the platform">
<link rel="stylesheet" type="text/css" href="./css/customized-bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="./css/style.min.css?5412">
<link rel="stylesheet" type="text/css" href="./css/font-awesome.min.css">
<script async defer data-website-id="ef5c4388-8adb-4cf4-9da8-bbb5f23cd577" src="https://wikonnect-umami.herokuapp.com/umami.js"></script>
</head>
<body>
<div class="page-container">
<div class="bloc bgc-dark-slate-blue d-bloc">
<div class="container bloc-sm">
<div class="row">
<div class="col">
<nav class="navbar navbar-light row navbar-expand-md" role="navigation">
<a class="navbar-brand ltc-dark-slate-blue" href="index.html"><img src="img/lazyload-ph.png"
data-src="img/Group%2016.svg" alt="logo" class="lazyload" /></a>
<div class="collapse navbar-collapse navbar-43408">
<ul class="site-navigation nav navbar-nav ml-auto btn">
<a type="button" href="https://tunapanda.org/contribute/" target="_blank"
class="btn btn-secondary btn-lg text-primary"> ♥ Donate
</a>
</ul>
</div>
</nav>
</div>
</div>
</div>
</div>
<div class="bloc b-parallax bgc-dark-slate-blue tc-white" id="bloc-0">
<div class="container bloc-sm">
<div class="row">
<div class="offset-md-2 col-md-8 offset-lg-0">
<h1 class="mg-md btn-resize-mode h1-style tc-white text-lg-left text-md-left ">
<strong>Empowering you in a digital world.</strong>
</h1>
<h6 class="mg-md tc-white d-block h6-margin-left text-lg-left">
Learn how the digital world affects you, gain new skills, share your knowledge with others and help build
a great product available to everyone.
</h6>
<div class="row">
<div class="col-12">
<div class="row">
<div class="col col-lg-12">
<a href="https://app.wikonnect.org" class="btn btn-lg btn-emerald btn-style" rel="noopener"
target="_blank">Learn</a>
<a href="https://app.wikonnect.org/teach" class="btn btn-lg btn-deep-carrot-orange btn-button-style"
margin-left="1em" target="_blank" rel="noopener">Teach</a>
<a href="https://docs.google.com/forms/d/e/1FAIpQLSe2mRkEuogbW707Jf5bKp2I3U2xI8eCdINejPOhbxNy7Qke9g/viewform"
rel="noopener" class="btn btn-lg btn-sandstorm btn-build-style" target="_blank">Build</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<a class="bloc-button btn btn-d scrollToTop" onclick="scrollToTarget('1',this)"><span
class="fa fa-chevron-up"></span></a>
<div class="bloc l-bloc" id="bloc-1">
<div class="container bloc-sm">
<div class="row d-flex justify-content-center">
<div class="col-sm-12 col-md-4">
<h3 class="mg-md h1-bloc-1-style tc-dark-slate-blue">
<strong>What is Wikonnect?</strong>
</h3>
</div>
<div class="col-sm-8 col offset-md-0">
<h6 class="h6-margin-top btn-resize-mode">
Wikonnect seeks to bridge the digital divide through the provision of digital literacy skills.
<br><br> Users can learn new skills, create content to teach others, and contribute in building the
platform as designers or software developers.
</h6>
</div>
</div>
</div>
</div>
<div class="bloc l-bloc" id="bloc-1">
<div class="container bloc-sm d-flex ">
<div class="row justify-content-center">
<div class=" col-sm-12 col-md-12 text-center ">
<a href="https://app.wikonnect.org/chapter/I0MDgx2AASY" class="text-dark" target="_blank">
<img src="./img/ember-tomster-lockup-4c.svg" height="100px" alt=""><br>
<i> built the ember way</i>
</a>
</div>
</div>
</div>
</div>
<div class="bloc bgc-beige tc-taupe-gray l-bloc" id="bloc-2">
<div class="container bloc-lg">
<div class="row">
<div class="col-lg-4 col-md-4">
<div class="text-center">
<span class="fa fa-hourglass-o icon-emerald icon-lg pressed-t icon-round"></span>
<h3 class="mg-md tc-slate-gray">
Learning
</h3>
<p>
Technology is changing the world and education needs to adapt. Wikonnect lets you learn valuable skills
at your own pace, anytime, anywhere.<br>
</p>
</div>
</div>
<div class="col-lg-4 col-md-4">
<div class="text-center">
<span class="fa fa-paper-plane-o icon-round icon-lg icon-sandy-brown"></span>
<h3 class="mg-md tc-slate-gray">
Content
</h3>
<p>
Often, our most important teachers aren’t from school. They are our parents, family, friends,
colleagues, bosses, and others. Wikonnect enables us to share knowledge with our communities online,
extending the reach of our most valuable teaching relationships into the digital world.<br>
</p>
</div>
</div>
<div class="col-lg-4 col-md-4">
<div class="text-center">
<span class="fa fa-star icon-round icon-lg icon-slate-gray"></span>
<h3 class="mg-md tc-slate-gray">
Open Source
</h3>
<p>
They say the best things in life are free. We believe this should apply to great software too. You can
help us build a learning community for all people..<br>
</p>
</div>
</div>
</div>
</div>
</div>
<div class="bloc bg-repeat bgc-beige l-bloc" id="bloc-3">
<div class="container bloc-sm">
<div class="row">
<div class="col-12">
</div>
</div>
</div>
</div>
<div class="bloc bgc-emerald tc-white d-bloc b-parallax" id="bloc-4">
<div class="container bloc-sm">
<div class="row">
<div class="col-md-6 order-md-1">
<img src="img/lazyload-ph.png" data-src="img/[email protected]"
class="img-fluid my-5 mx-auto d-block lazyload" alt="placeholder image" />
</div>
<div class="col-md-6 align-self-center col-lg-5 offset-lg-1">
<h3 class="mg-md h3-style">
<strong>What did you learn today?</strong><br>
</h3>
<p class="p-bloc-3-style">
The free digital content on Wikonnect helps you develop skills and a digital reputation. The content is a
mix of videos, animations, audio, and text. It is organized into topics with quizzes and other ways of
testing your knowledge.
</p><a href="https://app.wikonnect.org"
class="btn btn-white-2 btn-lg float-lg-none btn-button-style ml-0">Learn</a>
</div>
</div>
</div>
</div>
<div class="bloc l-bloc" id="bloc-5">
<div class="container bloc-sm">
<div class="row">
<div class="col-md-6">
<img src="img/lazyload-ph.png" data-src="img/teach.png" class="img-fluid my-5 mx-auto d-block lazyload"
alt="placeholder image" />
</div>
<div class="col-md-6 align-self-center col-lg-4 offset-lg-1">
<h3 class="mg-md float-lg-none tc-deep-carrot-orange h3-bloc-5-style">
<strong>What did you teach today? </strong><br>
</h3>
<p class="p-bloc-5-style">
Content can be created by anyone in the world. Our community of verifiers and content creators ensure that
accurate content is pushed to the top, and inaccurate or controversial content is clearly labelled. Your
digital profile helps you build your network by meeting people in your community or around the world who
share your interests.
</p><a href="https://app.wikonnect.org/teach"
class="btn btn-lg btn-deep-carrot-orange btn-button-style ml-0">Teach</a>
</div>
</div>
</div>
</div>
<div class="bloc bgc-sandstorm tc-dark-slate-blue l-bloc" id="bloc-6">
<div class="container bloc-sm">
<div class="row">
<div class="col-md-6 order-md-1">
<img src="img/lazyload-ph.png" data-src="img/build.png" class="img-fluid my-5 mx-auto d-block lazyload"
alt="opensource" />
</div>
<div class="col-md-6 align-self-center col-lg-5 offset-lg-1">
<h3 class="mg-md tc-dark-slate-blue h3-6-style">
<strong>What did you build today?</strong><br>
</h3>
<p class="p-style">
Open source software makes the digital world go around. “Open source” means that the source code of our
platform is freely-available for anyone to copy and for anyone to add to or modify. Our dedicated
community of open source software volunteers is headquartered in Nairobi.<br>
</p><a href="https://github.com/tunapanda/wikonnect/blob/master/README.md" rel="noopener"
class="btn btn-lg btn-go-to-platform-style btn-beige btn-button-style ml-0">Build</a>
</div>
</div>
</div>
</div>
<div class="bloc l-bloc" id="bloc-7">
<div class="container bloc-sm">
<div class="row">
<div class="col-sm-10 offset-sm-1 col-md-8 offset-md-2 col-lg-6 offset-lg-3">
<h2 class="mg-md text-lg-center">
<strong>Implementing Partners</strong>
</h2>
</div>
</div>
</div>
</div>
<div class="bloc-group">
<div class="bloc none bloc-tile-2 l-bloc" id="bloc-8">
<div class="container bloc-sm">
<div class="row">
<div class="col-12 col-lg-9 offset-lg-2">
<div class="row">
<div class="col-12">
<a href="https://www.learninglions.org/" rel="noopener"><img src="img/lazyload-ph.png"
data-src="img/new/LL.jpg" class="img-fluid img-style float-lg-none lazyload"
alt="learninglions" /></a>
</div>
</div>
<h3 class="mg-md">
<strong>Learning Lions</strong><br>
</h3>
<p>
Learning Lions (LL) is a gUG non-profit organizations based in Germany and Kenya which creates digital
content for Wikonnect. LL also runs training programs derived from TI’s 3-month intensive training
program in tech, design, and business in remote Kenya.<br>
</p>
</div>
</div>
</div>
</div>
<div class="bloc none bloc-tile-2 l-bloc" id="bloc-9">
<div class="container bloc-sm">
<div class="row">
<div class="col-12 col-lg-10">
<a href="https://tunapanda.org/" rel="noopener"><img src="img/lazyload-ph.png" data-src="img/new/tp-h.jpg"
class="img-fluid float-lg-none img-bloc-7-style lazyload" alt="gizlogo" /></a>
<h3 class="mg-md">
<strong>Tunapanda Institute</strong><br>
</h3>
<p>
Tunapanda Institute (TI) is a 501(c)3 non-profit organization based in the US and Kenya. TI builds and
maintains the core Wikonnect software through our team members and skilled open source volunteers. TI
also establishes and funds training programs in low-income areas, such as Kibera.<br>
</p>
</div>
</div>
</div>
</div>
</div>
<div class="bloc l-bloc" id="bloc-11">
<div class="container bloc-sm">
<div class="row">
<div class="col">
<h2 class="mg-md text-lg-center">
<strong>Funding Partners</strong>
</h2>
</div>
</div>
</div>
</div>
<div class="bloc-group">
<div class="bloc none bloc-tile-2 l-bloc" id="bloc-12">
<div class="container bloc-sm">
<div class="row">
<div class="col-12 col-lg-9 offset-lg-2">
<a href="https://giz.de" rel="noopener"><img src="img/lazyload-ph.png" data-src="img/new/giz.jpg"
class="img-fluid float-lg-none img-bloc-6-style lazyload"
alt="GIZ_Logo_StraPa_Digital_Africa_text 2" /></a>
<h3 class="mg-md">
<strong>GIZ</strong>
</h3>
<p class="p-bloc-8-style text-justify">
Wikonnect involves a collaboration between the Strategic Partnership Technology in Africa (SPTA) and the
Kenyan digital company BRCK. SPTA is a network connecting German development cooperation and around 200
European companies. Its aim is to develop public-private cooperation projects relating to digitalisation
and innovation in Africa<br>
</p>
</div>
</div>
</div>
</div>
<div class="bloc none bloc-tile-2 l-bloc" id="bloc-13">
<div class="container bloc-sm">
<div class="row">
<div class="col-12 col-lg-10">
<a href="https://brck.com" rel="noopener"><img src="img/lazyload-ph.png" data-src="img/new/brck.jpg"
class="img-fluid float-lg-none img-brcklo-style lazyload" alt="learninglions" /></a>
<h3 class="mg-md">
<strong>BRCK</strong>
</h3>
<p>
BRCK has been developing connectivity technology for emerging markets since 2013. Moja is BRCK’s free
public WiFi network. Anyone within range of the signal can connect to the internet for free and access
Moja’s stored content to watch shows, listen to music, or learn. Moja is currently available in more
than 2,700 WiFi hotspots in Nairobi and Kigali, reaching over 600,000 unique monthly users. BRCK is the
main technology, connectivity and distribution partner for this project. BRCK has allocated one million
Moja points for the project to distribute and promote Wikonnect as a “learn to earn” model.
</p>
</div>
</div>
</div>
</div>
</div>
<div class="bloc bgc-anti-flash-white l-bloc" id="bloc-14">
<div class="container bloc-md">
<div class="row">
<div class="col-6 col-sm-3">
<a href="https://www.giz.de" target="_blank" rel="noopener"><img src="img/lazyload-ph.png"
data-src="img/new/gizcopy.jpg" class="img-fluid mx-auto d-block img-11-style lazyload"
alt="giz logo" /></a>
</div>
<div class="col-6 col-sm-3">
<a href="https://www.learninglions.org/" rel="noopener"><img src="img/lazyload-ph.png"
data-src="img/new/LLcopy.jpg" class="img-fluid mx-auto d-block img-12-style lazyload"
alt="learning lions logo" /></a>
</div>
<div class="col-6 col-sm-3">
<a href="https://brck.com/" rel="noopener"><img src="img/lazyload-ph.png" data-src="img/new/brckcopy.jpg"
class="img-fluid mx-auto d-block img-13-style lazyload" alt="brck logo" /></a>
</div>
<div class="col-6 col-sm-3">
<a href="https://tunapanda.org" rel="noopener"><img src="img/lazyload-ph.png"
data-src="img/new/tp-hcopy.jpg" class="img-fluid mx-auto d-block img-bloc-8-style lazyload"
alt="tunapanda logo" /></a>
</div>
</div>
</div>
</div>
<div class="bloc bgc-light-gray l-bloc" id="bloc-15">
<div class="container bloc-sm">
<div class="row">
<div class="col-12">
<h6 class="mg-md text-lg-center">
<strong>Wikonnect
<span id="copyright-year"></span>
</h6>
</div>
</div>
</div>
</div>
</div>
<script src="/js/wikonnect.min.js"></script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js" defer
integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" defer
integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns"
crossorigin="anonymous"></script>
<script src="./js/blocs.min.js?1200" defer></script>
<script src="./js/lazysizes.min.js" defer></script>
<div id="page-loading-blocs-notifaction" class="page-preloader"></div>
</body>
</html>