beautiful-jekyll-theme 1.1.1 → 2.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (50) hide show
  1. checksums.yaml +5 -5
  2. data/404.html +13 -0
  3. data/{LICENSE.txt → LICENSE} +14 -5
  4. data/README.md +207 -203
  5. data/_data/ui-text.yml +494 -0
  6. data/_includes/comments.html +6 -0
  7. data/_includes/disqus.html +16 -14
  8. data/_includes/ext-css.html +7 -0
  9. data/_includes/ext-js.html +7 -0
  10. data/_includes/fb-comment.html +14 -0
  11. data/_includes/footer-minimal.html +6 -7
  12. data/_includes/footer-scripts.html +14 -16
  13. data/_includes/footer.html +23 -168
  14. data/_includes/google_analytics.html +13 -11
  15. data/_includes/gtag.html +11 -0
  16. data/_includes/gtm_body.html +6 -0
  17. data/_includes/gtm_head.html +9 -0
  18. data/_includes/head.html +41 -19
  19. data/_includes/header.html +37 -29
  20. data/_includes/matomo.html +17 -0
  21. data/_includes/nav.html +21 -23
  22. data/_includes/readtime.html +16 -0
  23. data/_includes/social-networks-links.html +207 -0
  24. data/_includes/social-share.html +25 -22
  25. data/_includes/staticman-comment.html +22 -0
  26. data/_includes/staticman-comments.html +83 -0
  27. data/_includes/utterances-comment.html +13 -0
  28. data/_layouts/base.html +4 -2
  29. data/_layouts/default.html +1 -1
  30. data/_layouts/home.html +75 -0
  31. data/_layouts/minimal.html +3 -3
  32. data/_layouts/page.html +1 -5
  33. data/_layouts/post.html +35 -11
  34. data/assets/css/main.css +233 -74
  35. data/assets/css/normalize.css +1 -1
  36. data/assets/css/pygment_highlights.css +0 -5
  37. data/assets/css/staticman.css +180 -0
  38. data/assets/img/404-southpark.jpg +0 -0
  39. data/assets/img/avatar-icon.png +0 -0
  40. data/assets/img/bgimage.png +0 -0
  41. data/assets/img/hello_world.jpeg +0 -0
  42. data/assets/img/install-steps.gif +0 -0
  43. data/assets/img/path.jpg +0 -0
  44. data/assets/js/main.js +21 -19
  45. data/assets/js/staticman.js +54 -0
  46. data/{assets/feed.xml → feed.xml} +8 -4
  47. data/tags.html +36 -0
  48. metadata +53 -17
  49. data/_includes/navbarlink.html +0 -16
  50. data/_layouts/tag_index.html +0 -41
data/_includes/header.html CHANGED
@@ -1,19 +1,21 @@
1
1
  <!-- TODO this file has become a mess, refactor it -->
2
2
 
3
+ {% assign date_format = site.date_format | default: "%B %-d, %Y" %}
4
+
3
5
  {% if page.bigimg or page.title %}
4
6
 
5
7
  {% if page.bigimg %}
6
8
  <div id="header-big-imgs" data-num-img={% if page.bigimg.first %}{{ page.bigimg.size }}{% else %}1{% endif %}
7
9
  {% for bigimg in page.bigimg %}
8
- {% assign imgnum = forloop.index %}
9
- {% for imginfo in bigimg %}
10
- {% if imginfo[0] %}
11
- data-img-src-{{ imgnum }}="{{ imginfo[0] | replace: '//', '/' }}"
12
- data-img-desc-{{ imgnum }}="{{ imginfo[1] }}"
13
- {% else %}
14
- data-img-src-{{ imgnum }}="{{ imginfo | replace: '//', '/' }}"
15
- {% endif %}
16
- {% endfor %}
10
+ {% assign imgnum = forloop.index %}
11
+ {% for imginfo in bigimg %}
12
+ {% if imginfo[0] %}
13
+ data-img-src-{{ imgnum }}="{{ imginfo[0] | relative_url }}"
14
+ data-img-desc-{{ imgnum }}="{{ imginfo[1] }}"
15
+ {% else %}
16
+ data-img-src-{{ imgnum }}="{{ imginfo | relative_url }}"
17
+ {% endif %}
18
+ {% endfor %}
17
19
  {% endfor %}
18
20
  ></div>
19
21
  {% endif %}
@@ -26,18 +28,21 @@
26
28
  <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
27
29
  <div class="{{ include.type }}-heading">
28
30
  <h1>{% if page.title %}{{ page.title }}{% else %}<br/>{% endif %}</h1>
29
- {% if page.subtitle %}
30
- {% if include.type == "page" %}
31
+ {% if page.subtitle %}
32
+ {% if include.type == "page" %}
31
33
  <hr class="small">
32
34
  <span class="{{ include.type }}-subheading">{{ page.subtitle }}</span>
33
- {% else %}
34
- <h2 class="{{ include.type }}-subheading">{{ page.subtitle }}</h2>
35
- {% endif %}
36
- {% endif %}
37
-
38
- {% if include.type == "post" %}
39
- <span class="post-meta">Posted on {{ page.date | date: "%B %-d, %Y" }}</span>
40
- {% endif %}
35
+ {% else %}
36
+ <h2 class="{{ include.type }}-subheading">{{ page.subtitle }}</h2>
37
+ {% endif %}
38
+ {% endif %}
39
+
40
+ {% if include.type == "post" %}
41
+ <span class="post-meta">Posted on {{ page.date | date: date_format }}</span>
42
+ {% if page.readtime %}
43
+ {% include readtime.html %}
44
+ {% endif %}
45
+ {% endif %}
41
46
  </div>
42
47
  </div>
43
48
  </div>
@@ -51,18 +56,21 @@
51
56
  <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
52
57
  <div class="{{ include.type }}-heading">
53
58
  <h1>{% if page.title %}{{ page.title }}{% else %}<br/>{% endif %}</h1>
54
- {% if page.subtitle %}
55
- {% if include.type == "page" %}
59
+ {% if page.subtitle %}
60
+ {% if include.type == "page" %}
56
61
  <hr class="small">
57
62
  <span class="{{ include.type }}-subheading">{{ page.subtitle }}</span>
58
- {% else %}
59
- <h2 class="{{ include.type }}-subheading">{{ page.subtitle }}</h2>
60
- {% endif %}
61
- {% endif %}
62
-
63
- {% if include.type == "post" %}
64
- <span class="post-meta">Posted on {{ page.date | date: "%B %-d, %Y" }}</span>
65
- {% endif %}
63
+ {% else %}
64
+ <h2 class="{{ include.type }}-subheading">{{ page.subtitle }}</h2>
65
+ {% endif %}
66
+ {% endif %}
67
+
68
+ {% if include.type == "post" %}
69
+ <span class="post-meta">Posted on {{ page.date | date: date_format }}</span>
70
+ {% if page.readtime %}
71
+ {% include readtime.html %}
72
+ {% endif %}
73
+ {% endif %}
66
74
  </div>
67
75
  </div>
68
76
  </div>
data/_includes/matomo.html ADDED
@@ -0,0 +1,17 @@
1
+ {% if site.matomo %}
2
+ <!-- Matomo -->
3
+ <script type="text/javascript">
4
+ var _paq = _paq || [];
5
+ /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
6
+ _paq.push(['trackPageView']);
7
+ _paq.push(['enableLinkTracking']);
8
+ (function() {
9
+ var u="//{{- site.matomo.uri -}}/";
10
+ _paq.push(['setTrackerUrl', u+'piwik.php']);
11
+ _paq.push(['setSiteId', '{{- site.matomo.site_id -}}']);
12
+ var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
13
+ g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
14
+ })();
15
+ </script>
16
+ <!-- End Piwik Code -->
17
+ {% endif %}
data/_includes/nav.html CHANGED
@@ -7,49 +7,47 @@
7
7
  <span class="icon-bar"></span>
8
8
  <span class="icon-bar"></span>
9
9
  </button>
10
- {% if site.title-img %}
11
- <a class="navbar-brand navbar-brand-logo" href="{{ site.url }}"><img src="{{ site.title-img }}"/></a>
12
- {% else %}
13
- <a class="navbar-brand" href="{{ site.url }}">{{ site.title }}</a>
14
- {% endif %}
10
+ {%- if site.title-img -%}
11
+ <a class="navbar-brand navbar-brand-logo" href="{{ '' | absolute_url }}"><img src="{{ site.title-img }}"/></a>
12
+ {%- elsif site.title -%}
13
+ <a class="navbar-brand" href="{{ '' | absolute_url }}">{{ site.title }}</a>
14
+ {%- endif -%}
15
15
  </div>
16
16
 
17
17
  <div class="collapse navbar-collapse" id="main-navbar">
18
18
  <ul class="nav navbar-nav navbar-right">
19
- {% for link in site.navbar-links %}
20
- {% if link[1].first %}
19
+ {%- for link in site.navbar-links -%}
20
+ {%- if link[1].first %}
21
21
  <li class="navlinks-container">
22
22
  <a class="navlinks-parent" href="javascript:void(0)">{{ link[0] }}</a>
23
23
  <div class="navlinks-children">
24
- {% for childlink in link[1] %}
25
- {% for linkparts in childlink %}
26
- {% include navbarlink.html link=linkparts %}
27
- {% endfor %}
28
- {% endfor %}
24
+ {%- for childlink in link[1] -%}
25
+ {%- for linkparts in childlink %}
26
+ <a href="{{ linkparts[1] | relative_url }}">{{ linkparts[0] }}</a>
27
+ {%- endfor -%}
28
+ {%- endfor %}
29
29
  </div>
30
30
  </li>
31
31
  {% else %}
32
- <li>
33
- {% include navbarlink.html link=link %}
34
- </li>
35
- {% endif %}
36
- {% endfor %}
32
+ <li><a href="{{ link[1] | relative_url }}">{{ link[0] }}</a></li>
33
+ {%- endif -%}
34
+ {%- endfor -%}
37
35
  </ul>
38
36
  </div>
39
37
 
40
- {% if page.image %}
38
+ {% if page.image and (layout.show-avatar or page.show-avatar) %}
41
39
  <div class="avatar-container">
42
40
  <div class="avatar-img-border">
43
- <a href="{{ site.url }} ">
44
- <img class="avatar-img" src="{{ page.image | prepend: site.baseurl | replace: '//', '/' }}" />
41
+ <a href="{{ '' | absolute_url }}">
42
+ <img class="avatar-img" src="{{ page.image | relative_url }}" />
45
43
  </a>
46
44
  </div>
47
45
  </div>
48
- {% elsif site.avatar %}
46
+ {% elsif site.avatar and (layout.show-avatar or page.show-avatar) %}
49
47
  <div class="avatar-container">
50
48
  <div class="avatar-img-border">
51
- <a href="{{ site.url }} ">
52
- <img class="avatar-img" src="{{ site.avatar | replace: '//', '/' }}" />
49
+ <a href="{{ '' | absolute_url }}">
50
+ <img class="avatar-img" src="{{ site.avatar | relative_url }}" />
53
51
  </a>
54
52
  </div>
55
53
  </div>
data/_includes/readtime.html ADDED
@@ -0,0 +1,16 @@
1
+ <!--- "ReadTime on GitHub Jekyll" (c) 2020 Ruby Griffith Ramirez, MIT License -->
2
+
3
+ {% assign ReadTime = page.content | strip_html | number_of_words %}
4
+ {% assign calcReadTime = ReadTime | float %}
5
+ {% assign finalReadTime = calcReadTime | divided_by:200 | round: 2 %}
6
+ {% assign number = finalReadTime | round %}
7
+ {% if number >= 1 %}
8
+ {% assign yesReadTime = number | append: " minute read" %}
9
+ <span class="reader-time post-meta"><span class="hidden-xs middot">&middot;</span> {{ yesReadTime }}</span>
10
+ {% elsif number < 1 %}
11
+ {% assign minReadTime = '&lt; 1 minute read' %}
12
+ <span class="reader-time post-meta"><span class="hidden-xs middot">&middot;</span> {{ minReadTime }}</span>
13
+ {% else %}
14
+ {% assign nilReadTime = number | replace:'0',' ' %}
15
+ {{ nilReadTime }}
16
+ {% endif %}
data/_includes/social-networks-links.html ADDED
@@ -0,0 +1,207 @@
1
+ <ul class="list-inline text-center footer-links">
2
+
3
+ {%- if site.social-network-links.facebook -%}
4
+ <li>
5
+ <a href="{{ '/feed.xml' | relative_url }}" title="RSS">
6
+ <span class="fa-stack fa-lg" aria-hidden="true">
7
+ <i class="fas fa-circle fa-stack-2x"></i>
8
+ <i class="fas fa-rss fa-stack-1x fa-inverse"></i>
9
+ </span>
10
+ <span class="sr-only">RSS</span>
11
+ </a>
12
+ </li>
13
+ {%- endif -%}
14
+
15
+ {%- if site.social-network-links.facebook -%}
16
+ <li>
17
+ <a href="https://www.facebook.com/{{ site.social-network-links.facebook }}" title="Facebook">
18
+ <span class="fa-stack fa-lg" aria-hidden="true">
19
+ <i class="fas fa-circle fa-stack-2x"></i>
20
+ <i class="fab fa-facebook fa-stack-1x fa-inverse"></i>
21
+ </span>
22
+ <span class="sr-only">Facebook</span>
23
+ </a>
24
+ </li>
25
+ {%- endif -%}
26
+
27
+ {%- if site.social-network-links.github -%}
28
+ <li>
29
+ <a href="https://github.com/{{ site.social-network-links.github }}" title="GitHub">
30
+ <span class="fa-stack fa-lg" aria-hidden="true">
31
+ <i class="fas fa-circle fa-stack-2x"></i>
32
+ <i class="fab fa-github fa-stack-1x fa-inverse"></i>
33
+ </span>
34
+ <span class="sr-only">GitHub</span>
35
+ </a>
36
+ </li>
37
+ {%- endif -%}
38
+
39
+ {%- if site.social-network-links.twitter -%}
40
+ <li>
41
+ <a href="https://twitter.com/{{ site.social-network-links.twitter }}" title="Twitter">
42
+ <span class="fa-stack fa-lg" aria-hidden="true">
43
+ <i class="fas fa-circle fa-stack-2x"></i>
44
+ <i class="fab fa-twitter fa-stack-1x fa-inverse"></i>
45
+ </span>
46
+ <span class="sr-only">Twitter</span>
47
+ </a>
48
+ </li>
49
+ {%- endif -%}
50
+
51
+ {%- if site.social-network-links.reddit -%}
52
+ <li>
53
+ <a href="https://reddit.com/u/{{ site.social-network-links.reddit }}" title="Reddit">
54
+ <span class="fa-stack fa-lg" aria-hidden="true">
55
+ <i class="fas fa-circle fa-stack-2x"></i>
56
+ <i class="fab fa-reddit fa-stack-1x fa-inverse"></i>
57
+ </span>
58
+ <span class="sr-only">Reddit</span>
59
+ </a>
60
+ </li>
61
+ {%- endif -%}
62
+
63
+ {%- if site.social-network-links.email -%}
64
+ <li>
65
+ <a href="mailto:{{ site.social-network-links.email }}" title="Email me">
66
+ <span class="fa-stack fa-lg" aria-hidden="true">
67
+ <i class="fas fa-circle fa-stack-2x"></i>
68
+ <i class="fas fa-envelope fa-stack-1x fa-inverse"></i>
69
+ </span>
70
+ <span class="sr-only">Email me</span>
71
+ </a>
72
+ </li>
73
+ {%- endif -%}
74
+
75
+ {%- if site.social-network-links.linkedin -%}
76
+ <li>
77
+ <a href="https://linkedin.com/in/{{ site.social-network-links.linkedin }}" title="LinkedIn">
78
+ <span class="fa-stack fa-lg" aria-hidden="true">
79
+ <i class="fas fa-circle fa-stack-2x"></i>
80
+ <i class="fab fa-linkedin fa-stack-1x fa-inverse"></i>
81
+ </span>
82
+ <span class="sr-only">LinkedIn</span>
83
+ </a>
84
+ </li>
85
+ {%- endif -%}
86
+
87
+ {%- if site.social-network-links.xing -%}
88
+ <li>
89
+ <a href="https://www.xing.com/profile/{{ site.social-network-links.xing }}" title="Xing">
90
+ <span class="fa-stack fa-lg" aria-hidden="true">
91
+ <i class="fas fa-circle fa-stack-2x"></i>
92
+ <i class="fab fa-xing fa-stack-1x fa-inverse"></i>
93
+ </span>
94
+ <span class="sr-only">Xing</span>
95
+ </a>
96
+ </li>
97
+ {%- endif -%}
98
+
99
+ {%- if site.social-network-links.stackoverflow -%}
100
+ <li>
101
+ <a href="https://stackoverflow.com/users/{{ site.social-network-links.stackoverflow }}" title="StackOverflow">
102
+ <span class="fa-stack fa-lg" aria-hidden="true">
103
+ <i class="fas fa-circle fa-stack-2x"></i>
104
+ <i class="fab fa-stack-overflow fa-stack-1x fa-inverse"></i>
105
+ </span>
106
+ <span class="sr-only">StackOverflow</span>
107
+ </a>
108
+ </li>
109
+ {%- endif -%}
110
+
111
+ {%- if site.social-network-links.snapchat -%}
112
+ <li>
113
+ <a href="https://www.snapchat.com/add/{{ site.social-network-links.snapchat }}" title="Snapchat">
114
+ <span class="fa-stack fa-lg" aria-hidden="true">
115
+ <i class="fas fa-circle fa-stack-2x"></i>
116
+ <i class="fab fa-snapchat-ghost fa-stack-1x fa-inverse"></i>
117
+ </span>
118
+ <span class="sr-only">Snapchat</span>
119
+ </a>
120
+ </li>
121
+ {%- endif -%}
122
+
123
+ {%- if site.social-network-links.instagram -%}
124
+ <li>
125
+ <a href="https://www.instagram.com/{{ site.social-network-links.instagram }}" title="Instagram">
126
+ <span class="fa-stack fa-lg" aria-hidden="true">
127
+ <i class="fas fa-circle fa-stack-2x"></i>
128
+ <i class="fab fa-instagram fa-stack-1x fa-inverse"></i>
129
+ </span>
130
+ <span class="sr-only">Instagram</span>
131
+ </a>
132
+ </li>
133
+ {%- endif -%}
134
+
135
+ {%- if site.social-network-links.youtube -%}
136
+ <li>
137
+ <a href="https://www.youtube.com/{{ site.social-network-links.youtube }}" title="YouTube">
138
+ <span class="fa-stack fa-lg" aria-hidden="true">
139
+ <i class="fas fa-circle fa-stack-2x"></i>
140
+ <i class="fab fa-youtube fa-stack-1x fa-inverse"></i>
141
+ </span>
142
+ <span class="sr-only">YouTube</span>
143
+ </a>
144
+ </li>
145
+ {%- endif -%}
146
+
147
+ {%- if site.social-network-links.spotify -%}
148
+ <li>
149
+ <a href="https://open.spotify.com/user/{{ site.social-network-links.spotify }}" title="Spotify">
150
+ <span class="fa-stack fa-lg" aria-hidden="true">
151
+ <i class="fas fa-circle fa-stack-2x"></i>
152
+ <i class="fab fa-spotify fa-stack-1x fa-inverse"></i>
153
+ </span>
154
+ <span class="sr-only">Spotify</span>
155
+ </a>
156
+ </li>
157
+ {%- endif -%}
158
+
159
+ {%- if site.social-network-links.telephone -%}
160
+ <li>
161
+ <a href="tel:{{ site.social-network-links.telephone }}" title="Phone">
162
+ <span class="fa-stack fa-lg" aria-hidden="true">
163
+ <i class="fas fa-circle fa-stack-2x"></i>
164
+ <i class="fas fa-phone fa-stack-1x fa-inverse"></i>
165
+ </span>
166
+ <span class="sr-only">Phone</span>
167
+ </a>
168
+ </li>
169
+ {%- endif -%}
170
+
171
+ {%- if site.social-network-links.steam -%}
172
+ <li>
173
+ <a href="https://steamcommunity.com/id/{{ site.social-network-links.steam }}" title="Steam">
174
+ <span class="fa-stack fa-lg" aria-hidden="true">
175
+ <i class="fas fa-circle fa-stack-2x"></i>
176
+ <i class="fab fa-steam fa-stack-1x fa-inverse"></i>
177
+ </span>
178
+ <span class="sr-only">Steam</span>
179
+ </a>
180
+ </li>
181
+ {%- endif -%}
182
+
183
+ {%- if site.social-network-links.twitch -%}
184
+ <li>
185
+ <a href="https://www.twitch.tv/{{ site.social-network-links.twitch }}" title="Twitch">
186
+ <span class="fa-stack fa-lg" aria-hidden="true">
187
+ <i class="fas fa-circle fa-stack-2x"></i>
188
+ <i class="fab fa-twitch fa-stack-1x fa-inverse"></i>
189
+ </span>
190
+ <span class="sr-only">Twitch</span>
191
+ </a>
192
+ </li>
193
+ {%- endif -%}
194
+
195
+ {%- if site.social-network-links.yelp -%}
196
+ <li>
197
+ <a href="https://{{ site.social-network-links.yelp }}.yelp.com" title="Yelp">
198
+ <span class="fa-stack fa-lg" aria-hidden="true">
199
+ <i class="fas fa-circle fa-stack-2x"></i>
200
+ <i class="fab fa-yelp fa-stack-1x fa-inverse"></i>
201
+ </span>
202
+ <span class="sr-only">Yelp</span>
203
+ </a>
204
+ </li>
205
+ {%- endif -%}
206
+
207
+ </ul>
data/_includes/social-share.html CHANGED
@@ -1,38 +1,41 @@
1
- {% if site.share-links-active.twitter == false and site.share-links-active.facebook == false and site.share-links-active.google == false and site.share-links-active.linkedin == false %}
2
- {% else %}
1
+ <!-- Check if any share-links are active -->
2
+ {% assign any-share-links = false %}
3
+ {% for links in site.share-links-active %}
4
+ {% if links[1] == true %}
5
+ {% assign any-share-links = true %}
6
+ {% endif %}
7
+ {% endfor %}
8
+
9
+ {% if any-share-links %}
3
10
  <section id = "social-share-section">
11
+ <span class="sr-only">Share: </span>
4
12
 
13
+ {% if site.share-links-active.twitter %}
5
14
  <!--- Share on Twitter -->
6
- {% unless site.share-links-active.twitter == false %}
7
- <a href="https://twitter.com/intent/tweet?text={{ page.title | url_encode }}+{{ site.url }}{{ page.url }}"
15
+ <a href="https://twitter.com/intent/tweet?text={{ page.title | url_encode }}&url={{ page.url | absolute_url | url_encode }}"
8
16
  class="btn btn-social-icon btn-twitter" title="Share on Twitter">
9
- <span class="fa fa-fw fa-twitter" aria-hidden="true"></span>
17
+ <span class="fab fa-fw fa-twitter" aria-hidden="true"></span>
18
+ <span class="sr-only">Twitter</span>
10
19
  </a>
11
- {% endunless %}
20
+ {% endif %}
12
21
 
22
+ {% if site.share-links-active.facebook %}
13
23
  <!--- Share on Facebook -->
14
- {% unless site.share-links-active.facebook == false %}
15
- <a href="https://www.facebook.com/sharer/sharer.php?u={{ site.url }}{{ page.url }}"
24
+ <a href="https://www.facebook.com/sharer/sharer.php?u={{ page.url | absolute_url | url_encode }}"
16
25
  class="btn btn-social-icon btn-facebook" title="Share on Facebook">
17
- <span class="fa fa-fw fa-facebook" aria-hidden="true"></span>
18
- </a>
19
- {% endunless %}
20
-
21
- <!--- Share on Google Plus -->
22
- {% unless site.share-links-active.google == false %}
23
- <a href="https://plus.google.com/share?url={{ site.url }}{{ page.url }}"
24
- class="btn btn-social-icon btn-google" title="Share on Google+">
25
- <span class="fa fa-fw fa-google-plus" aria-hidden="true"></span>
26
+ <span class="fab fa-fw fa-facebook" aria-hidden="true"></span>
27
+ <span class="sr-only">Facebook</span>
26
28
  </a>
27
- {% endunless %}
29
+ {% endif %}
28
30
 
31
+ {% if site.share-links-active.linkedin %}
29
32
  <!--- Share on LinkedIn -->
30
- {% unless site.share-links-active.linkedin == false %}
31
- <a href="https://www.linkedin.com/shareArticle?mini=true&url={{ site.url }}{{ page.url }}"
33
+ <a href="https://www.linkedin.com/shareArticle?mini=true&url={{ page.url | absolute_url | url_encode }}"
32
34
  class="btn btn-social-icon btn-linkedin" title="Share on LinkedIn">
33
- <span class="fa fa-fw fa-linkedin" aria-hidden="true"></span>
35
+ <span class="fab fa-fw fa-linkedin" aria-hidden="true"></span>
36
+ <span class="sr-only">LinkedIn</span>
34
37
  </a>
35
- {% endunless %}
38
+ {% endif %}
36
39
 
37
40
  </section>
38
41