-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdescubre.php
173 lines (147 loc) · 7.15 KB
/
descubre.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
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
<?php
/**
* Template Name: Descubre
* @package WordPress
* @subpackage Inspira
* @since Inspira 0.1
*/
get_header(); ?>
<section class="descubre-mision"><div class="contents">
<?php while ( have_posts() ) : the_post(); ?>
<h1>Misión</h1>
<div class="conts">
<?php the_content(); ?>
</div>
<?php endwhile; ?>
</div></section>
<section class="descubre-voluntarios"><div class="contents">
<h1>Nuestro eje es la formación integral de voluntarios</h1>
<p>Propiciamos que los <strong>voluntarios</strong> descubran su <strong>potencial interior</strong> y desarrollen nuevas capacidades para <strong>experimentar</strong> la vida de una forma más <strong>plena</strong> y <strong>feliz</strong>.</p>
<div class="carousel">
<?php
$args = array(
'post_type' => 'inspira_voluntarios',
'post_status' => 'publish',
'order' => 'asc',
'posts_per_page' => 20
);
$query = new WP_Query($args);
if ( $query->have_posts() ) { ?>
<ul class="inspira-voluntarios">
<?php while ($query->have_posts()) : $query->the_post(); ?>
<li>
<img src="<?php echo get_field('imagen')['sizes']['voluntarios-thumb']; ?>" alt="" />
<strong><?php echo get_field('nombre'); ?></strong>
<?php echo get_field('ocupacion'); ?>
</li>
<?php endwhile; ?>
</ul>
<?php }
wp_reset_query();
?>
<p>Conoce algunos de nuestros voluntarios</p>
</div>
<!--<figure>
<iframe width="308" height="208" src="https://www.youtube.com/embed/6gbiyDHnKx8?list=PLprzt7qzv68xth8M9JXO_Y4BpE8wcSgzr&controls=0&showinfo=0" frameborder="0" allowfullscreen></iframe>
</figure>-->
</div></section>
<section class="descubre-experiencias"><div class="contents">
<img src="<?php echo get_template_directory_uri(); ?>/img/bg-experiencias.jpg" alt/"" />
</div></section>
<section class="descubre-centros"><div class="contents">
<h1>Centros <strong>Inspira</strong></h1>
<div id="map"></div>
<div id="centros-lists">
<?php
$taxonomy = get_terms('centros', array(
hide_empty => '0'
));
$centros = array();
$i = 0;
foreach ($taxonomy as $term) {
$estado = get_field('estado', $term);
$estado = strtolower($estado);
if (!isset($centros[$estado])) {
$centros[$estado] = array();
}
array_push($centros[$estado], $term);
}
foreach ($centros as $estado => $est ) : ?>
<div class="centros-estado centro-<?php echo $estado; ?>">
<ul class="centros-list">
<?php foreach ($est as $centro) :
$telefono = get_field('telefono', $centro);
$direccion = get_field('direccion', $centro);
$galeria = get_field('galeria', $centro);
$location = get_field('google_map', $centro);
$number = $i++;
?>
<li>
<a href="#centro-<?php echo $number; ?>">
<strong><?php echo $centro->name; ?></strong>
Teléfono: <?php echo $telefono; ?>
<br />
<?php echo $direccion; ?>
</a>
<div class="remodal" data-remodal-id="centro-<?php echo $number; ?>" data-remodal-options="modifier: centro-modal">
<button data-remodal-action="close" class="remodal-close"></button>
<div class="info">
<strong><?php echo $centro->name; ?></strong>
Teléfono: <?php echo $telefono; ?>
<br />
<?php echo $direccion; ?>
</div>
<div class="map">
<?php if( !empty($location) ): ?>
<div class="acf-map">
<div class="marker" data-lat="<?php echo $location['lat']; ?>" data-lng="<?php echo $location['lng']; ?>"></div>
</div>
<?php endif; ?>
</div>
<div class="imgs">
<?php if ($galeria) : ?>
<ul>
<?php foreach ($galeria as $image) : ?>
<li>
<img src="<?php echo $image['sizes']['centros-thumb']; ?>" alt="" />
</li>
<?php endforeach; ?>
</ul>
<?php endif; ?>
</div>
</div>
</li>
<?php endforeach; ?>
</ul>
</div>
<?php endforeach; ?>
</div>
<p class="note">Somos una organización sin fines de lucro, estamos presentes en 10 centros de la República Mexicana</p>
</div></section>
<script type="text/javascript">
(function() {
var centros = [];
<?php
$keys = array_keys($centros);
foreach ($keys as $key) { ?>
centros.push('<?php echo $key; ?>');
<?php } ?>
window.startMap(centros);
})();
</script>
<section class="descubre-apoyo"><div class="contents">
<a href="<?php echo get_permalink( get_page_by_path('contribuye') ); ?>">
<img src="<?php echo get_template_directory_uri(); ?>/img/ico-dona-big.png" alt="" />
</a>
<div class="conts">
<h1>Tu apoyo hace la <strong>diferencia</strong></h1>
<p>Recibimos donativos anónimos de parte de nuestros voluntarios, empresas, instituciones y público en general.</p>
</div>
</div></section>
<section class="descubre-foot"><div class="contents">
<img src="<?php echo get_template_directory_uri(); ?>/img/bg-descubre-foot.jpg" alt="" />
<div class="conts">
<p>En <strong>inspira</strong> estamos abriéndonos a <strong>nuevas ideas</strong>, a <strong>nuevas formas de vivir</strong>, en las que nos responsabilizamos amorosamente de nuestras vidas y de nuestro mundo</p>
</div>
</div></section>
<?php get_footer(); ?>