Style and layout updates for blog posts

Author: kborchers

_layouts/post.html

@@ -13,11 +13,11 @@
 
 				<header class="page-header_post-layout">
 
-					<p class="post-meta"><span class="post-date">{{ page.date | date: '%B %-d, %Y' }}</span>{% if page.category %}<span class="post-category">{{ page.category }}</span>{% endif %}</p>
+					<p class="post-meta"><span class="post-date">{{ page.date | date: '%B %-d, %Y' }}</span>{% if page.categories %}{% for category in page.categories %}<span class="post-category">{{ category }}</span>{% endfor %}{% endif %}</p>
 
 					<h1 class="page-title_post-layout">{{ page.title }}</h1>
 
-					{% if page.author %}<h3 class="page-subtitle_post-layout"><a href="{{page.ahandle}}">{{ page.author }}</a></h3>{% endif %}
+					{% if page.author %}<p class="post-meta">{{ page.author }} - <a href="https://twitter.com/{{page.ahandle}}">@{{ page.ahandle }}</a></p>{% endif %}
 
 					{% if page.img %}<img class="post-img" src="{{ site.url }}{{ site.baseurl }}/img/posts/{{ page.img }}" alt="{{ page.title }}">{% endif %}
 
@@ -30,7 +30,7 @@ <h1 class="page-title_post-layout">{{ page.title }}</h1>
 
 					{% if page.ahandle %}
 					<hr>
-					{% assign bio = "authors/" + page.ahandle + ".html" %}
+					{% assign bio = "authors/" | append: page.ahandle | append: ".html" %}
 					{% include {{ bio }} %}
 					{% endif %}
 

_sass/code.scss

@@ -6,7 +6,7 @@ samp {
 	font-size: 1em;
 }
 
-.highlight  { background: #ffffff; }
+.highlight  { background: #e3f6ff; padding: 1em; }
 .highlight .c { color: #999988; font-style: italic } /* Comment */
 .highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
 .highlight .k { font-weight: bold } /* Keyword */

_sass/navigation.scss

@@ -223,7 +223,6 @@ a.current {
 .page-parent-link {
 	@extend %page-sub-nav-link;
 	display: inline-block;
-	margin-bottom: 2rem;
 
 	&-icon {
 		display: inline-block;