Created
June 23, 2016 17:34
-
-
Save stevenhoney/001fffcc7b6d7f451f07bf040b24b5f3 to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<?php | |
query_posts( array( 'post_type' => 'peeps', 'paged' => $paged ) ); | |
?> | |
<?php | |
$divider = 4; | |
$i = 1; | |
?> | |
<!-- open starting div before loop --> | |
<?php if (have_posts()) : ?> | |
<div class="row leaders"> | |
<?php while (have_posts()) : the_post(); ?> | |
<div class="col-md-3 col-sm-4 col-xs-6 leaders-column expose open-modal" data-reveal-id="my-modal-<?php echo $i; ?>"> | |
<div class="round"><span class="image-overlay"><span class="overlay-content"><img class="overlay-glyph" src="https://urlgoeshere">LEARN MORE</span></span><img class="avatar_image" width="242" height="242" alt="" src="<?php the_field('avatar_image') ?>" title="profile-photo"></div><p class="name-field"><?php the_field('first_name')?> <span><?php the_field('last_name')?></span></p><p class="title-field"><?php the_field('title') ?></p> <a href="#"></a> | |
</div> | |
<?php | |
$backgroundType = get_field('panel_background_choice'); | |
if ($backgroundType == "image") { | |
$style = "background-image: " . the_field('candid_image'); | |
} else { | |
$style = "background-color: " . the_field('solid_color'); | |
} | |
?> | |
<div id="my-modal-<?php echo $i; ?>" class="reveal-modal"> | |
<a class="close-reveal-modal">×</a> | |
<div class="row"> | |
<div class="col-md-3 col-sm-4 col-xs-6"> | |
<img class="avatar_image" width="242" height="242" alt="" src="<?php the_field('avatar_image') ?>" title="profile-photo"> | |
<p class="name-field"><?php the_field('first_name')?> <span><?php the_field('last_name')?></span></p><p class="title-field"><?php the_field('title') ?></p> | |
</div> | |
<div class="col-md-9 col-sm-8 col-xs-12"> | |
<p><?php the_field('biography') ?></p> | |
</div> | |
</div> | |
<div class="row"> | |
<div class="panel-extra" style="<?php echo $style; ?>"> | |
<?php if (get_field('personal_quote')) { ?> | |
<p class="quote-text"><?php the_field('personal_quote') ?></p> | |
<?php } ?> | |
<div class="panel-icon"> | |
<?php if (get_field('twitter_url')) { ?> | |
<a href="<?php the_field ('twitter_url')?>"><i class="fa fa-twitter" aria-hidden="true"></i></a> | |
<?php } ?> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
<?php | |
$i++; | |
endwhile; | |
?> | |
<?php endif; ?> | |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment