Ticket #24863: 24863.5.diff

wp-content/themes/twentyfourteen/style.css

@@ -326 +326 @@
         *overflow: visible;  /* Corrects inner spacing displayed oddly in IE6/7 */
 }
 button,
+.contributor-posts-link,
 html input[type="button"],
 input[type="reset"],
 input[type="submit"] {
@@ -343 +344 @@
         vertical-align: top;
 }
 button:hover,
+.contributor-posts-link:hover,
 html input[type="button"]:hover,
 input[type="reset"]:hover,
 input[type="submit"]:hover,
@@ -351 +353 @@
 input[type="reset"]:focus,
 input[type="submit"]:focus {
         background-color: #24890d;
+        color: #fff;
         cursor: pointer;
 }
 button:active,
+.contributor-posts-link:active,
 html input[type="button"]:active,
 input[type="reset"]:active,
 input[type="submit"]:active {
@@ -1715 +1719 @@
         margin: 24px 0 0;
         margin: 2.4rem 0 0;
 }
+
 .post-navigation [rel="prev"],
 .post-navigation [rel="next"],
 .image-navigation .previous-image,
 .image-navigation .next-image  {
         border-bottom: 1px solid rgba(0, 0, 0, 0.1);
         -moz-box-sizing: border-box;
-        box-sizing: border-box;
+        box-sizing:      border-box;
         float: none;
         padding: 11px 10px;
         padding: 1.1rem 1.0rem;
@@ -2301 +2306 @@
         width: 198px;
 }
 
+
+/* =Contributor Page
+----------------------------------------------- */
+
+.contributor {
+        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+        -moz-box-sizing: border-box;
+        box-sizing:      border-box;
+        padding: 48px 0;
+        padding: 4.8rem 0;
+}
+.contributor-avatar {
+        float: left;
+        padding: 2px;
+        padding: 0.2rem;
+        border: 1px solid rgba(0, 0, 0, 0.1);
+        margin-right: 30px;
+        margin-right: 3.0rem;
+}
+.contributor-avatar .avatar {
+        vertical-align: middle;
+}
+.contributor-summary {
+        float: left;
+        max-width: 474px;
+        max-width: 47.4rem;
+        width: -webkit-calc(100% - 164px);
+        width:         calc(100% - 164px);
+}
+.contributor-name {
+        font-size: 16px;
+        font-size: 1.6rem;
+        font-weight: 900;
+        line-height: 1.5;
+        margin-bottom: 0;
+        text-transform: uppercase;
+}
+.contributor-bio {
+        color: #767676;
+}
+.contributor-posts-link {
+        display: inline-block;
+}
+.contributor-posts-link:before {
+        margin: -3px 5px -2px -3px;
+        margin: -0.3rem 0.5rem -0.2rem -0.3rem;
+}
+
+
 /* =Media Queries
 ----------------------------------------------- */
 
@@ -2384 +2438 @@
         .parent-post-link:before {
                 content: '';
         }
+
         .content-area .featured-post:before,
         .content-area .post-format a:before,
         .content-area .post-format + .entry-date a:before,
@@ -2401 +2456 @@
                 margin: 0 2px 0 0;
                 margin: 0 0.2rem 0 0;
                 text-transform: none;
-                vertical-align: top;
         }
         .content-area .entry-meta > span {
                 margin-right: 10px;
@@ -2676 +2730 @@
         .error404 .content-area .page-header {
                 margin: 0 8.03571428% 0 12.5%;
         }
+        .contributor,
         .content-area .full-width .entry-header,
         .content-area .full-width .entry-content,
         .content-area .full-width footer.entry-meta {
@@ -2894 +2949 @@
                 padding: 0 0 12px;
                 padding: 0 0 1.2rem;
         }
+        .contributor,
         .content-area .full-width .entry-header,
         .content-area .full-width .entry-content,
         .content-area .full-width .page-content,
@@ -3015 +3071 @@
         .error404 .content-area .page-header {
                 margin: 0 8.03571428% 0 12.5%;
         }
+        .contributor,
         .content-area .full-width .entry-header,
         .content-area .full-width .entry-content,
         .content-area .full-width .page-content,
@@ -3055 +3112 @@
         .ephemera {
                 padding-right: 0;
         }
+        .contributor,
         .content-area .full-width .entry-header,
         .content-area .full-width .entry-content,
         .content-area .full-width .page-content,

wp-content/themes/twentyfourteen/functions.php

@@ -340 +340 @@
 }
 endif;
 
+if ( ! function_exists( 'twentyfourteen_list_authors' ) ) :
 /**
+ * Prints a list of all site contributors who published at least one post.
+ *
+ * @return void
+ */
+function twentyfourteen_list_authors() {
+        $contributor_ids = get_users( array(
+                'fields'  => 'ID',
+                'orderby' => 'post_count',
+                'who'     => 'authors',
+        ) );
+
+        foreach ( $contributor_ids as $contributor_id ) :
+                $post_count = count_user_posts( $contributor_id );
+
+                // Move on if user has not published a post (yet).
+                if ( ! $post_count )
+                        continue;
+        ?>
+
+        <div class="contributor clear">
+                <div class="contributor-avatar"><?php echo get_avatar( $contributor_id, 132 ); ?></div>
+                <div class="contributor-summary">
+                        <h2 class="contributor-name"><?php echo get_the_author_meta( 'display_name', $contributor_id ); ?></h2>
+                        <p class="contributor-bio">
+                                <?php echo get_the_author_meta( 'description', $contributor_id ); ?>
+                        </p>
+                        <a class="contributor-posts-link genericon-document" href="<?php echo esc_url( get_author_posts_url( $contributor_id ) ); ?>">
+                                <?php printf( __( '%d Articles', 'twentyfourteen' ), $post_count ); ?>
+                        </a>
+                </div>
+        </div><!-- .contributor -->
+
+        <?php
+        endforeach;
+}
+endif;
+
+/**
  * Gets recent formatted posts that are not featured in FC plugin.
  *
  */