From e64b0dea7599f0b59dc671a01f15736b338c74ed Mon Sep 17 00:00:00 2001
From: Adam Steffanick <adam@steffanick.com>
Date: Sat, 25 Mar 2017 23:13:41 -0500
Subject: [PATCH] 0.8.4

---
 CHANGELOG.md  |  34 +++++++++++++---
 README.md     |   9 +++--
 archives.php  |  48 +++++++++++++++++-----
 content.php   |  87 ++++++++++++++++++++++++---------------
 functions.php |   1 +
 style.css     | 110 ++++++++++++++++++++++++++++++++++++++++++++------
 6 files changed, 225 insertions(+), 64 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index ca9ba06..aacc819 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -5,6 +5,26 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/) and this p
 
 ## [Unreleased]
 
+## [0.8.4] - 2017-03-25
+### Added
+* blog archives recent entries ([archives.php])
+* blog entry featured image → link to blog entry ([content.php])
+* blog entry title → blog entry featured image `alt` & `title` attributes ([content.php])
+* [schema.org] `image` microdata → blog entry featured image ([content.php])
+* `the_post_thumbnail()` [mod_pagespeed] optimization → blog entry featured image ([content.php])
+
+### Changed
+* blog archives lists → [Bootstrap] panels ([archives.php])
+* blog archives tag cloud → tag list ([archives.php])
+* blog entries → [Bootstrap] panels ([content.php])
+* blog entry featured image → below `.entry-header` ([content.php])
+* blog entry featured image → conditional ([content.php])
+* byline & dateline → `<small>` ([content.php])
+* theme `line-height` & margins → lists, headers, & `<pre>` ([style.css])
+
+### Removed
+* [WordPress] responsive images ([functions.php])
+
 ## [0.8.3] - 2017-03-14
 ### Added
 * `.entry-header .entry-title` transition ([style.css])
@@ -31,17 +51,17 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/) and this p
 * function `twentytwelve_entry_meta()` ([functions.php])
 * function `twentytwelve_entry_meta()` [microformats.org] author & time microdata → blog entries ([content.php])
 * “Proudly Powered By [WordPress]” → [Font Awesome] icon ([footer.php])
-* [schema.org] `copyrightHolder` & `copyrightYear` → blog entries ([content.php])
+* [schema.org] `copyrightHolder` & `copyrightYear` microdata → blog entries ([content.php])
 
 ### Changed
 * `footer.entry-meta` style ([style.css])
 * author information style ([style.css])
-* blog entries [schema.org] `dateModified` → `get_the_modified_date('c');` with relative timestamp ([content.php])
+* blog entries [schema.org] `dateModified` microdata → `get_the_modified_date('c');` with relative timestamp ([content.php])
 * blog time zone → UTC
 * relative theme name → paths to theme files ([functions.php])
 
 ### Fixed
-* blog entries [microformats.org] `updated` errors
+* blog entries [microformats.org] `updated` microdata errors
 
 ## [0.8.1] - 2017-03-03
 ### Added
@@ -49,11 +69,11 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/) and this p
 * [schema.org] `publisher` → blog entries ([content.php])
 
 ### Changed
-* blog entries byline `<time>` [schema.org] `dateCreated` → `datePublished` ([content.php])
+* blog entries byline `<time>` [schema.org] `dateCreated` microdata → `datePublished` ([content.php])
 * [schema.org] `dateCreated` → blog entries byline `<meta>` ([content.php])
 
 ### Fixed
-* [schema.org] `BlogPosting` errors
+* [schema.org] `BlogPosting` microdata errors
 
 ## [0.8.0] - 2017-03-02
 ### Added
@@ -286,7 +306,8 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/) and this p
 * [LISENCE]
 * [README.md]
 
-[Unreleased]: https://github.com/AdamSteffanick/wp2012-s/compare/v0.8.3...HEAD
+[Unreleased]: https://github.com/AdamSteffanick/wp2012-s/compare/v0.8.4...HEAD
+[0.8.4]: https://github.com/AdamSteffanick/wp2012-s/compare/v0.8.3...v0.8.4
 [0.8.3]: https://github.com/AdamSteffanick/wp2012-s/compare/v0.8.2...v0.8.3
 [0.8.2]: https://github.com/AdamSteffanick/wp2012-s/compare/v0.8.1...v0.8.2
 [0.8.1]: https://github.com/AdamSteffanick/wp2012-s/compare/v0.8.0...v0.8.1
@@ -340,6 +361,7 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/) and this p
 [HTML5 Validator]: https://validator.w3.org/nu/
 [jQuery]: https://jquery.com/
 [microformats.org]: http://microformats.org/
+[mod_pagespeed]: https://www.modpagespeed.com/
 [schema.org]: https://schema.org/
 [shields.io]: http://shields.io/
 [WordPress]: https://wordpress.org/
\ No newline at end of file
diff --git a/README.md b/README.md
index 6423b23..15b4fa8 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,5 @@
-# WP2012-S [![version](https://img.shields.io/badge/wp2012--s-v0.8.3-0038e2.svg?style=flat-square)][CHANGELOG]
-A WordPress child theme of Twenty Twelve built for https://steffanick.com/
+# WP2012-S [![version](https://img.shields.io/badge/wp2012--s-v0.8.4-0038e2.svg?style=flat-square)][CHANGELOG]
+A [WordPress] child theme of Twenty Twelve built for https://steffanick.com/
 
 ## Download
 * [**Latest release**](https://github.com/AdamSteffanick/wp2012-s/releases/latest)
@@ -8,7 +8,7 @@ A WordPress child theme of Twenty Twelve built for https://steffanick.com/
 * [Bootstrap] CSS & JS via CDN
 * [Font Awesome] via CDN
 * [Google Code Prettify] via CDN
-* [Google Custom Search Engine]
+* [Google Custom Search Engine] for WordPress Multisite
 * [Google Fonts] via CSS
 * [schema.org] microdata for blog entries
 
@@ -19,4 +19,5 @@ A WordPress child theme of Twenty Twelve built for https://steffanick.com/
 [Google Code Prettify]: https://github.com/google/code-prettify
 [Google Custom Search Engine]: https://developers.google.com/custom-search/
 [Google Fonts]: https://fonts.google.com/
-[schema.org]: https://schema.org/
\ No newline at end of file
+[schema.org]: https://schema.org/
+[WordPress]: https://wordpress.org/
\ No newline at end of file
diff --git a/archives.php b/archives.php
index 9521253..6f5b989 100644
--- a/archives.php
+++ b/archives.php
@@ -10,19 +10,49 @@
 		<header class="entry-header">
 			<h1 class="entry-title"><?php the_title(); ?></h1>
 		</header><!-- .entry-header -->
+
 		<div class="entry-content">
-			<section class="directory">
-				<h1>Topics</h1>
+				<h2>Categories</h2>
+<div class="panel panel-default">
+<div class="panel-body">
 				<ul>
 					<?php wp_list_categories('title_li=&feed=RSS'); ?>
 				</ul>
-			</section>
-			<section class="directory">
-				<h1>Tags</h1>
-				<ul>
-					<?php wp_tag_cloud(); ?>
-				</ul>
-			</section>
+</div><!-- .panel-body -->
+</div><!-- .panel -->
+
+				<h2>Tags</h2>
+<div class="panel panel-default">
+<div class="panel-body">
+					<?php
+          $args =
+            array(
+            	'smallest'                  => 14, 
+            	'largest'                   => 14,
+            	'unit'                      => 'px', 
+            	'format'                    => 'list',
+            );
+					wp_tag_cloud($args); ?>
+
+</div><!-- .panel-body -->
+</div><!-- .panel -->
+
+        <h2>Recent</h2>
+<div class="panel panel-default">
+<div class="panel-body">
+        <ul>
+        <?php
+        	$recent_posts = wp_get_recent_posts();
+        	foreach( $recent_posts as $recent ){
+        		echo '<li><a href="' . get_permalink($recent["ID"]) . '">' .   $recent["post_title"].'</a> </li> ';
+        	}
+        	wp_reset_query();
+        ?>
+        </ul>
+
+</div><!-- .panel-body -->
+</div><!-- .panel -->
+
 		</div><!-- .entry-content -->
 	</div><!-- #content -->
 </div><!-- #primary -->
diff --git a/content.php b/content.php
index 94c11d2..863bf72 100644
--- a/content.php
+++ b/content.php
@@ -11,16 +11,16 @@
 ?>
 
 <article id="post-<?php the_ID(); ?>" <?php post_class(); ?> itemid="<?php the_permalink(); ?>" itemscope itemtype="http://schema.org/BlogPosting">
+<div class="panel panel-default">
+<div class="panel-body">
+
   <?php if ( is_sticky() && is_home() && ! is_paged() ) : ?>
   <div class="featured-post">
     <?php _e( 'Featured post', 'twentytwelve' ); ?>
   </div>
   <?php endif; ?>
-  <header class="entry-header">
-    <?php if ( ! post_password_required() && ! is_attachment() ) :
-    the_post_thumbnail();
-    endif; ?>
 
+  <header class="entry-header">
     <?php if ( is_single() ) : ?>
     <h1 class="entry-title" itemprop="headline"><?php the_title(); ?></h1>
     <?php else : ?>
@@ -35,31 +35,55 @@
       <?php comments_popup_link( '<span class="leave-reply">' . __( 'Leave a reply', 'twentytwelve' ) . '</span>', __( '1 Reply', 'twentytwelve' ), __( '% Replies', 'twentytwelve' ) ); ?>
     </div><!-- .comments-link -->
     <?php endif; // comments_open() ?>
+
+    <?php if ( ! post_password_required() && ! is_attachment() ) :
+      if ( has_post_thumbnail() ) :
+        $image_data = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'full' );
+      ?>
+        <a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>">
+          <div itemprop="image" itemscope itemtype="https://schema.org/ImageObject">
+            <meta itemprop="url" content="<?php echo $image_data[0] ?>">
+            <meta itemprop="width" content="<?php echo $image_data[1] ?>">
+            <meta itemprop="height" content="<?php echo $image_data[2] ?>">
+            <?php the_post_thumbnail(array(523, 275), array('src' => $image_data[0], 'alt' => get_the_title(), 'title' => get_the_title())); ?>
+          </div>
+        </a>
+      <?php else : ?>
+        <div itemprop="image" itemscope itemtype="https://schema.org/ImageObject">
+          <meta itemprop="url" content="https://www.steffanick.com/android-chrome-192x192.png">
+          <meta itemprop="width" content="192">
+          <meta itemprop="height" content="192">
+        </div>
+      <?php endif;
+    endif; ?>
+
   </header><!-- .entry-header -->
 
   <div class="entry-byline-dateline entry-meta">
-    <span class="byline" itemprop="author creator copyrightHolder" itemid="<?php echo get_the_author_meta('url'); ?>" itemscope itemtype="http://schema.org/Person">
-      By
-      <span class="author vcard">
-        <a class="url fn n" href="<?php echo get_the_author_meta('url'); ?>" title="Visit <?php echo get_the_author(); ?>’s website">
-          <span class="byline-author" data-byline-name="<?php echo get_the_author(); ?>" itemprop="name" data-twitter-handle="<?php echo get_the_author_meta('twitter'); ?>">
-            <?php echo get_the_author(); ?>
-          </span>
-        </a>
+    <small>
+      <span class="byline" itemprop="author creator copyrightHolder" itemid="<?php echo get_the_author_meta('url'); ?>" itemscope itemtype="http://schema.org/Person">
+        By
+        <span class="author vcard">
+          <a class="url fn n" href="<?php echo get_the_author_meta('url'); ?>" title="Visit <?php echo get_the_author(); ?>’s website">
+            <span class="byline-author" itemprop="name">
+              <?php echo get_the_author(); ?>
+            </span>
+          </a>
+        </span>
       </span>
-    </span>
-    <meta itemprop="copyrightYear" content="<?php echo get_the_date('Y'); ?>">
-    <meta itemprop="dateCreated" content="<?php echo get_the_date('c'); ?>">
-    <span class="dateline posted-on">
-      <time class="entry-date published" datetime="<?php echo get_the_date('Y-m-d'); ?>" itemprop="datePublished" content="<?php echo get_the_date('Y-m-d'); ?>">
-        <?php echo get_the_date(); ?>
-      </time>
-      (last updated
-      <time class="updated" datetime="<?php echo get_the_modified_date('c'); ?>" itemprop="dateModified" content="<?php echo get_the_modified_date('c'); ?>">
-        <?php echo human_time_diff(get_the_modified_time('U'), current_time('U')); ?>
-      </time>
-      ago)
-    </span>
+      <meta itemprop="copyrightYear" content="<?php echo get_the_date('Y'); ?>">
+      <meta itemprop="dateCreated" content="<?php echo get_the_date('c'); ?>">
+      <span class="dateline posted-on">
+        <time class="entry-date published" datetime="<?php echo get_the_date('Y-m-d'); ?>" itemprop="datePublished" content="<?php echo get_the_date('Y-m-d'); ?>">
+          <?php echo get_the_date(); ?>
+        </time>
+        (last updated
+        <time class="updated" datetime="<?php echo get_the_modified_date('c'); ?>" itemprop="dateModified" content="<?php echo get_the_modified_date('c'); ?>">
+          <?php echo human_time_diff(get_the_modified_time('U'), current_time('U')); ?>
+        </time>
+        ago)
+      </span>
+    </small>
   </div><!-- .entry-byline-dateline -->
 
   <div itemprop="publisher" itemscope itemtype="https://schema.org/Organization">
@@ -70,11 +94,6 @@
     </div>
     <meta itemprop="name" content="Steffanick">
   </div>
-  <div itemprop="image" itemscope itemtype="https://schema.org/ImageObject">
-    <meta itemprop="url" content="https://www.steffanick.com/android-chrome-192x192.png">
-    <meta itemprop="width" content="192">
-    <meta itemprop="height" content="192">
-  </div>
 
   <?php if ( is_search() ) : // Only display Excerpts for Search ?>
   <div class="entry-summary">
@@ -87,12 +106,13 @@
     <?php wp_link_pages( array( 'before' => '<div class="page-links">' . __( 'Pages:', 'twentytwelve' ), 'after' => '</div>' ) ); ?>
   </div><!-- .entry-content -->
   <?php endif; ?>
-
+</div><!-- .panel-body -->
+<div class="panel-footer">
   <footer class="entry-meta">
     <?php twentytwelve_entry_meta(); ?>
     <?php edit_post_link( __( 'Edit', 'twentytwelve' ), '<span class="edit-link">', '</span>' ); ?>
-    <hr />
     <?php if ( is_singular() && get_the_author_meta( 'description' ) ) : // If a user has filled out their description show a bio on their entries. ?>
+    <hr />
     <div class="author-info media">
       <div class="author-avatar media-left">
         <?php
@@ -112,7 +132,8 @@
         <p><?php the_author_meta( 'description' ); ?></p>
       </div><!-- .author-description -->
     </div><!-- .author-info -->
-    <hr />
     <?php endif; ?>
   </footer><!-- .entry-meta -->
+</div><!-- .panel-footer -->
+</div><!-- .panel -->
 </article><!-- #post -->
\ No newline at end of file
diff --git a/functions.php b/functions.php
index 3b1189f..c627907 100644
--- a/functions.php
+++ b/functions.php
@@ -149,6 +149,7 @@ function theme_google_analytics() {
 add_filter('style_loader_tag' , 'theme_remove_style_id');
 add_filter('style_loader_tag' , 'theme_add_style_property');
 add_filter('get_avatar' , 'theme_add_gravatar_class');
+add_filter('wp_calculate_image_srcset_meta', '__return_null'); //http://wordpress.stackexchange.com/questions/211375/how-do-i-disable-responsive-images-in-wp-4-4
 
 add_action('wp_enqueue_scripts', 'theme_style');
 add_action('wp_enqueue_scripts', 'theme_remove_open_sans', 11);
diff --git a/style.css b/style.css
index 9bdc4df..c03bb31 100644
--- a/style.css
+++ b/style.css
@@ -5,7 +5,7 @@ Author: Adam Steffanick
 Author URI: https://www.steffanick.com/adam/
 Description: A child theme of Twenty Twelve built for https://steffanick.com/
 Template: twentytwelve
-Version: 0.8.3
+Version: 0.8.4
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 */
@@ -1825,7 +1825,7 @@ dl, ol, ul {
   margin-bottom: 1rem;
 }
 hr {
-  background-color: rgb(17,28,36);
+  background-color: rgb(221,221,221);
   border: 0;
   height: 1px;
   margin: 0 0 14px;
@@ -1833,7 +1833,7 @@ hr {
 }
 /* Page structure */
 .site {
-  color: rgb(0,18,73);
+  color: rgb(17,28,36);
   background-color: transparent;
 }
 .site-content,
@@ -1886,7 +1886,6 @@ hr {
 header {
   margin-bottom: 0;
 }
-
 /* Sidebar */
 .widget-area {
   text-align: right;
@@ -1960,12 +1959,11 @@ header {
 /* =Main content and comment content
 -------------------------------------------------------------- */
 .entry-header {
-  margin-bottom: 14px;
-  margin-bottom: 1rem;
+  margin-bottom: 0;
 }
 .entry-header img.wp-post-image {
-  margin-bottom: 24px;
-  margin-bottom: 1.714285714rem;
+  margin-bottom: 14px;
+  margin-bottom: 1rem;
 }
 .entry-header .entry-title {
   font-family: "Noto Sans", Ariel, sans-serif;
@@ -1973,10 +1971,65 @@ header {
   font-size: 1rem;
   line-height: 2;
   font-weight: bold;
+  margin-bottom: 14px;
+  margin-bottom: 1rem;
   -webkit-transition: font-size 400ms ease;
   transition:         font-size 400ms ease;
 }
-
+.entry-content h1,
+.comment-content h1,
+.entry-content h2,
+.comment-content h2,
+.entry-content h3,
+.comment-content h3,
+.entry-content h4,
+.comment-content h4,
+.entry-content h5,
+.comment-content h5,
+.entry-content h6,
+.comment-content h6 {
+	margin: 0 0 14px 0;
+	margin: 0 0 1rem 0;
+  font-size: 14px;
+  font-size: 1rem;
+  line-height: 2;
+  -webkit-transition: font-size 400ms ease;
+  transition:         font-size 400ms ease;
+}
+.entry-content h1,
+.comment-content h1 {
+  font-weight: bold;
+  text-align: center;
+}
+.entry-content h2,
+.comment-content h2,
+.mu_register h2 {
+  font-weight: bold;
+}
+.entry-content h3,
+.comment-content h3 {
+  font-weight: bold;
+  font-style: italic;
+}
+.entry-content h4,
+.comment-content h4 {
+  padding-left: 24px;
+  padding-left: 1.714285714rem;
+  font-weight: bold;
+  font-style: italic;
+}
+.entry-content h5,
+.comment-content h5 {
+  padding-left: 24px;
+  padding-left: 1.714285714rem;
+  font-style: italic;
+}
+.entry-content h6,
+.comment-content h6 {
+  padding-left: 24px;
+  padding-left: 1.714285714rem;
+  font-style: italic;
+}
 .entry-content p,
 .entry-summary p,
 .comment-content p,
@@ -1985,7 +2038,15 @@ header {
   margin: 0 0 1rem;
   line-height: 2;
 }
-
+.entry-content ol,
+.comment-content ol,
+.entry-content ul,
+.comment-content ul,
+.mu_register ul {
+	margin: 0 0 14px;
+	margin: 0 0 1rem;
+	line-height: 2;
+}
 .comments-link a,
 .entry-meta a {
   color: rgb(0,56,226);
@@ -2013,7 +2074,17 @@ header {
 }
 .entry-content pre,
 .comment-content pre {
-  border: none;
+	border: none;
+	color: #666;
+	font-family: Consolas, Monaco, Lucida Console, monospace;
+	font-size: 14px;
+	font-size: 1rem;
+	line-height: 2;
+	margin: 0 0 14px;
+	margin: 0 0 1rem;
+	overflow: auto;
+	padding: 24px;
+	padding: 1.714285714rem;
 }
 .entry-content a:visited,
 .comment-content a:visited {
@@ -2026,7 +2097,7 @@ header {
   font-family: Consolas, Monaco, Lucida Console, monospace;
   font-size: 14px;
   font-size: 1rem;
-  line-height: 1.714285714;
+  line-height: 2;
 }
 footer.entry-meta {
   margin-top: 0;
@@ -2563,6 +2634,21 @@ li.L1,li.L3,li.L5,li.L7,li.L9 {
 pre code {
   white-space: inherit;
 }
+/* =Bootstrap Hacks
+-------------------------------------------------------------- */
+.panel {
+  margin-bottom: 14px;
+  margin-bottom: 1rem;
+  background-color: rgb(255,255,255);
+  border: 1px solid rgb(221,221,221);
+  border-radius: 0;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+.panel-body {
+  padding: 14px;
+  padding: 1rem;
+}
 /* =Font Awesome Hacks
 -------------------------------------------------------------- */
 /* Fix list icon positioning */