beautiful-jekyll-theme 2.3.0 → 3.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (40) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +70 -50
  3. data/_includes/disqus.html +11 -11
  4. data/_includes/ext-css.html +2 -2
  5. data/_includes/fb-comment.html +12 -10
  6. data/_includes/footer-minimal.html +11 -11
  7. data/_includes/footer-scripts.html +2 -2
  8. data/_includes/footer.html +6 -6
  9. data/_includes/google_analytics.html +8 -8
  10. data/_includes/gtag.html +2 -3
  11. data/_includes/gtm_body.html +3 -4
  12. data/_includes/gtm_head.html +9 -7
  13. data/_includes/head.html +27 -40
  14. data/_includes/header.html +10 -10
  15. data/_includes/nav.html +41 -44
  16. data/_includes/readtime.html +10 -10
  17. data/_includes/social-networks-links.html +19 -19
  18. data/_includes/social-share.html +0 -3
  19. data/_includes/staticman-comments.html +1 -1
  20. data/_layouts/base.html +13 -8
  21. data/_layouts/default.html +1 -1
  22. data/_layouts/home.html +6 -6
  23. data/_layouts/minimal.html +11 -5
  24. data/_layouts/page.html +2 -2
  25. data/_layouts/post.html +8 -8
  26. data/assets/css/main-minimal.css +2 -2
  27. data/assets/css/main.css +324 -232
  28. data/assets/css/staticman.css +2 -2
  29. data/assets/js/main.js +58 -99
  30. metadata +2 -12
  31. data/assets/css/bootstrap-theme.css +0 -476
  32. data/assets/css/bootstrap-theme.css.map +0 -1
  33. data/assets/css/bootstrap-theme.min.css +0 -5
  34. data/assets/css/bootstrap.css +0 -6566
  35. data/assets/css/bootstrap.css.map +0 -1
  36. data/assets/css/bootstrap.min.css +0 -5
  37. data/assets/css/normalize.css +0 -427
  38. data/assets/js/bootstrap.js +0 -2306
  39. data/assets/js/bootstrap.min.js +0 -7
  40. data/assets/js/jquery-1.11.2.min.js +0 -4
data/_includes/gtag.html CHANGED
@@ -1,11 +1,10 @@
1
1
  {% if site.gtag %}
2
2
  <!-- Global site tag (gtag.js) - Google Analytics -->
3
3
  <script async src="https://www.googletagmanager.com/gtag/js?id={{ site.gtag }}"></script>
4
- <script>
5
- window.dataLayer = window.dataLayer || [];
4
+ <script>
5
+ window.dataLayer = window.dataLayer || [];
6
6
  function gtag(){dataLayer.push(arguments);}
7
7
  gtag('js', new Date());
8
-
9
8
  gtag('config', '{{ site.gtag }}');
10
9
  </script>
11
10
  {% endif %}
data/_includes/gtm_body.html CHANGED
@@ -1,6 +1,5 @@
1
1
  {% if site.gtm %}
2
- <!-- Google Tag Manager (noscript) -->
3
- <noscript><iframe src="https://www.googletagmanager.com/ns.html?id={{ site.gtm }}"
4
- height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
5
- <!-- End Google Tag Manager (noscript) -->
2
+ <!-- Google Tag Manager (noscript) -->
3
+ <noscript><iframe src="https://www.googletagmanager.com/ns.html?id={{ site.gtm }}" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
4
+ <!-- End Google Tag Manager (noscript) -->
6
5
  {% endif %}
data/_includes/gtm_head.html CHANGED
@@ -1,9 +1,11 @@
1
1
  {% if site.gtm %}
2
- <!-- Google Tag Manager -->
3
- <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
4
- new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
5
- j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
6
- 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
7
- })(window,document,'script','dataLayer','{{ site.gtm }}');</script>
8
- <!-- End Google Tag Manager -->
2
+ <!-- Google Tag Manager -->
3
+ <script>
4
+ (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
5
+ new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
6
+ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
7
+ 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
8
+ })(window,document,'script','dataLayer','{{ site.gtm }}');
9
+ </script>
10
+ <!-- End Google Tag Manager -->
9
11
  {% endif %}
data/_includes/head.html CHANGED
@@ -1,19 +1,18 @@
1
1
  <head>
2
- <meta charset="utf-8" />
3
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
4
- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, viewport-fit=cover">
2
+ <meta charset="utf-8">
3
+ <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
5
4
 
6
5
  <title>{% if page.use-site-title %}{{ site.title }} {{ site.title-separator | default: '-' }} {{ site.description }}{% elsif page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
7
6
 
8
7
  {% if site.author %}
9
- <meta name="author" content="{{ site.author }}" />
8
+ <meta name="author" content="{{ site.author }}">
10
9
  {% endif %}
11
10
 
12
11
  {% if page.subtitle %}
13
12
  <meta name="description" content="{{ page.subtitle }}">
14
13
  {% endif %}
15
14
 
16
- <link rel="alternate" type="application/rss+xml" title="{{ site.title | default: 'Untitled' }} {{ site.title-separator | default: '-' }} {{ site.description }}" href="{{ '/feed.xml' | absolute_url }}" />
15
+ <link rel="alternate" type="application/rss+xml" title="{{ site.title | default: 'Untitled' }} {{ site.title-separator | default: '-' }} {{ site.description }}" href="{{ '/feed.xml' | absolute_url }}">
17
16
 
18
17
  {% include gtag.html %}
19
18
  {% include gtm_head.html %}
@@ -27,13 +26,7 @@
27
26
 
28
27
  {% if layout.common-css %}
29
28
  {% for css in layout.common-css %}
30
- <link rel="stylesheet" href="{{ css | relative_url }}" />
31
- {% endfor %}
32
- {% endif %}
33
-
34
- {% if layout.common-googlefonts %}
35
- {% for font in layout.common-googlefonts %}
36
- <link rel="stylesheet" href="//fonts.googleapis.com/css?family={{ font }}" />
29
+ <link rel="stylesheet" href="{{ css | relative_url }}">
37
30
  {% endfor %}
38
31
  {% endif %}
39
32
 
@@ -45,27 +38,21 @@
45
38
 
46
39
  {% if page.css %}
47
40
  {% for css in page.css %}
48
- <link rel="stylesheet" href="{{ css | relative_url }}" />
49
- {% endfor %}
50
- {% endif %}
51
-
52
- {% if page.googlefonts %}
53
- {% for font in page.googlefonts %}
54
- <link rel="stylesheet" href="//fonts.googleapis.com/css?family={{ font }}" />
41
+ <link rel="stylesheet" href="{{ css | relative_url }}">
55
42
  {% endfor %}
56
43
  {% endif %}
57
44
 
58
- <!-- Facebook OpenGraph tags -->
45
+ <!-- Facebook OpenGraph tags -->
59
46
  {% if site.fb_app_id %}
60
- <meta property="fb:app_id" content="{{ site.fb_app_id }}" />
47
+ <meta property="fb:app_id" content="{{ site.fb_app_id }}">
61
48
  {% endif %}
62
49
 
63
50
  {% if page.meta-title %}
64
- <meta property="og:title" content="{{ page.meta-title }}" />
51
+ <meta property="og:title" content="{{ page.meta-title }}">
65
52
  {% elsif page.title %}
66
- <meta property="og:title" content="{{ page.title }}" />
53
+ <meta property="og:title" content="{{ page.title }}">
67
54
  {% elsif site.title %}
68
- <meta property="og:title" content="{{ site.title }}" />
55
+ <meta property="og:title" content="{{ site.title }}">
69
56
  {% endif %}
70
57
 
71
58
  {% if page.meta-description %}
@@ -77,34 +64,34 @@
77
64
  {% endif %}
78
65
 
79
66
 
80
- <meta property="og:type" content="website" />
67
+ <meta property="og:type" content="website">
81
68
 
82
69
  {% if page.id %}
83
- <meta property="og:url" content="{{ page.url | absolute_url }}" />
84
- <link rel="canonical" href="{{ page.url | absolute_url }}" />
70
+ <meta property="og:url" content="{{ page.url | absolute_url }}">
71
+ <link rel="canonical" href="{{ page.url | absolute_url }}">
85
72
  {% else %}
86
- <meta property="og:url" content="{{ page.url | absolute_url | strip_index }}" />
87
- <link rel="canonical" href="{{ page.url | absolute_url | strip_index }}" />
73
+ <meta property="og:url" content="{{ page.url | absolute_url | strip_index }}">
74
+ <link rel="canonical" href="{{ page.url | absolute_url | strip_index }}">
88
75
  {% endif %}
89
76
 
90
77
  {% if page.share-img %}
91
- <meta property="og:image" content="{{ page.share-img }}" />
78
+ <meta property="og:image" content="{{ page.share-img }}">
92
79
  {% elsif site.avatar %}
93
- <meta property="og:image" content="{{ site.avatar | absolute_url }}" />
80
+ <meta property="og:image" content="{{ site.avatar | absolute_url }}">
94
81
  {% endif %}
95
82
 
96
83
 
97
84
  <!-- Twitter summary cards -->
98
- <meta name="twitter:card" content="summary" />
99
- <meta name="twitter:site" content="@{{ site.social-network-links.twitter }}" />
100
- <meta name="twitter:creator" content="@{{ site.social-network-links.twitter }}" />
85
+ <meta name="twitter:card" content="summary">
86
+ <meta name="twitter:site" content="@{{ site.social-network-links.twitter }}">
87
+ <meta name="twitter:creator" content="@{{ site.social-network-links.twitter }}">
101
88
 
102
89
  {% if page.meta-title %}
103
- <meta name="twitter:title" content="{{ page.meta-title }}" />
90
+ <meta name="twitter:title" content="{{ page.meta-title }}">
104
91
  {% elsif page.title %}
105
- <meta name="twitter:title" content="{{ page.title }}" />
92
+ <meta name="twitter:title" content="{{ page.title }}">
106
93
  {% else %}
107
- <meta name="twitter:title" content="{{ site.title }}" />
94
+ <meta name="twitter:title" content="{{ site.title }}">
108
95
  {% endif %}
109
96
 
110
97
  {% if page.meta-description %}
@@ -116,9 +103,9 @@
116
103
  {% endif %}
117
104
 
118
105
  {% if page.share-img %}
119
- <meta name="twitter:image" content="{{ page.share-img }}" />
106
+ <meta name="twitter:image" content="{{ page.share-img }}">
120
107
  {% elsif site.avatar %}
121
- <meta name="twitter:image" content="{{ site.avatar | absolute_url }}" />
108
+ <meta name="twitter:image" content="{{ site.avatar | absolute_url }}">
122
109
  {% endif %}
123
110
 
124
111
  {% if site.matomo %}
@@ -127,7 +114,7 @@
127
114
 
128
115
  {% if page.comments and site.staticman.repository and site.staticman.branch %}
129
116
  <!-- Staticman -->
130
- <link rel="stylesheet" href="{{ "/assets/css/staticman.css" | relative_url }}" />
117
+ <link rel="stylesheet" href="{{ "/assets/css/staticman.css" | relative_url }}">
131
118
  {% endif %}
132
119
 
133
120
  </head>
data/_includes/header.html CHANGED
@@ -2,11 +2,11 @@
2
2
 
3
3
  {% assign date_format = site.date_format | default: "%B %-d, %Y" %}
4
4
 
5
- {% if page.bigimg or page.title %}
5
+ {% if page.cover-img or page.title %}
6
6
 
7
- {% if page.bigimg %}
8
- <div id="header-big-imgs" data-num-img={% if page.bigimg.first %}{{ page.bigimg.size }}{% else %}1{% endif %}
9
- {% for bigimg in page.bigimg %}
7
+ {% if page.cover-img %}
8
+ <div id="header-big-imgs" data-num-img={% if page.cover-img.first %}{{ page.cover-img.size }}{% else %}1{% endif %}
9
+ {% for bigimg in page.cover-img %}
10
10
  {% assign imgnum = forloop.index %}
11
11
  {% for imginfo in bigimg %}
12
12
  {% if imginfo[0] %}
@@ -20,12 +20,12 @@
20
20
  ></div>
21
21
  {% endif %}
22
22
 
23
- <header class="header-section {% if page.bigimg %}has-img{% endif %}">
24
- {% if page.bigimg %}
23
+ <header class="header-section {% if page.cover-img %}has-img{% endif %}">
24
+ {% if page.cover-img %}
25
25
  <div class="big-img intro-header">
26
- <div class="container">
26
+ <div class="container-md">
27
27
  <div class="row">
28
- <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
28
+ <div class="col-xl-8 offset-xl-2 col-lg-10 offset-lg-1">
29
29
  <div class="{{ include.type }}-heading">
30
30
  <h1>{% if page.title %}{{ page.title }}{% else %}<br/>{% endif %}</h1>
31
31
  {% if page.subtitle %}
@@ -51,9 +51,9 @@
51
51
  </div>
52
52
  {% endif %}
53
53
  <div class="intro-header no-img">
54
- <div class="container">
54
+ <div class="container-md">
55
55
  <div class="row">
56
- <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
56
+ <div class="col-xl-8 offset-xl-2 col-lg-10 offset-lg-1">
57
57
  <div class="{{ include.type }}-heading">
58
58
  <h1>{% if page.title %}{{ page.title }}{% else %}<br/>{% endif %}</h1>
59
59
  {% if page.subtitle %}
data/_includes/nav.html CHANGED
@@ -1,57 +1,54 @@
1
- <nav class="navbar navbar-default navbar-fixed-top navbar-custom {% if page.nav-short %}top-nav-short-permanent{% endif %}">
2
- <div class="container-fluid">
3
- <div class="navbar-header">
4
- <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#main-navbar">
5
- <span class="sr-only">Toggle navigation</span>
6
- <span class="icon-bar"></span>
7
- <span class="icon-bar"></span>
8
- <span class="icon-bar"></span>
9
- </button>
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
- </div>
1
+ <nav class="navbar navbar-expand-md navbar-light fixed-top navbar-custom {% if page.nav-short %}top-nav-short-permanent{% endif %}">
2
+
3
+ {%- if site.title-img -%}
4
+ <a class="navbar-brand navbar-brand-logo" href="{{ '' | absolute_url }}"><img alt="{{ site.title }} Logo" src="{{ site.title-img }}"/></a>
5
+ {%- elsif site.title -%}
6
+ <a class="navbar-brand" href="{{ '' | absolute_url }}">{{ site.title }}</a>
7
+ {%- endif -%}
8
+
9
+ <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#main-navbar" aria-controls="main-navbar" aria-expanded="false" aria-label="Toggle navigation">
10
+ <span class="navbar-toggler-icon"></span>
11
+ </button>
16
12
 
17
- <div class="collapse navbar-collapse" id="main-navbar">
18
- <ul class="nav navbar-nav navbar-right">
13
+ <div class="collapse navbar-collapse" id="main-navbar">
14
+ <ul class="navbar-nav ml-auto">
19
15
  {%- for link in site.navbar-links -%}
20
16
  {%- if link[1].first %}
21
- <li class="navlinks-container">
22
- <a class="navlinks-parent" href="javascript:void(0)">{{ link[0] }}</a>
23
- <div class="navlinks-children">
17
+ <li class="nav-item dropdown">
18
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">{{ link[0] }}</a>
19
+ <div class="dropdown-menu" aria-labelledby="navbarDropdown">
24
20
  {%- for childlink in link[1] -%}
25
- {%- for linkparts in childlink %}
26
- <a href="{{ linkparts[1] | relative_url }}">{{ linkparts[0] }}</a>
27
- {%- endfor -%}
21
+ {%- for linkparts in childlink %}
22
+ <a class="dropdown-item" href="{{ linkparts[1] | relative_url }}">{{ linkparts[0] }}</a>
23
+ {%- endfor -%}
28
24
  {%- endfor %}
29
25
  </div>
30
26
  </li>
31
27
  {% else %}
32
- <li><a href="{{ link[1] | relative_url }}">{{ link[0] }}</a></li>
28
+ <li class="nav-item">
29
+ <a class="nav-link" href="{{ link[1] | relative_url }}">{{ link[0] }}</a>
30
+ </li>
33
31
  {%- endif -%}
34
32
  {%- endfor -%}
35
- </ul>
36
- </div>
33
+ </ul>
34
+ </div>
37
35
 
38
- {% if page.image and (layout.show-avatar or page.show-avatar) %}
39
- <div class="avatar-container">
40
- <div class="avatar-img-border">
41
- <a href="{{ '' | absolute_url }}">
42
- <img class="avatar-img" src="{{ page.image | relative_url }}" />
43
- </a>
44
- </div>
45
- </div>
46
- {% elsif site.avatar and (layout.show-avatar or page.show-avatar) %}
47
- <div class="avatar-container">
48
- <div class="avatar-img-border">
49
- <a href="{{ '' | absolute_url }}">
50
- <img class="avatar-img" src="{{ site.avatar | relative_url }}" />
51
- </a>
52
- </div>
53
- </div>
54
- {% endif %}
36
+ {% if page.image and (layout.show-avatar or page.show-avatar) %}
37
+ <div class="avatar-container">
38
+ <div class="avatar-img-border">
39
+ <a href="{{ '' | absolute_url }}">
40
+ <img alt="Navbar avatar" class="avatar-img" src="{{ page.image | relative_url }}" />
41
+ </a>
42
+ </div>
43
+ </div>
44
+ {% elsif site.avatar and (layout.show-avatar or page.show-avatar) %}
45
+ <div class="avatar-container">
46
+ <div class="avatar-img-border">
47
+ <a href="{{ '' | absolute_url }}">
48
+ <img alt="Navbar avatar" class="avatar-img" src="{{ site.avatar | relative_url }}" />
49
+ </a>
50
+ </div>
51
+ </div>
52
+ {% endif %}
55
53
 
56
- </div>
57
54
  </nav>
data/_includes/readtime.html CHANGED
@@ -4,13 +4,13 @@
4
4
  {% assign calcReadTime = ReadTime | float %}
5
5
  {% assign finalReadTime = calcReadTime | divided_by:200 | round: 2 %}
6
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 %}
7
+ {% if number >= 1 %}
8
+ {% assign yesReadTime = number | append: " minute read" %}
9
+ <span class="reader-time post-meta"><span class="d-none d-md-inline 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="d-none d-md-inline middot">&middot;</span> {{ minReadTime }}</span>
13
+ {% else %}
14
+ {% assign nilReadTime = number | replace:'0',' ' %}
15
+ {{ nilReadTime }}
16
+ {% endif %}
data/_includes/social-networks-links.html CHANGED
@@ -1,7 +1,7 @@
1
1
  <ul class="list-inline text-center footer-links">
2
2
 
3
3
  {%- if site.social-network-links.rss -%}
4
- <li>
4
+ <li class="list-inline-item">
5
5
  <a href="{{ '/feed.xml' | relative_url }}" title="RSS">
6
6
  <span class="fa-stack fa-lg" aria-hidden="true">
7
7
  <i class="fas fa-circle fa-stack-2x"></i>
@@ -13,7 +13,7 @@
13
13
  {%- endif -%}
14
14
 
15
15
  {%- if site.social-network-links.email -%}
16
- <li>
16
+ <li class="list-inline-item">
17
17
  <a href="mailto:{{ site.social-network-links.email }}" title="Email me">
18
18
  <span class="fa-stack fa-lg" aria-hidden="true">
19
19
  <i class="fas fa-circle fa-stack-2x"></i>
@@ -25,7 +25,7 @@
25
25
  {%- endif -%}
26
26
 
27
27
  {%- if site.social-network-links.calendly -%}
28
- <li>
28
+ <li class="list-inline-item">
29
29
  <a href="https://calendly.com/{{ site.social-network-links.calendly }}" title="Schedule a meeting with me">
30
30
  <span class="fa-stack fa-lg" aria-hidden="true">
31
31
  <i class="fas fa-circle fa-stack-2x"></i>
@@ -37,7 +37,7 @@
37
37
  {%- endif -%}
38
38
 
39
39
  {%- if site.social-network-links.facebook -%}
40
- <li>
40
+ <li class="list-inline-item">
41
41
  <a href="https://www.facebook.com/{{ site.social-network-links.facebook }}" title="Facebook">
42
42
  <span class="fa-stack fa-lg" aria-hidden="true">
43
43
  <i class="fas fa-circle fa-stack-2x"></i>
@@ -49,7 +49,7 @@
49
49
  {%- endif -%}
50
50
 
51
51
  {%- if site.social-network-links.telegram -%}
52
- <li>
52
+ <li class="list-inline-item">
53
53
  <a href="https://t.me/{{ site.social-network-links.telegram }}" title="Telegram">
54
54
  <span class="fa-stack fa-lg" aria-hidden="true">
55
55
  <i class="fas fa-circle fa-stack-2x"></i>
@@ -61,7 +61,7 @@
61
61
  {%- endif -%}
62
62
 
63
63
  {%- if site.social-network-links.github -%}
64
- <li>
64
+ <li class="list-inline-item">
65
65
  <a href="https://github.com/{{ site.social-network-links.github }}" title="GitHub">
66
66
  <span class="fa-stack fa-lg" aria-hidden="true">
67
67
  <i class="fas fa-circle fa-stack-2x"></i>
@@ -73,7 +73,7 @@
73
73
  {%- endif -%}
74
74
 
75
75
  {%- if site.social-network-links.twitter -%}
76
- <li>
76
+ <li class="list-inline-item">
77
77
  <a href="https://twitter.com/{{ site.social-network-links.twitter }}" title="Twitter">
78
78
  <span class="fa-stack fa-lg" aria-hidden="true">
79
79
  <i class="fas fa-circle fa-stack-2x"></i>
@@ -85,7 +85,7 @@
85
85
  {%- endif -%}
86
86
 
87
87
  {%- if site.social-network-links.reddit -%}
88
- <li>
88
+ <li class="list-inline-item">
89
89
  <a href="https://reddit.com/u/{{ site.social-network-links.reddit }}" title="Reddit">
90
90
  <span class="fa-stack fa-lg" aria-hidden="true">
91
91
  <i class="fas fa-circle fa-stack-2x"></i>
@@ -97,7 +97,7 @@
97
97
  {%- endif -%}
98
98
 
99
99
  {%- if site.social-network-links.linkedin -%}
100
- <li>
100
+ <li class="list-inline-item">
101
101
  <a href="https://linkedin.com/in/{{ site.social-network-links.linkedin }}" title="LinkedIn">
102
102
  <span class="fa-stack fa-lg" aria-hidden="true">
103
103
  <i class="fas fa-circle fa-stack-2x"></i>
@@ -109,7 +109,7 @@
109
109
  {%- endif -%}
110
110
 
111
111
  {%- if site.social-network-links.xing -%}
112
- <li>
112
+ <li class="list-inline-item">
113
113
  <a href="https://www.xing.com/profile/{{ site.social-network-links.xing }}" title="Xing">
114
114
  <span class="fa-stack fa-lg" aria-hidden="true">
115
115
  <i class="fas fa-circle fa-stack-2x"></i>
@@ -121,7 +121,7 @@
121
121
  {%- endif -%}
122
122
 
123
123
  {%- if site.social-network-links.stackoverflow -%}
124
- <li>
124
+ <li class="list-inline-item">
125
125
  <a href="https://stackoverflow.com/users/{{ site.social-network-links.stackoverflow }}" title="StackOverflow">
126
126
  <span class="fa-stack fa-lg" aria-hidden="true">
127
127
  <i class="fas fa-circle fa-stack-2x"></i>
@@ -133,7 +133,7 @@
133
133
  {%- endif -%}
134
134
 
135
135
  {%- if site.social-network-links.snapchat -%}
136
- <li>
136
+ <li class="list-inline-item">
137
137
  <a href="https://www.snapchat.com/add/{{ site.social-network-links.snapchat }}" title="Snapchat">
138
138
  <span class="fa-stack fa-lg" aria-hidden="true">
139
139
  <i class="fas fa-circle fa-stack-2x"></i>
@@ -145,7 +145,7 @@
145
145
  {%- endif -%}
146
146
 
147
147
  {%- if site.social-network-links.instagram -%}
148
- <li>
148
+ <li class="list-inline-item">
149
149
  <a href="https://www.instagram.com/{{ site.social-network-links.instagram }}" title="Instagram">
150
150
  <span class="fa-stack fa-lg" aria-hidden="true">
151
151
  <i class="fas fa-circle fa-stack-2x"></i>
@@ -157,7 +157,7 @@
157
157
  {%- endif -%}
158
158
 
159
159
  {%- if site.social-network-links.youtube -%}
160
- <li>
160
+ <li class="list-inline-item">
161
161
  <a href="https://www.youtube.com/{{ site.social-network-links.youtube }}" title="YouTube">
162
162
  <span class="fa-stack fa-lg" aria-hidden="true">
163
163
  <i class="fas fa-circle fa-stack-2x"></i>
@@ -169,7 +169,7 @@
169
169
  {%- endif -%}
170
170
 
171
171
  {%- if site.social-network-links.spotify -%}
172
- <li>
172
+ <li class="list-inline-item">
173
173
  <a href="https://open.spotify.com/user/{{ site.social-network-links.spotify }}" title="Spotify">
174
174
  <span class="fa-stack fa-lg" aria-hidden="true">
175
175
  <i class="fas fa-circle fa-stack-2x"></i>
@@ -181,7 +181,7 @@
181
181
  {%- endif -%}
182
182
 
183
183
  {%- if site.social-network-links.telephone -%}
184
- <li>
184
+ <li class="list-inline-item">
185
185
  <a href="tel:{{ site.social-network-links.telephone }}" title="Phone">
186
186
  <span class="fa-stack fa-lg" aria-hidden="true">
187
187
  <i class="fas fa-circle fa-stack-2x"></i>
@@ -193,7 +193,7 @@
193
193
  {%- endif -%}
194
194
 
195
195
  {%- if site.social-network-links.steam -%}
196
- <li>
196
+ <li class="list-inline-item">
197
197
  <a href="https://steamcommunity.com/id/{{ site.social-network-links.steam }}" title="Steam">
198
198
  <span class="fa-stack fa-lg" aria-hidden="true">
199
199
  <i class="fas fa-circle fa-stack-2x"></i>
@@ -205,7 +205,7 @@
205
205
  {%- endif -%}
206
206
 
207
207
  {%- if site.social-network-links.twitch -%}
208
- <li>
208
+ <li class="list-inline-item">
209
209
  <a href="https://www.twitch.tv/{{ site.social-network-links.twitch }}" title="Twitch">
210
210
  <span class="fa-stack fa-lg" aria-hidden="true">
211
211
  <i class="fas fa-circle fa-stack-2x"></i>
@@ -217,7 +217,7 @@
217
217
  {%- endif -%}
218
218
 
219
219
  {%- if site.social-network-links.yelp -%}
220
- <li>
220
+ <li class="list-inline-item">
221
221
  <a href="https://{{ site.social-network-links.yelp }}.yelp.com" title="Yelp">
222
222
  <span class="fa-stack fa-lg" aria-hidden="true">
223
223
  <i class="fas fa-circle fa-stack-2x"></i>