page-about.php

<?php
get_header();
?>

<!-- main content -->

<main id="main-content">

<?php
if( have_posts() ) {
  while( have_posts() ) {
    the_post();
    $meta = get_post_meta($post->ID);
?>

  <article id="page" <?php post_class(); ?>>

    <header class="page-header u-cf">

      <div class="col col2 colpad1left">

        <h3><?php the_title(); ?></h3>

      </div>

    </header>

    <section class="row u-cf">

      <div class="col col1 cf">

<?php
if (!empty($meta['_igv_gif'][0])) {
?>
        <img src="<?php echo $meta['_igv_gif'][0]; ?>" />
<?php
} else {
  $directors = get_posts('post_type=director&posts_per_page=-1&orderby=rand');
  foreach ($directors as $post) {
    $img = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'width-250');
?>
  <div class="about-page-director">
    <a href="<?php echo get_the_permalink($post->ID); ?>">
      <img src="<?php echo $img[0]; ?>" />
    </a>
  </div>
<?php
  }
}
?>

      </div>

      <div class="col col2">

        <div class="copy">

          <?php the_content(); ?>

        </div>

      </div>

  </article>

<?php
  }
} else {
?>
  <section class="error">
    <article class="u-alert"><?php _e('Sorry, nothing matched your criteria :{'); ?></article>
  </section>
<?php
} ?>

<!-- end main-content -->

</main>

<?php
get_footer();
?>