beautiful-jekyll-theme 1.1.1 → 2.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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