-
Notifications
You must be signed in to change notification settings - Fork 0
/
staff.php
139 lines (115 loc) · 4.63 KB
/
staff.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: Staff & Board
*/
get_header(); ?>
<?php
$hero = get_field('page_header');
if ( $hero ):
$pageheader = $hero;
else:
$pageheader = get_field('default_header_image', 'option');
endif; ?>
<header class="header" role="banner" style="background-image: url('<?php echo get_template_directory_uri(); ?>/assets/images/swoosh.png'), url('<?php echo $pageheader ?>')">
<div class="navWrap">
<div class="grid-container">
<?php get_template_part( 'parts/nav', 'offcanvas-topbar' ); ?>
</div>
</div>
<div id="heroTitle">
<h1><?php the_title(); ?></h1>
</div>
</header> <!-- started in header.php-->
<div class="content">
<div class="grid-container">
<div class="inner-content grid-x grid-margin-x grid-padding-x">
<main class="main small-12 medium-12 large-12 cell" role="main">
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<?php get_template_part( 'parts/loop', 'page' ); ?>
<?php endwhile; endif;?>
<div class="grid-container">
<div class="staff grid-x grid-margin-x">
<?php
// check if the repeater field has rows of data
if( have_rows('staff') ):
// loop through the rows of data
$i = 1;
while ( have_rows('staff') ) : the_row();?>
<div class="small-12 medium-3 large-3 cell">
<a class="openstaff" data-open="staff-<?php echo $i;?>">
<img src="<?php the_sub_field('staff_image');?>" alt="<?php the_sub_field('staff_name');?>"/>
<h4><?php the_sub_field('staff_name');?></h4>
<div class="staffTitle"><?php the_sub_field('staff_title');?></div>
</a>
</div>
<div class="reveal small" id="staff-<?php echo $i;?>" data-reveal>
<div class="staffTop">
<img src="<?php the_sub_field('staff_image');?>" alt="<?php the_sub_field('staff_name');?>"/>
<h4><?php the_sub_field('staff_name');?></h4>
<div class="staffTitle"><?php the_sub_field('staff_title');?></div>
</div>
<div class="staffBottom">
<p><?php the_sub_field('staff_info');?></p>
<p class="contact"><a href="tel:802-223-2328">802-223-2328</a> ext: <?php the_sub_field('staff_ext');?> | <a href="mailto:<?php the_sub_field('staff_email');?>"><?php the_sub_field('staff_email');?></a></p>
<button class="close-button" data-close aria-label="Close modal" type="button">
<span aria-hidden="true">×</span>
</button>
</div>
</div>
<?php $i++; ?>
<?php
endwhile;?>
</div>
<?php
else :
// no rows found
endif;?>
<div class="staff grid-x grid-margin-x">
<div class="small-12 medium-12 large-12 cell vcv">
<?php if (is_page('225')) {
?>
<h2>Vermont Conservation Voters</h2>
</div>
<?php }
?>
<?php
// check if the repeater field has rows of data
if( have_rows('vcv') && (is_page('225')) ):
// loop through the rows of data
$i = 1;
while ( have_rows('vcv') ) : the_row();?>
<div class="small-12 medium-3 large-3 cell">
<a class="openstaff" data-open="vcv-staff-<?php echo $i;?>">
<img src="<?php the_sub_field('vcv_staff_image');?>" alt="<?php the_sub_field('vcv_staff_name');?>"/>
<h4><?php the_sub_field('vcv_staff_name');?></h4>
<div class="staffTitle"><?php the_sub_field('vcv_staff_title');?></div>
</a>
</div>
<div class="reveal small" id="vcv-staff-<?php echo $i;?>" data-reveal>
<div class="staffTop">
<img src="<?php the_sub_field('vcv_staff_image');?>" alt="<?php the_sub_field('vcv_staff_name');?>"/>
<h4><?php the_sub_field('vcv_staff_name');?></h4>
<div class="staffTitle"><?php the_sub_field('vcv_staff_title');?></div>
</div>
<div class="staffBottom">
<p><?php the_sub_field('vcv_staff_info');?></p>
<p class="contact"><a href="tel:802-223-2328">802-223-2328</a> ext: <?php the_sub_field('vcv_staff_ext');?> | <a href="mailto:<?php the_sub_field('vcv_staff_email');?>"><?php the_sub_field('vcv_staff_email');?></a></p>
<button class="close-button" data-close aria-label="Close modal" type="button">
<span aria-hidden="true">×</span>
</button>
</div>
</div>
<?php $i++; ?>
<?php
endwhile;?>
</div>
<?php
else :
// no rows found
endif;?>
</div> <!-- end .grid-container -->
</main> <!-- end #main -->
</div> <!-- end #inner-content -->
</div>
</div> <!-- end #content -->
<?php get_footer(); ?>