Add follow button and spruce up the follow page

This commit is contained in:
Brian Picciano 2021-01-07 18:09:21 -07:00
parent a264d457e9
commit fccc5b95fd
4 changed files with 31 additions and 21 deletions

View File

@ -1,6 +1,6 @@
<header id="title-header" role="banner"> <header id="title-header" role="banner">
<div class="row"> <div class="row">
<div class="six columns"> <div class="seven columns">
<h1 class="title"> <h1 class="title">
<a href="{{ "/" | relative_url }}">{{ site.title | escape }}</a> <a href="{{ "/" | relative_url }}">{{ site.title | escape }}</a>
</h1> </h1>
@ -17,17 +17,13 @@
<i class="fab fa-twitter"></i> <i class="fab fa-twitter"></i>
</a> </a>
</span> </span>
<span>
<a href="{{ '/feed.xml' | relative_url }}">
<span>RSS</span><i class="fas fa-rss"></i>
</a>
</span>
</div> </div>
</div> </div>
{%- if!page.nofollow != true %} {%- if!page.nofollow != true %}
<!--<div class="six-columns"> <div class="five columns light" style="text-align: right">
<a href="/follow.html">FOLLOW PLZ</a> <span style="display:block; margin-bottom:0.5rem;">Get notified when new posts are published!</span>
</div>--> <a href="{{ "/follow.html" | relative_url }}"><button class="button-primary">Follow the blog</button></a>
</div>
{% endif -%} {% endif -%}
</div> </div>
</header> </header>

13
_layouts/page.html Normal file
View File

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

View File

@ -35,7 +35,6 @@ ul {
#title-header .title { #title-header .title {
margin: 0; margin: 0;
font-size: 4.4rem; /* magic number yooooo */ font-size: 4.4rem; /* magic number yooooo */
font-weight: bold;
} }
#title-header .title a { #title-header .title a {
@ -83,6 +82,7 @@ footer {
#post-headline { #post-headline {
margin: 0; margin: 0;
font-weight: bold;
} }
#post-content ul { #post-content ul {

View File

@ -1,22 +1,23 @@
--- ---
layout: post layout: page
title: "Follow the Blog" title: "Follow the Blog"
description: "There's lots of ways to do it"
nofollow: true 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 RSS is the classic way to follow any blog. It comes from a time before
following URL... aggregators like reddit and twitter stole the show, when people felt capable to
manage their own content feeds. We should use it again.
To follow over RSS give any RSS reader the following URL...
<a href="{{site.url}}/feed.xml">{{site.url}}/feed.xml</a> <a href="{{site.url}}/feed.xml">{{site.url}}/feed.xml</a>
...and posts from this blog will show up as soon as they are published. ...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
There are literally thousands of RSS readers out there. Here's some
recommendations: recommendations:
* [Google Chrome Browser Extension](https://chrome.google.com/webstore/detail/rss-feed-reader/pnjaodmkngahhkoihejjehlcdlnohgmp) * [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. me](mailto:mediocregopher.com) a recommendation.
## Method 2: Twitter ## Option 2: Twitter
New posts are automatically published to [my Twitter](https://twitter.com/{{ New posts are automatically published to [my Twitter](https://twitter.com/{{
site.twitter_username }}). Simply follow me there and pray the algorithm smiles site.twitter_username }}). Simply follow me there and pray the algorithm smiles
upon my tweets enough to show them to you! :pray: :pray: :pray: 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: I do solemnly swear to never ever ever: