Add follow button and spruce up the follow page

pull/8/head
Brian Picciano 3 years ago
parent a264d457e9
commit fccc5b95fd
  1. 14
      _includes/header.html
  2. 13
      _layouts/page.html
  3. 2
      assets/main.css
  4. 23
      follow.md

@ -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>

@ -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>

@ -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 {

@ -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:

Loading…
Cancel
Save