Add follow button and spruce up the follow page
This commit is contained in:
parent
a264d457e9
commit
fccc5b95fd
@ -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
13
_layouts/page.html
Normal 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>
|
@ -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 {
|
||||||
|
23
follow.md
23
follow.md
@ -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:
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user