type-on-strap 2.3.5 → 2.3.9

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 478babd84de11e9924830b336ad9741deec1e41d437c36747a53060c6c185a87
-  data.tar.gz: 5a2f74dcb75f627ce7542b34c1b7a76229d6189ec80ea7e3bd19a87d7db79727
+  metadata.gz: 2fb748c9fa85515434e6df47ed36f442144eeba3be73aa87f9d2436ccfb6f922
+  data.tar.gz: 07eb817e9d64afb913dadff99e3d90531f3212816caa66d17fb43978b6d591d4
 SHA512:
-  metadata.gz: 459a18b0e0e372db95920cfa1dedcb6d835c54af709fd13d41a60648df05d952d9edc2a455edc4e6e3411f17b1a215b64bc92219eeb895285f66dc4909f7595c
-  data.tar.gz: '059f94bb911213c4ea06f7109ddf46e25358afd2a581250e27b9701cc416249a6ba114b7752a45230ffbbc7ed6279f2fe81077599d2114b8bfbb2fd77cb48675'
+  metadata.gz: b19d1053042fe0bbf1385d2dc09ea0ca5b09ed8d25bc0cc034080c6bd5931d1fef234986f6223dfb4e7fe57b4311be4bc31fea2b332f5c961ad479782b0154d4
+  data.tar.gz: 9862842c52c883cc4458af398b990d06eab2c67676f2e32528d0dca7123947f51693d477c0c4c7db6b7238245ddf82e0f584aa5b2254613b82990c3d175e8871

data/README.md

@@ -1,17 +1,18 @@
 # Type on Strap 🎨
 
-[![Build Status](https://travis-ci.org/sylhare/Type-on-Strap.svg?branch=master)](https://travis-ci.org/sylhare/Type-on-Strap)
+[![Build](https://github.com/sylhare/Type-on-Strap/actions/workflows/jekyll-build.yml/badge.svg)](https://github.com/sylhare/Type-on-Strap/actions/workflows/jekyll-build.yml)
 [![Gem Version](https://badge.fury.io/rb/type-on-strap.svg)](https://badge.fury.io/rb/type-on-strap)
 [![Docker Pulls](https://img.shields.io/docker/pulls/sylhare/type-on-strap)](https://hub.docker.com/r/sylhare/type-on-strap)
 
 [![Default Type on Strap blog](https://github.com/Sylhare/Type-on-Strap/blob/master/assets/img/screenshot.png?raw=true)](https://sylhare.github.io/Type-on-Strap/)
 
-A free and open-source [Jekyll](https://jekyllrb.com) theme. Based on Rohan Chandra [type-theme](https://github.com/rohanchandra/type-theme) packed with extra features and easily cusomizable:
+A free and open-source [Jekyll](https://jekyllrb.com) theme. Based on Rohan Chandra [type-theme](https://github.com/rohanchandra/type-theme) packed with extra features and easily customizable:
 
 * 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/)
+* Handle _Bootstrap_'ed pages: [Get Bootstrap](http://getbootstrap.com/)
 * 🔎 Search feature: [Simple-Jekyll-Search](https://github.com/christian-fei/Simple-Jekyll-Search)
 * Math Rendering : [KateX](https://github.com/Khan/KaTeX)
 * Diagram Rendering: [Mermaid-js](https://github.com/mermaid-js/mermaid)
@@ -21,23 +22,15 @@ A free and open-source [Jekyll](https://jekyllrb.com) theme. Based on Rohan Chan
 * 💡 Light and dark theme supported
 * Find free of rights images on [pexels](https://www.pexels.com/)
 
-> [Demo Site](https://sylhare.github.io/Type-on-Strap/)
-
-## Table of Contents
-
-  - [Usage](#usage)
-  - [Structure](#structure)
-  - [Configure Type on Strap](#configure-type-on-strap)
-  - [Other Layouts](#other-layouts)
-  - [Feature pages](#feature-pages)
-  - [Advanced](#advanced)
-  - [License](#license)
+> [Demo Site](https://sylhare.github.io/Type-on-Strap/) 
 
 ## Usage
 
 ### As a ruby gem 💎
 
-Check out this tutorial: [Use as Ruby Gem](https://github.com/Sylhare/Type-on-Strap#use-as-ruby-gem)
+Check out this tutorial: [Use as Ruby Gem](#use-as-ruby-gem-)
+
+[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#/https://github.com/sylhare/Type-On-Strap)
 
 ### As a github page 📋
 
@@ -45,7 +38,7 @@ Check out this tutorial: [Use as Ruby Gem](https://github.com/Sylhare/Type-on-St
 2. Install [Jekyll](https://jekyllrb.com/docs/installation/): `gem install jekyll`, check [#1](https://github.com/Sylhare/Type-on-Strap/issues/1) if you have a problem.
 3. Install the theme's dependencies: `bundle install`
 4. Customize the theme
-	- GitHub Page: [update `_config.yml`](https://github.com/Sylhare/Type-on-Strap#site-configuration)
+	- GitHub Page: [update `_config.yml`](#site-configuration)
 5. Run the Jekyll server: `bundle exec jekyll serve`
 
 ## Structure
@@ -75,7 +68,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)
 ```
 	
@@ -85,12 +79,13 @@ 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
 
+#### Base url
+
 Configure Jekyll as your own blog or with a "baseurl" in `_config.yml`:
 
-Jekyll website *without* a "baseurl" (such as a GitHub Pages website for a given username):
+Jekyll website *without* a "baseurl" (such as a **GitHub Pages website** with your username as the repository name):
 
 ```yml
 baseurl: ""
@@ -101,15 +96,27 @@ Jekyll website *with* "baseurl" (like the Type on Strap [demo](https://sylhare.g
 
 ```yml
 baseurl: "/sub-directory"
-url: "https://username.github.io/"
+url: "https://username.github.io"
+```
+
+#### Jekyll blog configuration 
+
+And here is the basic information you will need in your `_config.yml` for it to work properly:
+
+```yaml
+# BLOG CONFIGURATION
+post_navigation: true
+paginate: 10
+paginate_path: "blog/page:num"
+plugins: [jekyll-paginate, jekyll-seo-tag, jekyll-feed]
 ```
 
-Please configure this  before using the theme.
+To configure the blog part and default pluginshose plugins are validated by GitHub page.
 
-### Meta and Branding
+#### Meta and Branding
 
 Meta variables hold basic information about your Jekyll site which will be used throughout the site 
-and as meta properties for search engines, browsers, and the site's RSS feed.
+and as meta properties that are used for search engines, browsers, and the site's RSS feed.
 
 Change these variables in `_config.yml`:
 
@@ -155,18 +162,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
@@ -177,7 +184,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
@@ -230,13 +255,17 @@ sequenceDiagram
 
 ### Social icons
 
-In `_data/social.yml` you can customize the social icons from other wbesite 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).
-Set to true, there will be a banner at the bottom of the page with the disclaimer and a approve button.
+Set to true, there will be a banner at the bottom of the page with the disclaimer, and an _approve_ button.
 Once the user clicks on "Approve" the cookies will be created for Google Analytics.
 
 #### Share in article
@@ -246,20 +275,11 @@ to share the article on those platform.
 
 #### Footer
 
-Display in the footer. 
-All icon variables should be your username enclosed in quotes (e.g. "username") in `_data/social.yml`, 
-except for the following variables:
-
-```yml
-rss: true                                                   
-email_address: type@example.com
-linkedin: https://www.linkedin.com/in/FirstLast
-stack_exchange: https://stackexchangecom/users/0000/first-last
-stack_overflow: https://stackoverflow.com/users/0000/first-last
-youtube: UCqECaJ8Gagnn7YCbPEzWH6g  # Youtube token of your channel in the url 
-```
+Display icons in the footer. 
+All icon variables should be your username enclosed in quotes (e.g. "username") in `_data/icons.yml`.
 
 You can update the RSS settings in `_data/social` to change the default feed path (generated by [jekyll-feel](https://github.com/jekyll/jekyll-feed)).
+To enable the share icons at the bottom of each article set to true the one you'd like under `share` in the `_data/social.yml` file.
 
 ### Personalize your Blog Posts 📝
 
@@ -342,7 +362,7 @@ Use it in any markdown file. There are two fields in the _include_ you need to l
 
 #### Code highlight
 
-Like all CSS variables in the theme, you can edit the color of the code highlight in _sass > base > _variables.scss.
+Like all CSS variables in the theme, you can edit the color of the code highlight in *_sass > base > _variables.scss*.
 The code highlighting works with [base16](https://github.com/chriskempson/base16-html-previews/tree/master/css) you can find existing example 
 of your favourite highlight color scheme on this format.
 
@@ -435,14 +455,14 @@ collections:
     permalink: /:collection/:name
 ```    
 
-This creates the collection for Jekyll so it can find and display your portfolio posts.
+This creates the collection for Jekyll, so it can find and display your portfolio posts.
 
 ### Feature: Gallery 🖼
 
 You can create a gallery using [Masonry JS](https://masonry.desandro.com/) which will placing the pictures in optimal position 
 based on available vertical space. 
 You need to specify the `gallery_path` which will be used to find the pictures to render. 
-It will take all of the picture under that directory. Then use the `include` to add it in your page. 
+It will take all the pictures under that directory. Then use the `include` to add it in your page. 
 
 ```yml
 
@@ -455,11 +475,10 @@ gallery: "assets/img/pexels"
 {% include default/gallery.html gallery_path=page.gallery %}
 ```
 
-
 ### Feature: Search 🔍
 
 The search feature is based on [Simple-Jekyll-search](https://github.com/christian-fei/Simple-Jekyll-Search) 
-there is a `search.json` file that will create a list of all of the site posts, pages and portfolios. 
+there is a `search.json` file that will create a list of all the site posts, pages and portfolios. 
 
 Then there's a `search.js` displaying the formatted results entered in the `search.html` page.
 
@@ -490,7 +509,7 @@ tags: [sample, markdown, html]
 ---
 ```
 
-> Tags are case sensitive `Tag_nAme` ≠ `tag_name`
+> Tags are case-sensitive `Tag_nAme` ≠ `tag_name`
 
 All the tags will be listed in `tags.html` with a link toward the pages or posts.
 The Tag page can be hidden with the `hide` option. You can remove the icon by removing `icon` (like for the search page).
@@ -551,14 +570,14 @@ Use this command with the title you'd like to create the very basic post.
 gulp post -n 'title of the post'
 ```
 
-A file will be create following the format `yyyy-mm-dd-title-of-the-post.md` with default post attributes inside.
+A file will be created following the format `yyyy-mm-dd-title-of-the-post.md` with default post attributes inside.
 Nothing will happen if the file exists already.
 
 ### Use as Ruby Gem 💎
 
 You can use Type-on-strap as a [gem](https://rubygems.org/gems/type-on-strap). 
 
-Ruby Gem Method
+Using the [Ruby Gem Method](https://sylhare.github.io/2021/03/25/Run-type-on-strap-jekyll-theme-locally.html).
 Add this line to your Jekyll site's Gemfile (or create one):
 
 ```ruby
@@ -584,7 +603,7 @@ Then you can start adding content like:
 
 ### Remote Theme
 
-Now you can use any theme gem with github pages with [29/11/2017 Github Pages Broadcast](https://github.com/blog/2464-use-any-theme-with-github-pages).
+Now you can use any theme gem with GitHub pages with [29/11/2017 Github Pages Broadcast](https://github.com/blog/2464-use-any-theme-with-github-pages).
 For that remove all `theme:` attributes from `_config.yml` and add instead:
 
 ```yml
@@ -593,7 +612,7 @@ remote_theme: sylhare/Type-on-Strap
 
 ## License
 
-This theme is licensed under the [The MIT License (MIT)](https://raw.githubusercontent.com/Sylhare/Type-on-Strap/master/LICENSE)
+This theme is licensed under the [The MIT License (MIT)](/LICENSE)
 
 - Pictures from [Pexels](https://www.pexels.com/) are under Creative Commons Zero (CC0) license
 - Fonts are licensed under the [SIL Open Font License (OFL)](https://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&id=OFL) 

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,14 +31,14 @@
     <!-- 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.12.0 -->
+    <!-- KaTeX 0.13.9 -->
     {% if site.katex or site.theme_settings.katex %}
     <script defer src="{{ '/assets/js/vendor/katex.min.js' | relative_url }}"></script>
     <script defer src="{{ '/assets/js/vendor/auto-render.min.js' | relative_url }}" onload="renderMathInElement(document.body);"></script>

data/_includes/default/navbar.html

@@ -37,7 +37,7 @@
         
         {% if site.color_theme == 'auto' %}
         <li class="separator"> | </li>
-        <li><a id="theme-toggle" title="{{ page.title }} "aria-label="{{ page.title }}" onclick="themeToggle()"></a></li>
+        <li><a id="theme-toggle" title="{{ page.title }} " aria-label="{{ page.title }}" onclick="themeToggle()"></a></li>
         {% endif %}
     </ul>
 

data/_includes/social/cusdis.html

@@ -1,9 +1,10 @@
-<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-theme="{{ site.color_theme }}"
 ></div>
 
 {% if site.data.language.cusdis_lang %}

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

@@ -1,7 +1,8 @@
 {% if site.data.social.rss or site.theme_settings.rss %}
 <li>
     <a feed.xml href="{{ site.data.social.feed.path | default: 'feed.xml' | relative_url }}"
-       title="{{ site.data.language.str_rss_follow | default: 'Follow RSS feed' }}">
+       title="{{ site.data.language.str_rss_follow | default: 'Follow RSS feed' }}"
+       target="_blank">
         <span class="fa-stack fa-lg">
             <i class="fas fa-circle fa-stack-2x"></i>
             <i class="fas fa-rss fa-stack-1x fa-inverse"></i>
@@ -10,98 +11,26 @@
 </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 }}"
+               target="_blank"
+               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 %}"
+		{% if site.comments.utterances.label %}label="{{ site.comments.utterances.label }}"{% endif %}
+        crossorigin="anonymous"
+        async>
+</script>

data/_layouts/{custom.html → custom.md}

@@ -24,14 +24,14 @@ layout: default
 
 </article>
 
+<!-- Post navigation -->
+{% if site.post_navigation %}
+{% include blog/post_nav.html %}
+{% endif %}
+
 <!-- Cusdis -->
 {% if site.cusdis_app_id %}{% include social/cusdis.html %}{% endif %}
 
 <!-- Disqus -->
 {% if site.disqus_shortname or site.theme_settings.disqus_shortname %}
 {% include social/disqus.html %}{% endif %}
-
-<!-- Post navigation -->
-{% if site.post_navigation %}
-{% include blog/post_nav.html %}
-{% endif %}

data/_layouts/default.html

@@ -1,7 +1,6 @@
 <!DOCTYPE html>
 <!--
-    Type on Strap jekyll theme v2.3.5
-    Copyright 2016-2021 Sylhare
+    Type on Strap jekyll theme v2.3.9
     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

@@ -32,18 +32,21 @@ layout: default
 
 </article>
 
+<!-- Post navigation -->
+{% if site.post_navigation  or site.theme_settings.post_navigation %}
+{% include blog/post_nav.html %}
+{% endif %}
+
+<!--Utterances-->
+{% if site.comments.utterances.repo and site.comments.utterances.issue-term %} {% 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 %}
 
-<!-- Post navigation -->
-{% if site.post_navigation  or site.theme_settings.post_navigation %}
-  {% include blog/post_nav.html %}
-{% endif %}
-
 <!-- To change color of links in the page -->
 <style>
   header#main {