type-on-strap 2.3.6 → 2.3.7

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 7ec12a9dd9f1ebb6a121accb434aac3199012abe93ae3b1cc59e2b0d3e7f233a
-  data.tar.gz: f344537349f557bc2a2c2fe88701ba3fcb8f02ba809c9f0d2721f23ec960bfe2
+  metadata.gz: 0e912396979eb944a0691e338ab364b3253e471bf21aa1b46d4896906805063f
+  data.tar.gz: 5ef7f480ea958f2742f1babf7c7f9a3c1e7e04fa99ece8ab40a29827b9c59aaa
 SHA512:
-  metadata.gz: fe97b6348c8829c62dad820f42e16afaad782f88b7a291ba0062ea4015d4651aa4882134b7652a2c9100b0e3da9bada778444fa4bc47ef3e4db4fd4c9f165c3e
-  data.tar.gz: 0a848716a49bf9efe3bc19c1e10a6d4e4606356ce57e09ceb2a04750c38b619eeacff77c1254d9a65f8a993a5243f3941d8cc6f59a0af5ce1eb4fd8ad7627071
+  metadata.gz: 6fe7611948fabbbc956cad3f1cb166e265a9404c1c04156d3efab13a0b3151b5d5cb6a472127df0bf282a5f0176ef8bba9d3e2ef1e45029330703390ac5d543c
+  data.tar.gz: b0fcc4324bd86a5e9b31ddd874206fcbd04d1d44a2e6b10d744e185556d9e33267d06f1b3ec1317e7f21a60dc9cdc728e851d28ab547f56a735937050a7749ee

data/README.md

@@ -10,6 +10,7 @@ A free and open-source [Jekyll](https://jekyllrb.com) theme. Based on Rohan Chan
 
 * Responsive design on all devices (🖥, 💻, 📱, ...)
 * Portfolio 🗂, Gallery 🖼 pages for your projects
+* Multi comments 💬 options  
 * Tags compatibility 🏷
 * Handle _Bootstrap_'ed pages: [Get Bootstrap](http://getbootstrap.com/)
 * 🔎 Search feature: [Simple-Jekyll-Search](https://github.com/christian-fei/Simple-Jekyll-Search)
@@ -65,7 +66,8 @@ Type-on-Strap
 ├── _data.yml
 |  ├── authors.yml             # Update the post authors configurations 
 |  ├── language.yml            # Localization configuration
-|  └── social.yml              # Social configurations (RSS, Twitter, ...)
+|  ├── social.yml              # Social configurations to share posts (RSS, shares, ...)
+|  └── icons.yml               # Footer icons (Twitter, Github, Stackoverflow, ...)
 └── index.html                 # sample home page (blog page paginated)
 ```
 	
@@ -75,7 +77,6 @@ Open `_config.yml` in a text editor to change most of the blog's settings.
 
 If a variable in this document is marked as "optional", disable the feature by removing all text from the variable. 
 
-
 ### Site configuration
 
 Configure Jekyll as your own blog or with a "baseurl" in `_config.yml`:
@@ -145,18 +146,18 @@ to `_config.yml` like so:
 google_analytics: UA-NNNNNNNN-N
 ```
 
-### Comments 
+### Comments 💬
 
 #### Disqus
 
-Optionally, if you have a [Disqus](https://disqus.com/) account, you can show a 
-comments section below each post.
+If you have a [Disqus](https://disqus.com/) account, you can show a comments section below each post.
 
 To enable Disqus comments, add your [Disqus shortname](https://help.disqus.com/customer/portal/articles/466208) 
 to your project's `_config.yml` file:
 
 ```yml
-disqus_shortname: my_disqus_shortname
+comments:
+  disqus_shortname: my_disqus_shortname
 ```
 
 #### Cusdis
@@ -167,7 +168,25 @@ You can read more about it in the [documentation](https://cusdis.com/doc#/)
 To enable it, set your cusdis name in `_config.yml`:
 
 ```yaml
-cusdis_app_id: my_data-app-id                                     
+comments:
+  cusdis_app_id: my_data-app-id                                     
+```
+
+#### Utterances
+
+[Utterances](https://utteranc.es) is another open source alternative linked to one's GitHub account.
+It stores the comments as GitHub issues on a repository for each page.
+
+Install the utterance [app](https://github.com/apps/utterances) to your repo.
+After installing, add your info in the `_config.yml`:
+
+```yaml
+comments:
+  utterances:              # Enable by filling below information. For more info, go to https://utteranc.es
+    repo:                  # your public comments repository (e.g. owner/repo)
+    issue-term:            # Issue term (e.g. "comment" consider issues with this word in the title as comments)
+    theme:                 # OPTIONAL: Take the `color_theme` by default, or set a custom one like github-dark-orange
+    label:                 # OPTIONAL: Adds an issue label in the issue
 ```
 
 ### Math typesetting with KateX
@@ -220,9 +239,13 @@ sequenceDiagram
 
 ### Social icons
 
-In `_data/social.yml` you can customize the social icons from other website you wish to display in the blog.
+In `_data/social.yml` you can customize the social icons that will be displayed in the post to share your post.
+You can also enable RSS.
 The site icons come from [Font Awesome](https://fontawesome.com/).
 
+In `_data/icons.yml` you can set the footer icon that will appear at the bottom of the page.
+They will redirect the user on your profile on the other platform like Twitter, GitHub and so many more!
+
 ### Cookie consent
 
 You can add a cookie consent with a disclaimer if you use Google Analytics while respecting the [GDPR](https://en.wikipedia.org/wiki/General_Data_Protection_Regulation).

data/_data/icons_builder.yml

@@ -0,0 +1,82 @@
+# Default data to build the footer icons
+# DO NOT MODIFY, use the "icons.yml" instead.
+behance:
+  pre: "https://www.behance.net/"
+bitbucket:
+  pre: "https://bitbucket.org/"
+calendly:
+  pre: "https://calendly.com/"
+  icon: "far fa-calendar-plus"
+dribbble:
+  pre: "https://www.dribbble.com/"
+facebook:
+  pre: "https://www.facebook.com/"
+flickr:
+  pre: "https://flickr.com/photos/"
+github:
+  pre: "https://github.com/"
+gitlab:
+  pre: "https://gitlab.com/"
+google-scholar:
+  pre: "https://scholar.google.com/citations?hl=en&user="
+  icon: "fas fa-user-graduate"
+instagram:
+  pre: "https://instagram.com/"
+hacker-news:
+  pre: "https://news.ycombinator.com/user?id="
+keybase:
+  pre: "https://keybase.io/"
+linkedin:
+  pre: "https://www.linkedin.com/in/"
+mail:
+  pre: "mailto://"
+  icon: "fas fa-envelope"
+map:
+  pre: "https://www.openstreetmap.org/#map=15/"
+  icon: "fas fa-map-marked"
+mastodon:
+  pre: "https://"
+matrix:
+  pre: "https://matrix.to/#/"
+  icon: "fab fa-connectdevelop"
+medium:
+  pre: "https://medium.com/@"
+patreon:
+  pre: "https://www.patreon.com/"
+phone:
+  pre: "tel:"
+  icon: "fas fa-phone"
+pinterest:
+  pre: "https://www.pinterest.com/"
+reddit:
+  pre: "https://www.reddit.com/user/"
+soundcloud:
+  pre: "https://soundcloud.com/"
+sms:
+  pre: "sms:"
+  pos: "?body=Hi"
+  icon: "fas fa-sms"
+stack-exchange:
+  pre: "https://stackexchange.com/users/"
+stack-overflow:
+  pre: "https://stackoverflow.com/users/"
+steam:
+  pre: "https://steamcommunity.com/id/"
+telegram:
+  pre: "https://t.me/"
+tumblr:
+  pre: "https://"
+  pos: ".tumblr.com/"
+twitch:
+  pre: "https://twitch.tv/"
+twitter:
+  pre: "https://twitter.com/"
+vimeo:
+  pre: "https://vimeo.com/"
+vk:
+  pre: "https://vk.com/"
+wordpress:
+  pre: "https://"
+  pos: ".wordpress.com/"
+youtube:
+  pre: "https://www.youtube.com/channel/"

data/_includes/default/head.html

@@ -31,11 +31,11 @@
     <!-- Bootstrap-4.1.3 isolation CSS -->
     <link rel="stylesheet" type="text/css" href="{{ '/assets/css/vendor/bootstrap-iso.min.css' | relative_url }}">
     <!-- JQuery 3.3.1 -->
-    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
+    <script defer src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
     <!-- Bootstrap 4.1.3 compiled and minified JavaScript -->
-    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
+    <script defer src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
     <!-- Popper, a dependency of Bootstrap-->
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
+    <script defer src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
     {% endif %}
 
     <!-- KaTeX 0.13.9 -->

data/_includes/social/cusdis.html

@@ -1,6 +1,6 @@
-<div class="comments" id="cusdis"
+<div class="comments" id="cusdis_thread"
   data-host="https://cusdis.com"
-  data-app-id="{{ site.cusdis_app_id }}"
+  data-app-id="{% if site.comments.cusdis_app_id %}{{ site.comments.cusdis_app_id }}{% else %}{{ site.cusdis_app_id }}{% endif %}"
   data-page-id="{{ page.relative_path }}"
   data-page-url="{{ page.url }}"
   data-page-title="{{ page.title }}"

data/_includes/social/disqus.html

@@ -1,7 +1,7 @@
 <div class="comments">
     <div id="disqus_thread"></div>
     <script type="text/javascript">
-      var disqus_shortname = '{{ site.disqus_shortname }}';
+      var disqus_shortname = '{{ site.comments.disqus_shortname }}' || '{{ site.disqus_shortname }}';
       (function() {
         var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
         dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';

data/_includes/social/icons.html

@@ -10,98 +10,25 @@
 </li>
 {% endif %}
 
-{% if site.data.social.email_address or site.theme_settings.email_address %}
-<li>
-    <a href="mailto:{{ site.data.social.email_address }}"
-       title="{{ site.data.language.str_email }}">
-		<span class="fa-stack fa-lg">
-            <i class="fas fa-circle fa-stack-2x"></i>
-            <i class="fas fa-envelope fa-stack-1x fa-inverse"></i>
-        </span>
-    </a>
-</li>
-{% endif %}
-
-{% assign bh_url = "https://www.behance.net/" | append: site.data.social.behance %}
-{% assign bh_on = site.data.social.behance or site.theme_settings.behance %}
-{% include social/icon_partial.html isDisplayed=bh_on url=bh_url social="Behance" %}
-
-{% assign bb_url = "https://bitbucket.org/" | append: site.data.social.bitbucket %}
-{% assign bb_on = site.data.social.bitbucket or site.theme_settings.bitbucket %}
-{% include social/icon_partial.html isDisplayed=bb_on url=bb_url social="Bitbucket" %}
-
-{% assign db_url = "https://www.dribbble.com/" | append: site.data.social.dribbble %}
-{% assign db_on = site.data.social.dribbble or site.theme_settings.dribbble %}
-{% include social/icon_partial.html isDisplayed=db_on url=db_url social="Dribbble" %}
-
-{% assign fb_url = "https://www.facebook.com/" | append: site.data.social.facebook %}
-{% assign fb_on = site.data.social.facebook or site.theme_settings.facebook %}
-{% include social/icon_partial.html isDisplayed=fb_on url=fb_url social="Facebook" %}
-
-{% assign fk_url = "https://flickr.com/photos/" | append: site.data.social.flickr %}
-{% assign fk_on = site.data.social.flickr or site.theme_settings.flickr %}
-{% include social/icon_partial.html isDisplayed=fk_on url=fk_url social="Flickr" %}
-
-{% assign gh_url = "https://github.com/" | append: site.data.social.github %}
-{% assign gh_on = site.data.social.github or site.theme_settings.github %}
-{% include social/icon_partial.html isDisplayed=gh_on url=gh_url social="GitHub" %}
-
-{% assign ig_url = "https://instagram.com/" | append: site.data.social.instagram %}
-{% assign ig_on = site.data.social.instagram or site.theme_settings.instagram %}
-{% include social/icon_partial.html isDisplayed=ig_on url=ig_url social="instagram" %}
-
-{% assign kb_url = "https://keybase.io/" | append: site.data.social.keybase %}
-{% assign kb_on = site.data.social.keybase or site.theme_settings.keybase %}
-{% include social/icon_partial.html isDisplayed=kb_on url=kb_url social="Keybase" %}
-
-{% assign se_url = site.data.social.linkedin %}
-{% assign se_on = site.data.social.linkedin or site.theme_settings.linkedin %}
-{% include social/icon_partial.html isDisplayed=se_on url=se_url social="Linkedin" %}
-
-{% assign pi_url = "https://www.pinterest.com/" | append: site.data.social.pinterest %}
-{% assign pi_on = site.data.social.pinterest or site.theme_settings.pinterest %}
-{% include social/icon_partial.html isDisplayed=pi_on url=pi_url social="Pinterest" %}
-
-{% assign rd_url = "https://www.reddit.com/user/" | append: site.data.social.reddit %}
-{% assign rd_on = site.data.social.reddit or site.theme_settings.reddit %}
-{% include social/icon_partial.html isDisplayed=rd_on url=rd_url social="Reddit" %}
-
-{% assign sc_url = "https://soundcloud.com/" | append: site.data.social.soundcloud %}
-{% assign sc_on = site.data.social.soundcloud or site.theme_settings.soundcloud %}
-{% include social/icon_partial.html isDisplayed=sc_on url=sc_url social="SoundCloud" %}
-
-{% assign se_url = site.data.social.stack_exchange %}
-{% assign se_on = site.data.social.stack_exchange or site.theme_settings.stack_exchange %}
-{% include social/icon_partial.html isDisplayed=se_on url=se_url social="Stack-Exchange" %}
-
-{% assign so_url = site.data.social.stack_overflow %}
-{% assign so_on = site.data.social.stack_overflow or site.theme_settings.stack_overflow %}
-{% include social/icon_partial.html isDisplayed=so_on url=so_url social="Stack-Overflow" %}
-
-{% assign st_url = "http://steamcommunity.com/id/" | append: site.data.social.steam %}
-{% assign st_on = site.data.social.steam or site.theme_settings.steam %}
-{% include social/icon_partial.html isDisplayed=st_on url=st_url social="Steam" %}
-
-{% assign tb_url = "https://" | append: site.data.social.tumblr | append: ".tumblr.com/" %}
-{% assign tb_on = site.data.social.tumblr or site.theme_settings.tumblr %}
-{% include social/icon_partial.html isDisplayed=tb_on url=tb_url social="Tumblr" %}
-
-{% assign gl_url = "https://gitlab.com/" | append: site.data.social.gitlab %}
-{% assign gl_on = site.data.social.gitlab or site.theme_settings.gitlab %}
-{% include social/icon_partial.html isDisplayed=gl_on url=gl_url social="Gitlab" %}
-
-{% assign tw_url = "https://twitter.com/" | append: site.data.social.twitter %}
-{% assign tw_on = site.data.social.twitter or site.theme_settings.twitter %}
-{% include social/icon_partial.html isDisplayed=tw_on url=tw_url social="Twitter" %}
-
-{% assign v_url = "https://vimeo.com/" | append: site.data.social.vimeo %}
-{% assign v_on = site.data.social.vimeo or site.theme_settings.vimeo %}
-{% include social/icon_partial.html isDisplayed=v_on url=v_url social="Vimeo" %}
-
-{% assign wp_url = "https://" | append: site.data.social.wordpress | append: ".wordpress.com/" %}
-{% assign wp_on = site.data.social.wordpress or site.theme_settings.wordpress %}
-{% include social/icon_partial.html isDisplayed=wp_on url=wp_url social="WordPress" %}
-
-{% assign yt_url = "https://www.youtube.com/channel/" | append: site.data.social.youtube %}
-{% assign yt_on = site.data.social.youtube or site.theme_settings.youtube %}
-{% include social/icon_partial.html isDisplayed=yt_on url=yt_url social="Youtube" %}
+{% for footer in site.data.icons %}
+    {% unless footer[1] == nil %}
+        {% assign brand = footer[0] %}
+        {% assign id = footer[1] %}
+        {% assign data = site.data.icons_builder[brand] %}
+        {% if data.icon == nil %}
+            {% assign icon = "fab fa-" | append: brand %}
+        {% else %}
+            {% assign icon = data.icon %}
+        {% endif %}
+        <li>
+            <a href="{{ data.pre | append: id | append: data.pos }}"
+               title="{{ site.data.language.str_follow_on }} {{ brand | remove: '-' | capitalize }}"
+               rel="me">
+            <span class="fa-stack fa-lg">
+              <i class="fas fa-circle fa-stack-2x"></i>
+              <i class="{{ icon }} fa-stack-1x fa-inverse"></i>
+            </span>
+            </a>
+        </li>
+    {% endunless %}
+{% endfor %}

data/_includes/social/utterances.html

@@ -0,0 +1,8 @@
+<script src="https://utteranc.es/client.js"
+        repo='{{ site.comments.utterances.repo }}'
+        issue-term="{{ site.comments.utterances.issue-term}}"
+        theme="{% if site.comments.utterances.theme %}{{ site.comments.utterances.theme }}{% elsif site.color_theme == 'dark' %}github-dark{% else %}github-light{% endif %}"
+		label="{{ site.comments.utterances.label }}"
+        crossorigin="anonymous"
+        async>
+</script>

data/_layouts/default.html

@@ -1,7 +1,6 @@
 <!DOCTYPE html>
 <!--
-    Type on Strap jekyll theme v2.3.6
-    Copyright 2016-2021 Sylhare
+    Type on Strap jekyll theme v2.3.7
     Theme free for personal and commercial use under the MIT license
     https://github.com/sylhare/Type-on-Strap/blob/master/LICENSE
 -->

data/_layouts/post.html

@@ -37,11 +37,14 @@ layout: default
 {% include blog/post_nav.html %}
 {% endif %}
 
+<!--Utterances-->
+{% if site.comments.utterances.repo and site.comments.utterances.issue-term and site.comments.utterances.theme %} {% include social/utterances.html %} {% endif %}
+
 <!-- Cusdis -->
-{% if site.cusdis_app_id %}{% include social/cusdis.html %}{% endif %}
+{% if site.comments.cusdis_app_id or site.cusdis_app_id %}{% include social/cusdis.html %}{% endif %}
 
 <!-- Disqus -->
-{% if site.disqus_shortname or site.theme_settings.disqus_shortname %}
+{% if site.comments.disqus_shortname or site.theme_settings.disqus_shortname or site.disqus_shortname %}
 {% include social/disqus.html %}{% endif %}
 
 <!-- To change color of links in the page -->

data/_sass/base/_global.scss

@@ -146,7 +146,7 @@ blockquote {
   margin: 1em 1em;
   padding: 0.75em 1em;
   background-color: var(--blockquote);
-  box-shadow: 0 2px 2px var(--border);
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
 }
 
 blockquote *:last-child,
@@ -164,7 +164,7 @@ table {
 td,
 th {
   padding: 0.5em 1em;
-  border: 1px solid var(--td-border);
+  border: 1px solid var(--border);
   text-align: left;
 }
 

data/_sass/base/_variables.scss

@@ -24,7 +24,7 @@ $l-break: 1400px;
 $m-break: 1000px;
 $break: 768px;
 $sm-break: 576px;
-$x-sm-break: 300px;
+$x-sm-break: 320px;
 
 /* BASE16 HIGHLIGHT */
 // Material Theme
@@ -107,8 +107,7 @@ html, html[data-theme="light"] {
   --h4: #262626;
   --h5: #262626;
   --h6: #262626;
-  --border: rgba(0, 0, 0, 0.1);
-  --td-border: rgba(0, 0, 0, 0.1);
+  --border: rgba(0, 0, 0, 0.2);
 }
 
 html[data-theme="dark"] {
@@ -130,8 +129,7 @@ html[data-theme="dark"] {
   --h4: #00af9e;
   --h5: #6bac00;
   --h6: #ff5c00;
-  --border: rgba(0, 0, 0, 0.1); // border
-  --td-border: rgba(255, 255, 255, 0.5); // table border
+  --border: rgba(255, 255, 255, 0.5); // border
   --cusdis--color-text-default: var(--text);
   --cusdis--color-comment-username-text: var(--link);
 }

data/_sass/includes/_mermaid.scss

@@ -4,5 +4,10 @@
 }
 
 .mermaid > svg {
-    margin: 20px;
+    margin: auto;
+    display: block;
+    height: auto;
+    padding-bottom: 2em;
+    padding-top: 2em;
+    max-width: 100%;
 }

data/_sass/layouts/_blog.scss

@@ -26,7 +26,11 @@
   }
 
   @media screen and (max-width: $sm-break) {
-    background-size: 400% auto;
+    background-size: 250% auto;
+  }
+
+  @media screen and (max-width: $x-sm-break) {
+    background-size: 300% auto;
   }
 
   p:last-child {
@@ -46,7 +50,7 @@
     margin-bottom: 0;
     display: inline-block;
     background-size: cover;
-    border-bottom: 1px solid var(--border);
+    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
 
     p a {
       @extend .body-link;

data/_sass/layouts/_posts.scss

@@ -1,6 +1,6 @@
 .comments {
   @extend %padding-post;
-  border-bottom: 1px solid var(--border);
+  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
   float: left;
   width: 100%;
 }

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: type-on-strap
 version: !ruby/object:Gem::Version
-  version: 2.3.6
+  version: 2.3.7
 platform: ruby
 authors:
 - Sylhare
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2021-05-13 00:00:00.000000000 Z
+date: 2021-06-17 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -86,6 +86,7 @@ extra_rdoc_files:
 files:
 - LICENSE
 - README.md
+- _data/icons_builder.yml
 - _data/language.yml
 - _includes/aligner.html
 - _includes/blog/blog.html
@@ -101,9 +102,9 @@ files:
 - _includes/portfolio.html
 - _includes/social/cusdis.html
 - _includes/social/disqus.html
-- _includes/social/icon_partial.html
 - _includes/social/icons.html
 - _includes/social/share_buttons.html
+- _includes/social/utterances.html
 - _layouts/custom.md
 - _layouts/default.html
 - _layouts/home.html

data/_includes/social/icon_partial.html

@@ -1,11 +0,0 @@
-{% if include.isDisplayed %}
-<li>
-    <a href="{{ include.url }}"
-       title="{{ site.data.language.str_follow_on }} {{ include.social }}">
-		<span class="fa-stack fa-lg">
-            <i class="fas fa-circle fa-stack-2x"></i>
-            <i class="fab fa-{{ include.social | downcase }} fa-stack-1x fa-inverse"></i>
-        </span>
-    </a>
-</li>
-{% endif %}