Add follow button and spruce up the follow page

4 files changed, 31 insertions, 21 deletions

diff --git a/_includes/header.html b/_includes/header.html
index 7e3f12a..69fb0aa 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -1,6 +1,6 @@
 <header id="title-header" role="banner">
   <div class="row">
-    <div class="six columns">
+    <div class="seven columns">
       <h1 class="title">
         <a href="{{ "/" | relative_url }}">{{ site.title | escape }}</a>
       </h1>
@@ -17,17 +17,13 @@
             <i class="fab fa-twitter"></i>
           </a>
         </span>
-        <span>
-          <a href="{{ '/feed.xml' | relative_url }}">
-            <span>RSS</span><i class="fas fa-rss"></i>
-          </a>
-        </span>
       </div>
     </div>
     {%- if!page.nofollow != true %}
-    <!--<div class="six-columns">
-      <a href="/follow.html">FOLLOW PLZ</a>
-    </div>-->
+    <div class="five columns light" style="text-align: right">
+      <span style="display:block; margin-bottom:0.5rem;">Get notified when new posts are published!</span>
+      <a href="{{ "/follow.html" | relative_url }}"><button class="button-primary">Follow the blog</button></a>
+    </div>
     {% endif -%}
   </div>
 </header>
diff --git a/_layouts/page.html b/_layouts/page.html
new file mode 100644
index 0000000..469413a
--- /dev/null
+++ b/_layouts/page.html
@@ -0,0 +1,13 @@
+---
+layout: default
+---
+
+<header id="post-header">
+  <h1 id="post-headline" itemprop="name headline">
+    {{ page.title | escape }}
+  </h1>
+</header>
+
+<div id="post-content">
+  {{ content }}
+</div>
diff --git a/assets/main.css b/assets/main.css
index d1ce662..ef9b9d4 100644
--- a/assets/main.css
+++ b/assets/main.css
@@ -35,7 +35,6 @@ ul {
 #title-header .title {
     margin: 0;
     font-size: 4.4rem; /* magic number yooooo */
-    font-weight: bold;
 }
 
 #title-header .title a {
@@ -83,6 +82,7 @@ footer {
 
 #post-headline {
     margin: 0;
+    font-weight: bold;
 }
 
 #post-content ul {
diff --git a/follow.md b/follow.md
index f94111a..d1daa24 100644
--- a/follow.md
+++ b/follow.md
@@ -1,22 +1,23 @@
 ---
-layout: post
+layout: page
 title: "Follow the Blog"
-description: "There's lots of ways to do it"
 nofollow: true
 ---
 
-There are a few ways to get notified of new posts to the Mediocre Blog.
+Here's your options for receiving updates about new blog posts:
 
-## Method 1: RSS
+## Option 1: RSS
 
-RSS is the classic way to follow any blog. Simply give any RSS reader the
-following URL...
+RSS is the classic way to follow any blog. It comes from a time before
+aggregators like reddit and twitter stole the show, when people felt capable to
+manage their own content feeds. We should use it again.
 
-<a href="{{site.url}}/feed.xml">{{site.url}}/feed.xml</a>
+To follow over RSS give any RSS reader the following URL...
 
-...and posts from this blog will show up as soon as they are published.
+<a href="{{site.url}}/feed.xml">{{site.url}}/feed.xml</a>
 
-There are literally thousands of RSS readers out there. Here's some
+...and posts from this blog will show up in your RSS feed as soon as they are
+published. There are literally thousands of RSS readers out there. Here's some
 recommendations:
 
 * [Google Chrome Browser Extension](https://chrome.google.com/webstore/detail/rss-feed-reader/pnjaodmkngahhkoihejjehlcdlnohgmp)
@@ -30,13 +31,13 @@ recommendations:
   me](mailto:mediocregopher.com) a recommendation.
 
 
-## Method 2: Twitter
+## Option 2: Twitter
 
 New posts are automatically published to [my Twitter](https://twitter.com/{{
 site.twitter_username }}). Simply follow me there and pray the algorithm smiles
 upon my tweets enough to show them to you! :pray: :pray: :pray:
 
-## Method 3: Email
+## Option 3: Email
 
 I do solemnly swear to never ever ever: