diff options
| -rw-r--r-- | _includes/header.html | 14 | ||||
| -rw-r--r-- | _layouts/page.html | 13 | ||||
| -rw-r--r-- | assets/main.css | 2 | ||||
| -rw-r--r-- | follow.md | 23 |
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 { @@ -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: |