type-on-strap 2.3.4 → 2.3.8

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,13 @@
+<div class="comments" id="cusdis_thread"
+  data-host="https://cusdis.com"
+  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 %}
+<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/{disqus.html → 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

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

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}

@@ -4,29 +4,34 @@ layout: default
 
 <article {% if page.feature-img %}class="feature-image" {% endif %} style="padding:0;">
     <header id="main" style="background-image: url('{{ page.feature-img | relative_url }}')">
+        {% unless page.hide_title %}
         <h1 id="{{ page.title | cgi_escape }}" class="title">{{ page.title }}</h1>
-        {% if include.is_post %}
-        {% include post_info.html author=page.author date=page.date %}
-        {% else %}
+        {% endunless %}
+        {% if page.is_post %}
+        {% include blog/post_info.html author=page.author date=page.date %}
+        {% endif %}
     </header>
     <section class="post-content">{{ content }}</section>
 
     <div style="display: inline-block;">
         <!-- Social media shares -->
-        {% if include.is_post %} {% include share_buttons.html %} {% endif %}
+        {% if include.is_post %} {% include social/share_buttons.html %} {% endif %}
 
         <!-- Tag list -->
         {% capture tag_list %}{{ page.tags | join: "|"}}{% endcapture %}
-        {% include tags_list.html tags=tag_list %}
+        {% include default/tags_list.html tags=tag_list %}
     </div>
 
 </article>
 
-<!-- Disqus -->
-{% if site.disqus_shortname or site.theme_settings.disqus_shortname %}
-{% include disqus.html %}{% endif %}
-
 <!-- Post navigation -->
 {% if site.post_navigation %}
-{% include post_nav.html %}
+{% 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 %}

data/_layouts/default.html

@@ -1,17 +1,16 @@
 <!DOCTYPE html>
 <!--
-    Type on Strap jekyll theme v2.3.4
-    Copyright 2016-2021 Sylhare
+    Type on Strap jekyll theme v2.3.8
     Theme free for personal and commercial use under the MIT license
     https://github.com/sylhare/Type-on-Strap/blob/master/LICENSE
 -->
 <html lang="en">
-  {% include head.html %}
+  {% include default/head.html %}
   <body>
-    {% include navbar.html %}
+    {% include default/navbar.html %}
     <div class="content">
       {{ content }}
     </div>
-    {% include footer.html %}
+    {% include default/footer.html %}
   </body>
 </html>

data/_layouts/home.html

@@ -9,6 +9,6 @@ layout: default
         <h1> {{ site.header_text | default: "Change <code>header_text</code> in <code>_config.yml</code>"}} </h1>
     </div>
 
-    {% include blog.html %}
+    {% include blog/blog.html %}
 
 </div>

data/_layouts/page.html

@@ -30,6 +30,6 @@ layout: default
 
   <!-- Tag list for portfolio -->
   {% capture tag_list %}{{ page.tags | join: "|"}}{% endcapture %}
-  {% include tags_list.html tags=tag_list %}
+  {% include default/tags_list.html tags=tag_list %}
 
 </article>

data/_layouts/post.html

@@ -8,7 +8,7 @@ layout: default
       <div class="feature-image-padding"></div>
       {% else %}
       <h1 id="{{ page.title | cgi_escape }}" class="title">{{ page.title }}</h1>
-      {% include post_info.html author=page.author date=page.date %}
+      {% include blog/post_info.html author=page.author date=page.date %}
       {% endif %}
     </div>
   </header>
@@ -24,23 +24,29 @@ layout: default
   </section>
 
   <!-- Social media shares -->
-  {% include share_buttons.html %}
+  {% include social/share_buttons.html %}
 
    <!-- Tag list -->
   {% capture tag_list %}{{ page.tags | join: "|"}}{% endcapture %}
-  {% include tags_list.html tags=tag_list %}
+  {% include default/tags_list.html tags=tag_list %}
 
 </article>
 
-<!-- Disqus -->
-{% if site.disqus_shortname or site.theme_settings.disqus_shortname %}
-{% include disqus.html %}{% endif %}
-
 <!-- Post navigation -->
 {% if site.post_navigation  or site.theme_settings.post_navigation %}
-  {% include post_nav.html %}
+{% 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.comments.cusdis_app_id or site.cusdis_app_id %}{% include social/cusdis.html %}{% endif %}
+
+<!-- Disqus -->
+{% 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 -->
 <style>
   header#main {

data/_layouts/tags.html

@@ -29,7 +29,7 @@ layout: page
     {% endfor %}
 
     <!-- Displays the list of tags-->
-    {% include tags_list.html tags=rawtags %}
+    {% include default/tags_list.html tags=rawtags %}
 
     <!-- Displays the posts and pages that contains the tag-->
     <div class="posts">
@@ -51,7 +51,7 @@ layout: page
                     <i class="far fa-file-image" aria-hidden="true"></i>
                     {{ page.title }}
                 </a>
-                {% include post_info.html date=page.date %}
+                {% include blog/post_info.html date=page.date %}
             </h5>
             {% endif %}
             {% endfor %}
@@ -65,7 +65,7 @@ layout: page
                     {{ post.title }}
                 </a>
 
-                {% include post_info.html date=post.date %}
+                {% include blog/post_info.html date=post.date %}
             </h5>
             {% endif %}
             {% endfor %}
@@ -79,7 +79,7 @@ layout: page
                     {{ note.title }}
                 </a>
 
-                {% include post_info.html date=note.date %}
+                {% include blog/post_info.html date=note.date %}
             </h5>
             {% endif %}
             {% endfor %}

data/_sass/base/_global.scss

@@ -8,26 +8,21 @@ figure {
   margin: 0;
 }
 
-// For correct line number width in Github Gists
-.gist table tbody tr td {
-  box-sizing: content-box;
-}
-
 html {
-  background: $background-color;
+  background: var(--background);
 }
 
 // Typography
 ::selection {
-  background: $selection-color;
+  background: var(--selection);
 }
 
 ::-moz-selection {
-  background: $selection-color;
+  background: var(--selection);
 }
 
 body {
-  color: $text-color;
+  color: var(--text);
   font-family: $font-family-main;
   font-size: $font-size;
   word-wrap: break-word;
@@ -44,7 +39,7 @@ h6 {
   margin: 0.67em 0;
 
   a {
-    color: $text-color;
+    color: var(--text);
   }
 
 }
@@ -142,11 +137,11 @@ img[align=right] {
 }
 
 blockquote {
-  border-left: 2px solid darken($blockquote-color, 20%);
+  border-left: 2px solid #9fd2e3;
   margin: 1em 1em;
   padding: 0.75em 1em;
-  background-color: $blockquote-color;
-  box-shadow: 0 2px 2px $border-color;
+  background-color: var(--blockquote);
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
 }
 
 blockquote *:last-child,
@@ -164,7 +159,7 @@ table {
 td,
 th {
   padding: 0.5em 1em;
-  border: 1px solid $border-color;
+  border: 1px solid var(--border);
   text-align: left;
 }
 
@@ -192,12 +187,6 @@ dl,
   margin-bottom: 1em;
 }
 
-// KaTeX math display
-.math-display {
-  display: inline-block;
-  width: 100%;
-}
-
 // Lists within lists
 li {
   p {
@@ -220,13 +209,13 @@ ul {
 
 hr {
   border: 0;
-  border-top: 1px solid $border-color;
+  border-top: 1px solid var(--border);
   border-bottom: 1px solid #fff;
   margin: 1em 0;
 }
 
 a {
-  color: $link-color;
+  color: var(--link);
   text-decoration: none;
 }
 
@@ -243,3 +232,49 @@ kbd {
   padding: 2px 4px;
   white-space: nowrap;
 }
+
+// Cookie consent
+#cookie-notice {
+  padding: 0.5rem 1rem;
+  display: none;
+  text-align: center;
+  position: fixed;
+  bottom: 0;
+  width: 100%;
+  background: rgba(2, 2, 2, 0.85);
+  color: lightgray;
+  z-index: 1000;
+}
+
+#cookie-notice a {
+  display: inline-block;
+  cursor: pointer;
+  margin-left: 0.6rem;
+}
+
+/* Vendor tweaks */
+// For correct line number width in Github Gists
+.gist table tbody tr td {
+  box-sizing: content-box;
+}
+
+// KaTeX math display
+.math-display {
+  display: inline-block;
+  width: 100%;
+}
+
+// Mermaid
+.mermaid {
+  background-color: rgba(255, 255, 255, 0.9);
+  border-radius: 2%;
+}
+
+.mermaid > svg {
+  margin: auto;
+  display: block;
+  height: auto;
+  padding-bottom: 2em;
+  padding-top: 2em;
+  max-width: 100%;
+}