-
Notifications
You must be signed in to change notification settings - Fork 6
/
index.html
executable file
·129 lines (121 loc) · 5.87 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
---
layout: landing
---
<!-- Banner -->
<section id="banner">
<div class="inner">
<p><img src="/images/odri-full-neg.png"></p>
<h2>{{ site.title }}</h2>
<p>{{ site.description | markdownify }}</p>
<ul class="actions">
<li><a href="/about/" class="button special">About</a></li>
</ul>
</div>
<a href="#one" class="more scrolly">Learn More</a>
</section>
<!-- One -->
<section id="one" class="wrapper style1 special">
<div class="inner">
<header class="major">
<h2>Building skills, data, and networks <br>to support disaster risk management and <br>urban planning in Africa.</h2>
</header>
</div>
</section>
<section id="main-video" class="wrapper alt style2">
<div class='embed-video'>
<iframe src="https://www.youtube.com/embed/ddeDqJF1Bzs" frameborder='0' allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</section>
<!-- Two -->
<section id="two" class="wrapper alt style2">
<!-- Map -->
<section class="spotlight">
<div id="map"></div>
<div class="content">
<h2>Participating Cities</h2>
<ul>
<li><a href="/abidjan/">Abidjan, Côte d’Ivoire</a></li>
<li><a href="/accra/">Accra, Ghana</a></li>
<li><a href="/antananarivo/">Antananarivo, Madagascar</a></li>
<li><a href="/bamako/">Bamako, Mali</a></li>
<li><a href="/brazzaville/">Brazzaville, ROC</a></li>
<li><a href="/dar-es-salaam/">Dar es Salaam, Tanzania</a></li>
<li><a href="/kinshasa/">Kinshasa, DRC</a></li>
<li><a href="/monrovia/">Monrovia, Liberia</a></li>
<li><a href="/niamey/">Niamey, Niger</a></li>
<li><a href="/ngaoundere/">Ngaoundéré, Cameroon</a></li>
<li><a href="/pointe-noire/">Pointe-Noire, ROC</a></li>
<li><a href="/saint-louis/">Saint-Louis, Senegal</a></li>
<li><a href="/seychelles/">Seychelles</a></li>
<li><a href="/uganda/kampala/">Kampala, Uganda</a></li>
<li><a href="/yaounde/">Yaounde, Cameroon</a></li>
<li><a href="/zanzibar-city/">Zanzibar City, Tanzania</a></li>
</ul>
</div>
</section>
<section class="spotlight">
<div class="image">
<img src="images/collaborative2.jpg" alt="Collaborative" />
</div>
<div class="content">
<h2>A Collaborative Approach</h2>
<p>Data collected through Open Cities Africa will use the OpenStreetMap platform and a collaborative approach that will provide technical and institutional advantages.
<br><small>Photos: © iLab Liberia (left), © ACAGER (right)</small></p>
<p><a href="/about/" class="button">Learn More</a></p>
</div>
</section>
</section>
<section class="wrapper style5">
<div class="inner">
<div class="row">
<div class="6u 12u(small)">
<h2>Blog Posts<br>on Open Cities Africa</h2>
<div style="margin-left: -10px; padding-right: 40px">
<script async defer src='//p3k.org/rss/main.js?align=initial&boxFillColor=%23ffffff&compact=false&fontFace=1em%20Bariol&frameColor=%23ffffff&headless=true&linkColor=%23548b5e&maxItems=4&radius=0&showXmlButton=true&textColor=%23373737&titleBarColor=%23000000&titleBarTextColor=%23000000&url=https%3A%2F%2Fopendri.org%2Ffeed&width=1200'></script>
</div>
<ul class="actions vertical">
<li><a href="https://opendri.org/tag/open-cities-africa/" class="button fit">More stories...</a></li>
</ul>
</div>
<div class="6u 12u(small)">
<h2>Videos</h2>
<div class="row" style="padding: 0 10px;">
<div class="6u video-thumb thumb-1">
<a href="https://youtu.be/Q__pdgn5q8k" target="_blank">2nd Regional Meeting – Tool Design for Urban Resilience – Dar Es Salaam, Tanzania</a>
</div>
<div class="6u video-thumb thumb-2">
<a href="https://youtu.be/scuvdInTpp4" target="_blank">1st Regional Meeting – Kickoff for Community Mapping – Kampala, Uganda</a>
</div>
<div class="6u video-thumb thumb-3">
<a href="https://youtu.be/602ND1Z8Zbc" target="_blank">Understanding Flood Vulnerability in Niger through Drones, Open Street Mapping and Flood Modeling</a>
</div>
<div class="6u video-thumb thumb-4">
<a href="https://youtu.be/binFRCfg71w" target="_blank">Open Cities Ngaoundéré: la cartographie libre pour aider à s'adapter au changement climatique</a>
</div>
<div class="6u video-thumb thumb-5">
<a href="https://youtu.be/6Sw96u00-GU" target="_blank">Open Cities Africa - Saint-Louis English Subtitles</a>
</div>
<div class="6u video-thumb thumb-6">
<a href="https://youtu.be/hOyz4lmuOEI" target="_blank">Open Cities in Brazzaville</a>
</div>
<ul class="actions vertical" style="margin-left: -10px; margin-top: 15px">
<li><a href="https://www.youtube.com/playlist?list=PLZA_MbhmZZ7YKgepryAaXONj5SvuPAXhy" target="_blank" class="button fit">More Videos...</a></li>
</ul>
</div>
</div>
</div>
</div>
</section>
<section id="cta" class="wrapper style4">
<div class="inner">
<header>
<h2>Contact Us</h2>
<p>For any questions or concerns, please send an email to<br>opendri [at] gfdrr [dot] org
<br><small>Photo: Mark Iliffe / © World Bank</small></p>
</header>
<ul class="actions vertical">
<li><a href="mailto:[email protected]" class="button fit special">Contact</a></li>
<li><a href="/about/" class="button fit">Learn More</a></li>
</ul>
</div>
</section>