HTML cleanup

_includes/footer.html

@@ -1 +1 @@
-<h4>&copy; {{ site.time | date: '%Y' }} {{ site.owner.name }}. Powered by <a href="http://jekyllrb.com">Jekyll</a> using the <a href="http://mademistakes.com/">Minimal Mistakes</a> theme.</h4>
+<span>&copy; {{ site.time | date: '%Y' }} {{ site.owner.name }}. Powered by <a href="http://jekyllrb.com">Jekyll</a> using the <a href="http://mademistakes.com/">Minimal Mistakes</a> theme.</span>

_layouts/home.html

@@ -24,7 +24,6 @@
 
 <div id="index" itemprop="mainContentOfPage" itemscope itemtype="http://schema.org/Blog">
   <h3><a href="{{ site.url}}/articles">Articles</a></h3>
-  <hr />
   {% for post in site.categories.articles limit:5 %}    
   <article itemscope itemtype="http://schema.org/BlogPosting" itemprop="blogPost">
     <h2 itemprop="headline"><a href="{{ site.url }}{{ post.url }}" rel="bookmark" title="{{ post.title }}">{{ post.title }}</a></h2>

_layouts/post-index.html

@@ -13,9 +13,10 @@
 
 {% include navigation.html %}
 
-<div class="image-wrap">
+{% if page.image.feature %}<div class="image-wrap">
-  <img src="{{ site.url }}/images/{{ page.image.feature }}" alt="{{ page.title }} feature image">
+  <img src="{{ site.url }}/images/{{ page.image.feature }}" alt="{{ page.title }} feature image" itemprop="primaryImageOfPage">
-</div><!-- /.image-wrap -->
+  {% if page.image.credit %}<span class="image-credit">Photo Credit: <a href="{{ page.image.creditlink }}">{{ page.image.credit }}</a></span>{% endif %}
+</div><!-- /.image-wrap -->{% endif %}
 
 <div class="article-author-top">
   {% include author-bio.html %}
@@ -26,13 +27,11 @@
   {% for post in site.posts %}  
   {% unless post.next %}
     <h3>{{ post.date | date: '%Y' }}</h3>
-    <hr />
     {% else %}
       {% capture year %}{{ post.date | date: '%Y' }}{% endcapture %}
       {% capture nyear %}{{ post.next.date | date: '%Y' }}{% endcapture %}
       {% if year != nyear %}
         <h3>{{ post.date | date: '%Y' }}</h3>
-        <hr />
       {% endif %}
     {% endunless %}
     <article itemscope itemtype="http://schema.org/BlogPosting" itemprop="blogPost">

_layouts/post.html

@@ -41,7 +41,7 @@
 </div><!-- /#main -->
 
 <div class="footer-wrap">
-  {% if site.related_posts.size %}<div class="related-articles">
+  {% if site.related_posts.size > 0 %}<div class="related-articles">
   <h4>You might also enjoy <small class="pull-right">(<a href="{{ site.url }}/articles">View all articles</a>)</small></h4>
     <ul>
     {% for post in site.related_posts limit:3 %}

_posts/2013-08-16-code-highlighting-post.md

@@ -2,7 +2,7 @@
 layout: post
 title: Syntax Highlighting Post
 description: "Demo post displaying the various ways of highlighting code in Markdown."
-modified: 2013-08-20
+category: articles
 tags: [sample post, code, highlighting]
 ---
 

articles.md

@@ -4,6 +4,4 @@ permalink: /articles/index.html
 title: Articles
 tagline: A List of Posts
 tags: [blog, graphic design]
-image:
-  feature: texture-feature-03.jpg
 ---

assets/css/ie.css

@@ -1122,8 +1122,17 @@ body {
   margin-right: 8.333333333333334%;
   margin-bottom: 2em;
 }
+#index h3 {
+  margin: 0;
+  padding-bottom: .5em;
+  font-size: 28px;
+  font-size: 1.75rem;
+  border-bottom: 1px solid #c3c3c3;
+}
 #index article h2 {
   margin-bottom: 0;
+  font-size: 24px;
+  font-size: 1.5rem;
 }
 #index article p + p {
   text-indent: 0;
@@ -1373,9 +1382,14 @@ body {
 .footer-wrap p,
 .footer-wrap h4,
 .footer-wrap h5,
-.footer-wrap h6 {
+.footer-wrap h6,
+.footer-wrap span {
   color: #bfbfbf;
 }
+.footer-wrap span {
+  font-size: 14px;
+  font-size: 0.875rem;
+}
 .footer-wrap a {
   border-bottom: 0 solid transparent;
 }
@@ -1396,6 +1410,7 @@ body {
   width: 83.33333333333334%;
   margin-left: 8.333333333333334%;
   margin-right: 8.333333333333334%;
+  margin-bottom: 2em;
 }
 .related-articles h4 {
   text-transform: uppercase;

assets/css/main.css

@@ -1877,8 +1877,17 @@ body {
   margin-right: 8.333333333333334%;
   margin-bottom: 2em;
 }
+#index h3 {
+  margin: 0;
+  padding-bottom: .5em;
+  font-size: 28px;
+  font-size: 1.75rem;
+  border-bottom: 1px solid #c3c3c3;
+}
 #index article h2 {
   margin-bottom: 0;
+  font-size: 24px;
+  font-size: 1.5rem;
 }
 #index article p + p {
   text-indent: 0;
@@ -2128,9 +2137,14 @@ body {
 .footer-wrap p,
 .footer-wrap h4,
 .footer-wrap h5,
-.footer-wrap h6 {
+.footer-wrap h6,
+.footer-wrap span {
   color: #bfbfbf;
 }
+.footer-wrap span {
+  font-size: 14px;
+  font-size: 0.875rem;
+}
 .footer-wrap a {
   border-bottom: 0 solid transparent;
 }
@@ -2151,6 +2165,7 @@ body {
   width: 83.33333333333334%;
   margin-left: 8.333333333333334%;
   margin-right: 8.333333333333334%;
+  margin-bottom: 2em;
 }
 .related-articles h4 {
   text-transform: uppercase;

assets/less/page.less

@@ -61,9 +61,16 @@ body {
 	.prefix(12,1);
 	.suffix(12,1);
 	margin-bottom: 2em;
+	h3 {
+		margin: 0;
+		padding-bottom: .5em;
+		.font-rem(28);
+		border-bottom: 1px solid lighten(@black,70);
+	}
 	article {
 		h2 {
 			margin-bottom: 0;
+			.font-rem(24);
 		}
 		p+p {
 			text-indent: 0;
@@ -250,9 +257,13 @@ body {
 	p,
 	h4,
 	h5,
-	h6 {
+	h6,
+	span {
 		color: darken(@white, 25);
 	}
+	span { 
+		.font-rem(14);
+	}
 	a {
 		border-bottom: 0 solid transparent;
 		&:hover {
@@ -270,6 +281,7 @@ body {
 	.grid(12,10);
 	.prefix(12,1);
 	.suffix(12,1);
+	margin-bottom: 2em;
 	h4 {
 		
 		text-transform: uppercase;