editors-six_boxes.php

  <?php
    global $issue_meta;
    // check for a banner
    global $exclude_id;
    get_template_part('banner');
  ?>
  <div class="row editors-row hide-big-editors">
    <div id="editors" class="col-12 col-sm-8">
      <?php
        // editor's pick
        $editors = array();
        $pick_id = get_term_by("name", "pick", "post_tag")->term_id;
        $editor_query = new WP_Query(active_issue(array_merge(get_option("gridlock_query"), array("post_status" => "publish", "tag" => "pick", "tag__not_in" => $exclude_id
        ))));
        while ( $editor_query->have_posts() ) : $editor_query->the_post();
          global $authordata;
          $image_url = false;
            if (has_post_thumbnail()) {
              $image_url =  wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), "large", false, ''); 
              $image_url = $image_url[0];
            } else {
              $image_url = catch_image();
            }
            $category = get_cat();
            ob_start();
            $pick = array("title" => '<h6>' . '<a href="' . get_permalink() . '">' . get_the_title() . '</a>'. '</h6>' ,
                        "link" => get_permalink(),
                        "excerpt" => get_the_excerpt(),
                        "author" => "<small class='text-muted'>" . coauthors_posts_links(", ", " and ") . "</small>",
                        "image" => $image_url,
                        "category" => $category );
            $editors[] = $pick;
            ob_end_clean();
        endwhile; ?>
        <div class="row">
        <div id="top-scroll" class="col-12 col-sm-8">
          <div class="scroller">
            <ul>
            <?php
              foreach ($editors as $pick) { ?>
                <li>
                  <div class="item">
                    <a href="<?php echo $pick["link"]; ?>">
                      <div style="background-image: url(<?php echo $pick["image"] ?>)" class="image" ></div>
                    </a>
                    <div class="caption">
                      <span class="visible-sm">
                        <span class="text-<?php echo strtolower($pick["category"]) ?>"><?php echo $pick["title"]; ?></span>
                        <?php echo $pick["author"]; ?>
                      </span>
                      <span class="hidden-sm">
                        <?php echo $pick["excerpt"]; ?>
                      </span>
                    </div>
                  </div>
                </li>
              <?php } ?>
            </ul>
          </div>
          <div class="left carousel-control">
            <a class="icon-prev active"></a>
          </div>
          <div class="right carousel-control">
            <a class="icon-next"></a>
          </div>
        </div>
            <div id="editor-labels" class="hidden-sm col-sm-4">
              <?php for ($i = 0 ; $i < 4 ; $i++) {  ?>
                <div id="pick-<?php echo $i; ?>" class="pick-label no-touch row <?php echo ($i == 0 ? "active" : ""); ?> row-<?php echo strtolower($editors[$i]["category"])?>" >
                  <?php echo $editors[$i]["title"]; ?>
                  <?php echo colorbox($editors[$i]["category"]); ?>
                  <?php echo $editors[$i]["author"]; ?>
                </div>
              <?php } ?>
            </div>
        </div>
      </div>
    <div id="top-side" class="hidden-sm col-sm-4">
      <ul class="nav nav-tabs">
        <li class="active"><a href="#top-articles" data-toggle="tab">Trending</a></li>
        <li><a href="#past-issue" data-toggle="tab">The Archives</a></li>
      </ul>
      <div class="tab-content">
        <div id="top-articles" class="tab-pane active fade in">
          <?php top_articles(); ?>
        </div>
        <div id="past-issue" class="tab-pane fade">
          <?php
          $currentIssue = get_query_var("issue"); ?>
          <?php if (empty($currentIssue)) { 
            $currentIssue = get_term(get_option('current_issue'), "issue"); 
          } else {
            $currentIssue = get_term_by("slug", $currentIssue, "issue");
          }
          $count = 0;
          $args = array(
            'orderby'       => "slug", 
            'order'         => "DESC",
            'exclude'       => get_option("exclude_issues") 
          );
          $terms = get_terms("issue", $args); 
          ?>
          <ul class="issues-list list-unstyled">
          <?php usort($terms, "issues_sort"); ?>
          <?php foreach ($terms as $term) { ?>
            <?php if ($count == 4) { break; } ?>
            <?php if ($currentIssue->slug != $term->slug) { ?>
              <li class="issue-item"><a href='<?php echo site_url() . '/issue/' . $term->slug ?>'
                title='View all posts in <?php echo $term->name ?>'><h6><?php echo $term->name ?></h6></a>
                <small class="text-muted"><?php echo $term->description; ?></small>
              </li>
              <?php $count++ ?>
            <?php } ?>
          <?php } ?>
            <br/>
            <li class="issue-item"><a href='<?php echo site_url() . '/the-archives/' ?>'
              title='View Archives'><small class="text-muted">View Archives</small></a>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
    <?php
        rewind_posts();
        $special_count = 0;
        ?>
        <div class='row gridlock-row six-boxes hidden-sm'>
        <?php
        while ( $editor_query->have_posts() ) : $editor_query->the_post(); ?>
          <div class="article-container col-12 col-sm-4 article-small hidden-sm">
            <?php 
              get_template_part( 'content', 'grid' ); 
              $special_count++;
            ?>
          </div>
          <?php if ($special_count == 3) { ?>
            </div>
            <div class='row gridlock-row six-boxes'>
          <?php }
         endwhile; ?> 
        </div>