-
Notifications
You must be signed in to change notification settings - Fork 0
/
homepage.php
139 lines (118 loc) · 6.27 KB
/
homepage.php
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
<?php /* Template Name: Homepage */ ?>
<?php get_header(); ?>
<a href="#whatismoabi" class="scroll fa fa-angle-down arrow" id="whatismoabi"></a>
<div class="header" >
<div class="row" >
<div class="large-12 columns text-center">
<h1 class="animated fadeInDown" id="intro"><?php the_field('main_title'); ?></h1>
<h2 class="animated fadeInDown"><?php the_field('main_subline'); ?></h2>
<a href="/about"><button class="animated fadeInDown"> Learn More</button></a>
</div>
</div>
</div>
<div class="dark" >
<div class="row wp1">
<h1><?php the_field('second_main'); ?></h1>
<p class="headline"><?php the_field('second_p'); ?></p>
</div>
</div>
</div>
<div class="content">
<div class="row text-center wp2">
<h1>Projects</h1>
<p class="headline">Moabi has worked on a diverse range of projects with both local and international partners. Below are short overviews of our most recent projects. If you’d like to work with us on your project, <a href="mailto:[email protected]">get in touch!</a> </p>
</div>
</div>
<div class="work">
<figure class="large-3 columns">
<img src="<?php bloginfo('template_directory'); ?>/img/maphubs.jpg" >
<a href="https://maphubs.com" target="_blank"><figcaption>
<h3>A home for the world's open map data and an easy tool for making and sharing maps</h3>
</figcaption></a>
</figure>
<figure class="large-3 columns">
<img src="<?php bloginfo('template_directory'); ?>/img/moabi.jpg" >
<a href="http://rdc.moabi.org/en/" target="_blank"><figcaption>
<h3>A collaborative mapping initiative to monitor natural resources in DRC and strengthen REDD+ safeguards</h3>
</figcaption></a>
</figure>
<figure class="large-3 columns">
<img src="<?php bloginfo('template_directory'); ?>/img/logging.jpg" >
<a href="http://loggingroads.org/" target="_blank"><figcaption>
<h3>A joint initiative with the World Resource Institute to map all the logging roads in the Congo Basin using crowdsourcing</h3>
</figcaption></a>
</figure>
<figure class="large-3 columns">
<img src="<?php bloginfo('template_directory'); ?>/img/congo.jpg" >
<a href="http://www.congomines.org/" target="_blank"><figcaption>
<h3>A Carter Center project using Moabi technology to document mining operations and contracts in DRC</h3>
</figcaption></a>
</figure>
</div>
<div class="content">
<div class="row text-center wp2">
<a href="/portfolio"><button>View More</button></a>
</div>
</div>
<div class="grey content">
<div class="row text-center wp2">
<h1>Moabi in Action</h1>
<p class="headline">Read about how we have applied our technology<br> and approaches on the ground. </p>
</div>
</div>
<div class="action">
<figure class="large-6 columns featr" style="background: url('http://moabi.org/wp-content/uploads/2015/07/DSC01975-1024x768.jpg');background-size: cover; background-position: bottom;">
<a href="http://moabi.org/reports/monitoring-redd-safeguards-with-communities-in-mai-ndombe-district-drc/"><figcaption>
<h3>Monitoring REDD+ Safeguards with Communities in Mai Ndombe District</h3>
<p class="headline">A REDD+ Safeguard Information System (SIS) requires not only rigorous data collection on local social/environmental investments and grievances but must also adapt to the constraints of regions with limited infrastructure and financial resources. </p>
</figcaption></a>
</figure>
<figure class="large-6 columns featr" style="background: url('http://moabi.org/wp-content/uploads/2015/08/palm_suitability_w_legend-e1438410469356.jpg');background-size: cover; background-position: bottom;">
<a href="http://rdc.moabi.org/palm-oil-boom/en/#5/-2.877/22.830&layers=moabi_forest_cover" target="_blank"><figcaption>
<h3>Palm Oil Boom?</h3>
<p class="headline">IIASA scientists map where palm oil could expand in the Democratic Republic of Congo to become a major palm oil producer</p>
</figcaption></a>
</figure>
<figure class="large-6 columns featr" style="background: url('<?php bloginfo('template_directory'); ?>/img/com.jpg');background-size: cover; background-position: bottom;">
<a href="http://rdc.moabi.org/community-mapping/en/" target="_blank"><figcaption>
<h3>Community Mapping</h3>
<p class="headline">The Extreme Citizen Science Research Group (ExCiteS) at University College London leads a training with indigenous communities in Equateur Province on participatory mapping of local resources. </p>
</figcaption></a>
</figure>
<figure class="large-6 columns featr" style="background: url('<?php bloginfo('template_directory'); ?>/img/palm.jpg');background-size: cover; background-position: bottom;">
<a href="http://rdc.moabi.org/will-drc-palm-oil-plantations-cause-forest-loss/en/" target="_blank"><figcaption>
<h3>Will DRC palm oil plantations cause forest loss?</h3>
<p class="headline">With vast tracks of tropical forest straddling the equator, an abundance of freshwater, and a favorable climate, DRC could follow Indonesia and become a major exporter of palm oil. </p>
</figcaption></a>
</figure>
</div>
<div class="grey content">
<div class="row text-center wp2">
<a href="/reports"><button>View More</button></a>
</div>
</div>
<div class="content">
<div class="row text-center wp2">
<h1>News</h1>
<p class="headline">Moabi has worked on a diverse range of projects<br> with both local and international partners. </p>
</div>
</div>
<div class="news">
<?php query_posts('cat=1&posts_per_page=3'); if (have_posts()) : while (have_posts()) : the_post(); ?>
<div class="large-4 columns">
<a href="<?php the_permalink() ?>">
<section>
<h3><?php the_title(); ?></h3>
<span><p><?php the_time('F jS, Y') ?></p></span>
<p><?php the_excerpt(); ?></p>
</section>
</a>
</div>
<?php endwhile; else: ?>
<p>Sorry, no posts to list</p>
<?php endif; ?>
<div class="large-12 columns text-center" style="padding-top:60px;">
<a href="/news"><button>View More</button></a>
</div>
</div>
<?php get_footer(); ?>