src/_includes/header.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36

<header id="title-header" role="banner">
  <div class="row">
    <div class="seven columns">
      <h1 class="title">
        <a href="{{ "/" | relative_url }}">{{ site.title | escape }}</a>
      </h1>
      <div class="light social">
        <span>By {{ site.author | escape }}</span>
        <span class="author-icons">
          <a href="mailto:mediocregopher@gmail.com">
            <i class="fas fa-envelope"></i>
          </a>
          <a href="https://github.com/{{ site.github_username }}">
            <i class="fab fa-github"></i>
          </a>
          <a href="https://twitter.com/{{ site.twitter_username }}">
            <i class="fab fa-twitter"></i>
          </a>
        </span>
      </div>
    </div>
    {%- if!page.nofollow != true %}
    <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">
          <i class="fab fa-twitter"></i>
          Follow
      </button></a>
      <a href="{{ "/feed.xml" | relative_url }}"><button class="button">
          <i class="fas fa-rss"></i>
          RSS
      </button></a>
    </div>
    {% endif -%}
  </div>
</header>