Merge pull request #352 from jtemporal:implement-subtitle-logic

Add subtitles to titles and adjust styles

Author: jtemporal

_includes/head.html

@@ -14,7 +14,7 @@
 <link rel="icon" type="image/x-icon" href="{{site.favicon}}">
 <link rel="apple-touch-icon" href="{{site.applefavicon}}">
 
-<link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ site.url }}{{site.baseurl}}/feed.xml">
+<link rel="alternate" type="application/rss+xml" title="{{ site.title }}{% if site.subtitle %}: {{ site.subtitle }}{% endif %}" href="{{ site.url }}{{site.baseurl}}/feed.xml">
 <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
 <script data-ad-client="ca-pub-5603674881688232" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
 

_includes/post-card.html

@@ -1,5 +1,5 @@
 <div class="panel-body">
-  <h3 class="panel-title pull-left">{{ post.title }}</h3><br><span class="post-meta pull-left"><small>{{ post.date | date: "%b %-d, %Y" }}</small></span>
+  <h3 class="panel-title pull-left">{{ post.title }}{% if post.subtitle %}: {{ post.subtitle }}{% endif %}</h3><br><span class="post-meta pull-left"><small>{{ post.date | date: "%b %-d, %Y" }}</small></span>
 </div>
 
 <div class="panel-body">

_layouts/page.html

@@ -6,7 +6,7 @@
 <article class="post">
 
   <header class="post-header">
-    <h1 class="post-title">{{ page.title }}</h1>
+    <h1 class="post-title">{{ page.title }}{% if page.subtitle %}: {{ page.subtitle }}{% endif %}</h1>
   </header>
 
   <div class="post-content">

_layouts/post.html

@@ -8,6 +8,9 @@
 
       <header class="post-header">
         <h1 class="post-title" itemprop="name headline">{{ page.title }}</h1>
+        {% if page.subtitle %}
+          <h2 class="post-subtitle">{{ page.subtitle }}</h2>
+        {% endif %}
         <p class="post-meta">
           {% if page.last_modified_at %}<time datetime="{{ page.last_modified_at | date_to_xmlschema }}" itemprop="datePublished">Updated on: {{ page.last_modified_at | date: "%b %-d, %Y" }}</time>{% else %}<time datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">{{ page.date | date: "%b %-d, %Y" }}</time>{% endif %}
           {% if page.author %} • <span itemprop="author" itemscope itemtype="http://schema.org/Person"><span itemprop="name">{{ page.author }}</span></span>{% endif %}

_sass/_bootstrap-readable.scss

@@ -1273,7 +1273,7 @@ h1,
 }
 h2,
 .h2 {
-  font-size: 34px;
+  font-size: 30px;
 }
 h3,
 .h3 {

_sass/_layout.scss

@@ -51,6 +51,7 @@ img {
 }
 .post-meta {
     color: $grey-color;
+    font-size: 12px;
 }
 
 .panel {
@@ -147,7 +148,14 @@ footer {
 }
 
 .post-title {
-    line-height: 2;
+    line-height: 1;
+}
+
+.post-subtitle {
+    line-height: 1;
+    color: $grey-color;
+    margin: 0 0 15px 0;
+    font-size: 25px;
 }
 
 .index-anchor {