content-single.php

<?php
/**
 * This is a post/article view.
 *
 * @package npmawesome
 */

function the_social($is_module) {
  include(get_template_directory().'/inc/social-buttons.php');
}

$is_module = in_category('npm');

$classes = array(
  'Post',
  $is_module ? 'Post-module' : 'Post-article'
);

if($is_module) {
  $post_image_url = npm_get_github_field('avatar_url');
  $colors         = npm_get_remote_image_color($post_image_url);
}

if(has_post_thumbnail()) {
  $post_image_url = wp_get_attachment_image_src(get_post_thumbnail_id(), 'large');
  $post_image_url = $post_image_url[0];
  $colors         = npm_get_remote_image_color($post_image_url);
}

if(isset($colors)) { ?>
  <style>
    #Post-id-<?php the_ID(); ?> .u-colorsBackground {
      color: <?php echo $colors['text'] ?> !important;
      background-color: <?php echo $colors['background']; ?>
    }

    #Post-id-<?php the_ID(); ?> .u-colorsTitle {
      color: <?php echo $colors['header'] ?> !important;
    }

  <?php if($is_module) { ?>
    #Post-id-<?php the_ID(); ?> .Post-moduleHeader .GitHub-stars {
      color: <?php echo $colors['background'] ?> !important;
      background-color: <?php echo $colors['header'] ?>;
    }
  <?php } ?>
  </style>
<?php } ?>

<div id="Post-id-<?php the_ID(); ?>" <?php post_class($classes); ?>>
  <header class="Post-header">
    <?php if($is_module) { ?>
      <div class="Post-moduleHeader u-colorsBackground">
        <?php echo npm_get_author_photo() ?>
        <h2 class="Post-title u-colorsTitle">
          <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
          <div class="GitHub-stars" data-github-repo="<?php echo get_field('module_github') ?>"></div>
        </h2>
        <?php echo npm_get_author() ?>
      </div>
    <?php } else { ?>
      <div class="Post-articleHeader u-colorsBackground" <?php if($post_image_url) echo "style=\"background-image: url($post_image_url);\""; ?>>
	<h2 class="Post-title u-colorsTitle">
          <?php if($post_image_url) { ?>
            <a href="<?php the_permalink(); ?>"><img src="<?php echo $post_image_url; ?>"/></a>
          <?php } else { ?>
            <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
          <?php } ?>
        </h2>
      </div>
    <?php } ?>
  </header>

  <?php the_social($is_module); ?>

  <div class="Post-meta">
    <?php npmawesome_posted_on(); ?>
  </div>

  <div class="Post-content">
    <?php the_content(); ?>

    <?php wp_link_pages(array(
      'before' => '<div class="page-links">'.__('Pages:', 'npmawesome'),
      'after'  => '</div>',
    )); ?>
  </div>

  <?php the_social($is_module); ?>
</div>