type-on-strap 2.3.4 → 2.3.5

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: c0098429517f562b4330cd6a7d47f23f08813f6c5c09d7f46465fa4eddd04d97
-  data.tar.gz: ebef52e66c8cee36cf4b3dbe24abf3e0284be381a0aed6c0367cfaac28262797
+  metadata.gz: 478babd84de11e9924830b336ad9741deec1e41d437c36747a53060c6c185a87
+  data.tar.gz: 5a2f74dcb75f627ce7542b34c1b7a76229d6189ec80ea7e3bd19a87d7db79727
 SHA512:
-  metadata.gz: 97ea3d7ba30682bb78c0f12706fc2aa85fda34f81499ffa5d3f7643394a919503f3ed02270fa9f70212ea7a0dea3397b992c08306093fa172269eeaca82f4bbe
-  data.tar.gz: 2a8dcbea38807ff11d3860f063ce11a3921d8e35bf23b35f433eec599f915a90e9be38b3684e463a1c154f0b184fd5462aac431cc481c1b17d4079afc458f330
+  metadata.gz: 459a18b0e0e372db95920cfa1dedcb6d835c54af709fd13d41a60648df05d952d9edc2a455edc4e6e3411f17b1a215b64bc92219eeb895285f66dc4909f7595c
+  data.tar.gz: '059f94bb911213c4ea06f7109ddf46e25358afd2a581250e27b9701cc416249a6ba114b7752a45230ffbbc7ed6279f2fe81077599d2114b8bfbb2fd77cb48675'

data/README.md

@@ -4,7 +4,7 @@
 [![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/screenshot.png?raw=true)](https://sylhare.github.io/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:
 
@@ -18,6 +18,7 @@ A free and open-source [Jekyll](https://jekyllrb.com) theme. Based on Rohan Chan
 * 🖋 Nice fonts: [Font Awesome](https://fontawesome.com/), [Source Sans Pro](https://fonts.google.com/specimen/Source+Sans+Pro), [Pacifico](https://fonts.google.com/specimen/Pacifico?selection.family=Pacifico) 
 * Seo Tags: [Jekyll-seo-tag](https://github.com/jekyll/jekyll-seo-tag)
 * 🛠 Syntax Highlighting: Easily customisable [Base16](https://github.com/chriskempson/base16)
+* 💡 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/)
@@ -44,7 +45,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`](https://github.com/Sylhare/Type-on-Strap#site-configuration)
 5. Run the Jekyll server: `bundle exec jekyll serve`
 
 ## Structure
@@ -87,7 +88,7 @@ If a variable in this document is marked as "optional", disable the feature by r
 
 ### Site configuration
 
-Configure Jekyll as your own blog or with a "baseurl" in in `_config.yml`:
+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):
 
@@ -117,9 +118,12 @@ title: My Jekyll Blog                 # Name of website
 avatar: assets/img/triangle.png       # Path of avatar image, to be displayed in the theme's header
 description: My blog posts            # Short description, primarily used by search engines
 favicon: assets/favicon.ico           # Icon displayed in the tab
+color_theme: auto                     # color theme auto, dark or light
 ```
 
 You can also customize the seo tags default option following the jekyll-seo-tag plugin [documentation](http://jekyll.github.io/jekyll-seo-tag/advanced-usage/).
+The color theme can be set to dark or light (customize it in _variables.scss_). 
+Using _auto_ you'll have a tiny icon in the navbar allowing the use to manually switch from dark to light theme.
 
 ### Theme customization 🎨
 
@@ -140,7 +144,7 @@ If you don't want anything, replace the value by `" "`.
 Localization string is a way to quickly change the template language for text like *Next Post* or *Follow on*, ...
 You can find all the properties in `_data/language.yml`.
 
-By default it is in english, but you can easily add your own language.
+By default, it is in english, but you can easily add your own language.
 
 ### Google Analytics
 
@@ -151,7 +155,9 @@ to `_config.yml` like so:
 google_analytics: UA-NNNNNNNN-N
 ```
 
-### Comments (via Disqus)
+### Comments 
+
+#### Disqus
 
 Optionally, if you have a [Disqus](https://disqus.com/) account, you can show a 
 comments section below each post.
@@ -163,12 +169,23 @@ to your project's `_config.yml` file:
 disqus_shortname: my_disqus_shortname
 ```
 
+#### Cusdis
+
+[Cusdis](https://cusdis.com/) is an open source alternative to Disqus.
+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                                     
+```
+
 ### Math typesetting with KateX
 
 When KateX is set in `_config.yml`:
 
 ```yml
-katex: true # to Enable it
+katex: true # to enable it
 ```
 
 You can then wrap math expressions with `$$` signs in your posts and make sure you have set the `katex` variable 
@@ -254,7 +271,7 @@ Please refer to the [Jekyll docs for writing posts](https://jekyllrb.com/docs/po
 
 #### Layout: Post
 
-This are the basic features you can use with the  `post` layout.
+These are the basic features you can use with the `post` layout.
 
 ```yml
 
@@ -305,7 +322,7 @@ some text in the excerpt
 ... rest of the text not shown in the excerpt ...
 ```
 
-The html is stripped out of the excerpt so it only display text.
+The html is stripped out of the excerpt, so it only displays text.
 
 #### Image aligner
 
@@ -315,8 +332,8 @@ To easily add align images side by side in your article using the `aligner.html`
 {% include aligner.html images="path/to/img1.png,path/to/img2.png,path/to/img3.png" column=3 %}
 ```
 
-Use it in any markdown file. There are two fields in the include you need to look into:
-  - _images_: Takes a string separated with `,` of all the images path. 
+Use it in any markdown file. There are two fields in the _include_ you need to look into:
+  - _images_: Takes a string separated with `,` of all the images' path. 
     - It by default look into `assets/img/` so give the path from there.
   - _column_: (OPTIONAL) Set the number of column you want your imaged displayed in.
     - default is 2 columns
@@ -386,7 +403,7 @@ layout: page
 title : Portfolio 
 ---
 
-{% include portfolio.html %}
+{% include default/portfolio.html %}
 ```
 
 #### Portfolio posts
@@ -435,7 +452,7 @@ title: Gallery
 gallery: "assets/img/pexels"
 ---
 
-{% include gallery.html gallery_path=page.gallery %}
+{% include default/gallery.html gallery_path=page.gallery %}
 ```
 
 

data/_data/language.yml

@@ -16,3 +16,5 @@ str_cookie_approve: "Approve"
 str_cookie_disclaimer: "We would like to use third party cookies and scripts to improve the functionality of this website."
 str_months: [January, February, March, April, May, June, July, August, September, October, November, December]
 
+# Localization settings 
+cusdis_lang: # zh-cn, es, tr, pt-BR

data/_includes/{blog.html → blog/blog.html}

@@ -18,7 +18,7 @@
                 {{ post.title }}
               </a>
             </h1>
-            {% include post_info.html author=post.author date=post.date %}
+            {% include blog/post_info.html author=post.author date=post.date %}
           </header>
           {% if site.excerpt or site.theme_settings.excerpt %}
               <div class="excerpt">
@@ -34,4 +34,4 @@
     {% endfor %}
 </div>
 
-{% include blog_nav.html %}
+{% include blog/blog_nav.html %}

data/_includes/{footer.html → default/footer.html}

@@ -4,7 +4,7 @@
             <div class="footer-icons">
                 <ul>
                 <!-- Social icons from Font Awesome, if enabled -->
-                {% include icons.html %}
+                {% include social/icons.html %}
                 </ul>
             </div>
 </footer>

data/_includes/{head.html → default/head.html}

@@ -2,6 +2,19 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=0.5, maximum-scale=5">
 
+    <!-- Theme Mode-->
+    {% if site.color_theme == 'auto' %}
+    <script>
+        const isAutoTheme = true;
+        document.documentElement.setAttribute('data-theme', sessionStorage.getItem('theme'))
+    </script>
+    {% else %}
+    <script>
+        const isAutoTheme = false;
+        document.documentElement.setAttribute('data-theme', "{{ site.color_theme | default: 'light' }}")
+    </script>
+    {% endif %}
+
     <!-- Main JS (navbar.js, katex_init.js and masonry_init.js)-->
     <script defer src="{{ '/assets/js/main.min.js' | relative_url }}"></script>
     
@@ -13,7 +26,7 @@
 
     <!-- RSS -->
     <link rel="alternate" type="application/atom+xml" title="{{ site.title | default: 'Title' }}" href="{{ 'feed.xml' | absolute_url }}"/>
-    
+
     {% if page.bootstrap %}
     <!-- Bootstrap-4.1.3 isolation CSS -->
     <link rel="stylesheet" type="text/css" href="{{ '/assets/css/vendor/bootstrap-iso.min.css' | relative_url }}">

data/_includes/{navbar.html → default/navbar.html}

@@ -34,6 +34,11 @@
             {% endunless %}
             {% assign name_page = page.title | append: name_page %}
         {% endfor %}
+        
+        {% 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>
+        {% endif %}
     </ul>
 
 	</nav>

data/_includes/gallery.html

@@ -4,7 +4,6 @@ html { overflow-y: scroll; }
     
 /* To overwrite page's padding, to get bigger images */
 /* article {padding:2%;} */
-
 </style>
 
 <div id='masonry' class="grid">
@@ -19,5 +18,5 @@ html { overflow-y: scroll; }
 {% endfor %}
 </div> 
 
-<script src="{{ "/assets/js/vendor/imagesloaded.min.js" | relative_url }}" type="text/javascript"></script>
-<script src="{{ "/assets/js/vendor/masonry.pkgd.min.js" | relative_url }}" type="text/javascript"></script>
+<script src="{{ '/assets/js/vendor/imagesloaded.min.js' | relative_url }}" type="text/javascript"></script>
+<script src="{{ '/assets/js/vendor/masonry.pkgd.min.js' | relative_url }}" type="text/javascript"></script>

data/_includes/social/cusdis.html

@@ -0,0 +1,12 @@
+<div class="comments" id="cusdis"
+  data-host="https://cusdis.com"
+  data-app-id="{{ site.cusdis_app_id }}"
+  data-page-id="{{ page.relative_path }}"
+  data-page-url="{{ page.url }}"
+  data-page-title="{{ page.title }}"
+></div>
+
+{% if site.data.language.cusdis_lang %}
+<script defer src="https://cusdis.com/js/widget/lang/{{ site.data.language.cusdis_lang }}.js"></script>
+{% endif %}
+<script async src="https://cusdis.com/js/cusdis.es.js"></script>

data/_includes/social/icon_partial.html

@@ -0,0 +1,11 @@
+{% 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 %}

data/_includes/social/icons.html

@@ -0,0 +1,107 @@
+{% 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' }}">
+        <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>
+        </span>
+    </a>
+</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" %}

data/_includes/{share_buttons.html → social/share_buttons.html}

@@ -10,72 +10,80 @@
 
 <div class="share-buttons">
     <ul class="share-buttons">
-        <div class="meta">Share</div>
+        <li class="meta">Share</li>
         {% if site.data.social.share.facebook or site.theme_settings.share_buttons.facebook %}
         <li>
-            <a href="https://www.facebook.com/sharer/sharer.php?u={{ page.url | absolute_url }}" target="_blank" title="{{ site.data.social.language.str_share_on }} Facebook">
-			<i class="fab fa-facebook-square fa-2x" aria-hidden="true"></i>
-			<span class="sr-only">{{ site.data.social.language.str_share_on | default: "Share on" }} Facebook</span>
-		</a>
+            <a href="https://www.facebook.com/sharer/sharer.php?u={{ page.url | absolute_url }}" target="_blank"
+               title="{{ site.data.social.language.str_share_on }} Facebook">
+                <i class="fab fa-facebook-square fa-2x" aria-hidden="true"></i>
+                <span class="sr-only">{{ site.data.social.language.str_share_on | default: "Share on" }} Facebook</span>
+            </a>
         </li>
         {% endif %} {% if site.data.social.share.twitter or site.theme_settings.twitter %}
         <li>
-            <a href="https://twitter.com/intent/tweet?text={{ page.title | strip_html | url_encode }}%20{{ page.url | absolute_url | url_encode }}" target="_blank" title="{{ site.data.social.language.str_tweet }}">
-			<i class="fab fa-twitter-square fa-2x" aria-hidden="true"></i>
-			<span class="sr-only">{{ site.data.social.language.str_tweet | default: "Tweet" }}</span>
-		</a>
+            <a href="https://twitter.com/intent/tweet?text={{ page.title | strip_html | url_encode }}%20{{ page.url | absolute_url | url_encode }}"
+               target="_blank" title="{{ site.data.social.language.str_tweet }}">
+                <i class="fab fa-twitter-square fa-2x" aria-hidden="true"></i>
+                <span class="sr-only">{{ site.data.social.language.str_tweet | default: "Tweet" }}</span>
+            </a>
         </li>
         {% endif %} {% if site.data.social.share.tumblr or site.theme_settings.tumblr %}
         <li>
-            <a href="https://www.tumblr.com/share?v=3&u={{ page.url | absolute_url }}&quote={{ page.title | url_encode }}%20%7C%20{{ site.title | strip_html | url_encode }}&s=" target="_blank" title="{{ site.data.social.language.str_share_on }} Tumblr">
-			<i class="fab fa-tumblr-square fa-2x" aria-hidden="true"></i>
-			<span class="sr-only">{{ site.data.social.language.str_share_on | default: "Share on" }} Tumblr</span>
-		</a>
+            <a href="https://www.tumblr.com/share?v=3&u={{ page.url | absolute_url }}&quote={{ page.title | url_encode }}%20%7C%20{{ site.title | strip_html | url_encode }}&s="
+               target="_blank" title="{{ site.data.social.language.str_share_on }} Tumblr">
+                <i class="fab fa-tumblr-square fa-2x" aria-hidden="true"></i>
+                <span class="sr-only">{{ site.data.social.language.str_share_on | default: "Share on" }} Tumblr</span>
+            </a>
         </li>
         {% endif %} {% if site.data.social.share.pinterest or site.theme_settings.pinterest %}
         <li>
-            <a href="https://pinterest.com/pin/create/button/?url={{ page.url | absolute_url }}&media={{ page.feature-img | absolute_url }}$description={{ page.excerpt | strip_html | url_encode }}" target="_blank" title="{{ site.data.social.language.str_pin_it }}">
-			<i class="fab fa-pinterest-square fa-2x" aria-hidden="true"></i>
-			<span class="sr-only">{{ site.data.social.language.str_pin_it | default: "Pin it" }}</span>
-		</a>
+            <a href="https://pinterest.com/pin/create/button/?url={{ page.url | absolute_url }}&media={{ page.feature-img | absolute_url }}$description={{ page.excerpt | strip_html | url_encode }}"
+               target="_blank" title="{{ site.data.social.language.str_pin_it }}">
+                <i class="fab fa-pinterest-square fa-2x" aria-hidden="true"></i>
+                <span class="sr-only">{{ site.data.social.language.str_pin_it | default: "Pin it" }}</span>
+            </a>
         </li>
         {% endif %} {% if site.data.social.share.pocket or site.theme_settings.pocket %}
         <li>
-            <a href="https://getpocket.com/save?url={{ page.url | absolute_url }}&title={{ page.title | strip_html | url_encode }}%20%7C%20{{ site.title | strip_html | url_encode }}" target="_blank" title="{{ site.data.social.language.str_add_to }} Pocket">
+            <a href="https://getpocket.com/save?url={{ page.url | absolute_url }}&title={{ page.title | strip_html | url_encode }}%20%7C%20{{ site.title | strip_html | url_encode }}"
+               target="_blank" title="{{ site.data.social.language.str_add_to }} Pocket">
             <span class="fa-stack fa-1x" style="vertical-align: top">
               <i class="fas fa-square fa-stack-2x" aria-hidden="true"></i>
               <i class="fab fa-get-pocket fa-stack-1x fa-inverse" aria-hidden="true"></i>
             </span>
-			<span class="sr-only">{{ site.data.social.language.str_add_to | default: "Add to" }} Pocket</span>
-		</a>
+                <span class="sr-only">{{ site.data.social.language.str_add_to | default: "Add to" }} Pocket</span>
+            </a>
         </li>
         {% endif %} {% if site.data.social.share.reddit or site.theme_settings.reddit %}
         <li>
-            <a href="https://www.reddit.com/submit?url={{ page.url | absolute_url }}&title={{ page.title | strip_html | url_encode }}%20%7C%20{{ site.title | strip_html | url_encode }}" target="_blank" title="{{ site.data.social.language.str_share_on }} Reddit">
-			<i class="fab fa-reddit-square fa-2x" aria-hidden="true"></i>
-			<span class="sr-only">{{ site.data.social.language.str_share_on | default: "Share on" }} Reddit</span>
-		</a>
+            <a href="https://www.reddit.com/submit?url={{ page.url | absolute_url }}&title={{ page.title | strip_html | url_encode }}%20%7C%20{{ site.title | strip_html | url_encode }}"
+               target="_blank" title="{{ site.data.social.language.str_share_on }} Reddit">
+                <i class="fab fa-reddit-square fa-2x" aria-hidden="true"></i>
+                <span class="sr-only">{{ site.data.social.language.str_share_on | default: "Share on" }} Reddit</span>
+            </a>
         </li>
         {% endif %} {% if site.data.social.share.linkedin or site.theme_settings.linkedin %}
         <li>
-            <a href="https://www.linkedin.com/shareArticle?mini=true&url={{ page.url | absolute_url }}&title={{ page.title | strip_html | url_encode }}%20%7C%20{{ site.title | strip_html | url_encode }}&summary=&source={{ page.url | absolute_url }}" target="_blank" title="{{ site.data.social.language.str_share_on }} LinkedIn">
-			<i class="fab fa-linkedin fa-2x" aria-hidden="true"></i>
-			<span class="sr-only">{{ site.data.social.language.str_share_on | default: "Share on" }} LinkedIn</span>
-		</a>
+            <a href="https://www.linkedin.com/shareArticle?mini=true&url={{ page.url | absolute_url }}&title={{ page.title | strip_html | url_encode }}%20%7C%20{{ site.title | strip_html | url_encode }}&summary=&source={{ page.url | absolute_url }}"
+               target="_blank" title="{{ site.data.social.language.str_share_on }} LinkedIn">
+                <i class="fab fa-linkedin fa-2x" aria-hidden="true"></i>
+                <span class="sr-only">{{ site.data.social.language.str_share_on | default: "Share on" }} LinkedIn</span>
+            </a>
         </li>
         {% endif %} {% if site.data.social.share.wordpress or site.theme_settings.wordpress %}
         <li>
-            <a href="https://wordpress.com/press-this.php?u={{ page.url | absolute_url }}&quote={{ page.title | strip_html | url_encode }}%20%7C%20{{ site.title | strip_html | url_encode }}&s=" target="_blank" title="{{ site.data.social.language.str_share_on }} WordPress">
-			<i class="fab fa-wordpress fa-2x" aria-hidden="true"></i>
-			<span class="sr-only">{{ site.data.social.language.str_share_on | default: "Share on" }} WordPress</span>
-		</a>
+            <a href="https://wordpress.com/press-this.php?u={{ page.url | absolute_url }}&quote={{ page.title | strip_html | url_encode }}%20%7C%20{{ site.title | strip_html | url_encode }}&s="
+               target="_blank" title="{{ site.data.social.language.str_share_on }} WordPress">
+                <i class="fab fa-wordpress fa-2x" aria-hidden="true"></i>
+                <span class="sr-only">{{ site.data.social.language.str_share_on | default: "Share on" }} WordPress</span>
+            </a>
         </li>
         {% endif %} {% if site.data.social.share.email or site.theme_settings.email %}
         <li>
-            <a href="mailto:?subject={{ page.title }}%20%7C%20{{ site.title  }}&body={{ page.url | absolute_url }}" target="_blank" title="{{ site.data.social.language.str_email }}">
-			<i class="fas fa-envelope-square fa-2x" aria-hidden="true"></i>
-			<span class="sr-only">{{ site.data.social.language.str_email | default: "Email" }}</span>
-		</a>
+            <a href="mailto:?subject={{ page.title }}%20%7C%20{{ site.title  }}&body={{ page.url | absolute_url }}"
+               target="_blank" title="{{ site.data.social.language.str_email }}">
+                <i class="fas fa-envelope-square fa-2x" aria-hidden="true"></i>
+                <span class="sr-only">{{ site.data.social.language.str_email | default: "Email" }}</span></a>
         </li>
         {% endif %}
     </ul>