chulapa-jekyll 1.0.1 → 2.0.0

data/_includes/components/cusdis.html

@@ -0,0 +1,18 @@
+{% if site.comments.cusdis_app_id %}
+<div class="container">
+  <div class="row">
+    <div class="col-lg-8 offset-lg-2">
+      <div id="cusdis_thread"
+      class = "py-4"
+      data-host="{{ site.comments.cusdis_host | default: 'https://cusdis.com' }}"
+      data-app-id="{{ site.comments.cusdis_app_id }}"
+      data-page-id="{{ include.pageid }}"
+      data-page-url="{{ include.pageurl | absolute_url }}"
+      data-page-title="{{ include.pagetitle }}"
+      ></div>
+      <script async defer src="{{ '/assets/js/cusdis/chulapa_cusdis.js' | absolute_url }}"></script>
+    </div>
+  </div>
+</div>
+
+{% endif %}

data/_includes/components/disqus.html

@@ -1,5 +1,5 @@
 {% if site.comments.disqus_shortname %}
-<div class="container-lg">
+<div class="container">
   <div class="row">
     <div id="disqus_thread" class="col-lg-8 offset-lg-2"></div>
     <script>

data/_includes/components/headers.html

@@ -5,10 +5,10 @@
 <header class="d-flex align-items-center splash-chulapa">
   {%- endif -%}
   <div class="container-lg">
-    <h1>{{- page.title | default: "Where's your title?" -}}</h1>
+    <h1 class="p-name" >{{- page.title | default: "Where's your title?" -}}</h1>
     {%- if page.subtitle -%}
     <hr class="my-3">
-    <p class="chulapa-subtitle">{{- page.subtitle -}}</p>
+    <p class="chulapa-subtitle p-summary">{{- page.subtitle -}}</p>
     {%- endif -%}
     {% if include.projects %}
     <div class="btn-group-vertical btn-group-lg mt-5 text-center" role="group">
@@ -27,10 +27,10 @@
 <header class="d-flex align-items-center hero-chulapa">
   {%- endif -%}
   <div class="container-lg py-4">
-    <h1>{{- page.title | default: "Where's your title?" -}}</h1>
+    <h1 class="p-name">{{- page.title | default: "Where's your title?" -}}</h1>
     {%- if page.subtitle -%}
     <hr class="my-3">
-    <p class="chulapa-subtitle">{{- page.subtitle -}}</p>
+    <p class="chulapa-subtitle p-summary">{{- page.subtitle -}}</p>
     {%- endif -%}
         {% if include.projects %}
     <div class="btn-group-vertical btn-group-lg mt-2 text-center" role="group">
@@ -51,9 +51,9 @@
       <div class="container-lg mt-2">
         <div class="row">
             <div class="col-lg-8 offset-lg-2">
-            <h1>{{- page.title | default: "Where's your title?" -}}</h1>
+            <h1 class="p-name">{{- page.title | default: "Where's your title?" -}}</h1>
             {%- if page.subtitle -%}
-            <p class="lead chulapa-subtitle">{{- page.subtitle -}}</p>
+            <p class="lead chulapa-subtitle p-summary">{{- page.subtitle -}}</p>
             {%- endif -%}
             {% if include.projects %}
     <div class="btn-group btn-group-sm my-1 text-center" role="group">
@@ -77,9 +77,9 @@
       <div class="container-lg mt-2">
         <div class="row">
             <div class="col-lg-8 offset-lg-2">
-            <h1>{{- page.title | default: "Where's your title?" -}}</h1>
+            <h1 class="p-name">{{- page.title | default: "Where's your title?" -}}</h1>
             {%- if page.subtitle -%}
-            <p class="lead chulapa-subtitle">{{- page.subtitle -}}</p>
+            <p class="lead chulapa-subtitle p-summary">{{- page.subtitle -}}</p>
             {%- endif -%}
             {% if include.projects %}
     <div class="btn-group btn-group-sm my-1 text-center" role="group">
@@ -102,9 +102,9 @@
       <div class="container-lg mt-2">
         <div class="row">
             <div class="col-lg-8 offset-lg-2">
-            <h1>{{- page.title | default: "Where's your title?" -}}</h1>
+            <h1 class="p-name">{{- page.title | default: "Where's your title?" -}}</h1>
             {%- if page.subtitle -%}
-            <p class="lead chulapa-subtitle">{{- page.subtitle -}}</p>
+            <p class="lead chulapa-subtitle p-summary">{{- page.subtitle -}}</p>
             {%- endif -%}
                         {% if include.projects %}
     <div class="btn-group btn-group-sm my-1 text-center" role="group">

data/_includes/components/indexcards.html

@@ -1,7 +1,7 @@
 {%- assign alldocs = include.cacheddocs -%}
    {% for post in alldocs limit: include.cachedlimit %} 
 <div class="col-12 mb-2">
-<div class="card border-primary ">
+<div class="card chulapa-border-card-index">
 	<div class="row g-0">
 		<a href="{{- post.url | absolute_url -}}" class="col-sm-1 chulapa-min-h-10 chulapa-card-img chulapa-overlay-img chulapa-gradient {% if post.header_img == nil or post.og_image -%} d-none d-sm-flex {% endif %} "
 {% if post.header_img or post.og_image  -%} style="background-image: url('{{- post.og_image | default: post.header_img | absolute_url -}}')"{%-endif-%}>

data/_includes/components/navbeforeafter.html

@@ -6,16 +6,35 @@
 {%- if page.previous.url -%}
  {%- assign classitemprevious = "" -%}
 {%- endif -%}
+{%- assign titleitemprevious = page.previous.title | strip_html  | truncate: 30  -%}
+{%- assign titleitemnext = page.next.title | strip_html  | truncate: 30  -%}
+
+
 
 <nav aria-label="Navigation" class="container-lg chulapa-pagination  ">
   <ul class="col-lg-8 offset-lg-2 pagination chulapa-pagination-round px-0 ">
-    <li class="page-item text-left mr-auto {{ classitemprevious -}}">
-      <a class="page-link border-0 px-4" href="{{ page.previous.url | absolute_url }}" tabindex="-1">
+    <li class="page-item text-left mr-0 {{ classitemprevious -}}">
+      <a class="page-link border-0 px-4" href="{{ page.previous.url | absolute_url | default: "#" }}" tabindex="-1">
 	  <i class="fa fa-chevron-left" aria-hidden="true"></i><span class="sr-only">Previous</span>
 	  </a>
     </li>
-    <li class="page-item text-right ml-auto {{ classitemnext -}}">
-      <a class="page-link border-0 px-4" href="{{ page.next.url | absolute_url }}">
+    <li class="page-item border-0 disabled text-left ml-0 mr-auto d-none d-md-inline {{ classitemprevious -}}">
+      <p class="page-link chulapa-label">{{ titleitemprevious }}</p>
+    </li>
+    <li class="page-item border-0 disabled text-left ml-0 mr-auto d-none d-sm-inline d-md-none {{ classitemprevious -}}">
+      <p class="page-link chulapa-label">{{ titleitemprevious | truncate: 17 }}</p>
+    </li>
+	  <li class="page-item disabled mx-auto invisible">
+	   <p class="page-link">|</p>
+	  </li>	
+	  <li class="page-item border-0 disabled text-right mr-0 ml-auto d-none d-sm-inline d-md-none {{ classitemnext -}}">
+	    <p class="page-link chulapa-label">{{ titleitemnext | truncate: 17 }}</p>
+	  </li>
+	  <li class="page-item border-0 disabled text-right mr-0 ml-auto d-none d-md-inline {{ classitemnext -}}">
+	    <p class="page-link chulapa-label">{{ titleitemnext }}</p>
+	  </li>
+    <li class="page-item text-right ml-0 {{ classitemnext -}}">
+      <a class="page-link border-0 px-4" href="{{ page.next.url | absolute_url | default: "#" }}">
 	  <i class="fa fa-chevron-right" aria-hidden="true"></i><span class="sr-only">Next</span></a>
     </li>
   </ul>

data/_includes/components/related.html

@@ -0,0 +1,72 @@
+
+{%- if page.tags -%}
+{%- assign alldocs = site.documents |  where_exp: "item", "item.url != page.url"  -%}
+
+
+{%- for tag in page.tags %}
+  {%- if forloop.first -%}
+    {%- assign relateddocs = alldocs | 
+                    where_exp: "item", "item.tags contains tag" | map: 'id' | join: ','  | split: ',' -%}
+                    
+  {%- else -%}
+    {%- assign docloop = alldocs | 
+                    where_exp: "item", "item.tags contains tag" | map: 'id' | join: ','  | split: ',' -%}
+    {%- assign relateddocs = relateddocs | concat: docloop  %}
+  {%- endif -%}
+{%- endfor -%}
+
+{%- assign thiscol = alldocs | where_exp: "item", "item.collection == page.collection"   | map: 'id' | join: ','  | split: ',' -%}
+
+{%- assign groupurl =  relateddocs | concat: thiscol | group_by: id | sort: 'size' | reverse  -%}
+
+{% assign groupurl = groupurl | where_exp: "item", "item.size > 2"  -%}
+
+
+{% for id in groupurl limit:3 %}
+  {%- if forloop.first -%}
+  {% assign reldoc = alldocs | where_exp: "item", "item.id == id.name" %}
+  {%- else -%}
+  {%- assign relloop = alldocs | 
+                    where_exp: "item", "item.id == id.name" -%}
+  {% assign reldoc = reldoc | concat: relloop %}
+  {% endif %}
+{% endfor %}
+
+{%- if reldoc -%}
+  {% for document in reldoc %}
+    {% assign m = "ml-sm-1" %}
+    
+    {%- if forloop.first -%}
+    {% assign m = "" %}
+<div class="container-lg mt-1 mb-2">
+  <div class="row">
+    <div class="col-lg-8 offset-lg-2">
+      <hr>
+      <p><i class="fa-solid fa-shuffle fa-xl"></i><span class="sr-only">Related</span></p>
+      <nav class="card-group" aria-label="related-articles">
+    {%- endif %}
+         <div class="card {{ m }} border chulapa-related">
+          <div class="card-body">
+          <p class="card-title chulapa-headingfont"><a href="{{ document.url | absolute_url }}" class="chulapa-text-body-color">{{ document.title }}</a></p>
+          {% if document.subtitle %}<p class="card-text"><small>{{- document.subtitle -}}</small></p> {%- endif -%}
+    </div>
+    <div class="card-footer bg-transparent">
+          {% if document.date %}
+    {% assign dateformat = document.date | date: "%B %d, %Y" %}
+      <small><i class="far fa-calendar" aria-hidden="true"></i> <time datetime="{{- document.date | date_to_xmlschema -}}">{% include_cached snippets/datetranslate.html  date=dateformat %}</time></small>
+      {% else %}
+      <small>-</small>
+      {% endif %}
+    </div>
+  </div>
+    {%- if forloop.last -%}
+    </nav>
+    </div>
+  </div>
+</div>
+    {%- endif -%}
+  {%- endfor -%}
+{%- endif -%}
+{%- endif -%}
+
+

data/_includes/components/sidetoc.html

@@ -0,0 +1,15 @@
+	{% assign h_min = page.h_min | default: 2 %}
+	{% assign h_max = page.h_max | default: 4 %}                   
+	<button class="btn btn-primary btn-sm rounded-right position-fixed chulapa-btn-sidebar bs-canvas-anim chulapa-btn-nofocus chulapa-fa-static" id='demo' onclick="openSideBar()" aria-label="Open Sidebar" aria-expanded="false" aria-controls="sideBar">
+		<i class="fa-solid fa-plus"></i><span class="sr-only">Open Sidebar</span>
+	</button>
+	<div class="bs-canvas bs-canvas-anim bs-canvas-left position-fixed navbar-chulapa h-100" id='sideBar'>
+		<p class="pt-2 pb-1 px-3">
+			<button type="button" class="navbar-text close chulapa-btn-nofocus chulapa-fa-static" aria-label="Close" onclick="closeSideBar()">
+				<i class="fa-solid fa-times"></i><span class="sr-only">Close Sidebar</span>
+			</button>
+		</p>
+		<nav class="navbar-nav px-3 my-auto">		   <p class="mb-2" ><a class="nav-link font-weight-bold lead" href="#">{{ page.title }}</a></p>		
+			{% include components/toc.html sanitize=false html=content h_min=h_min h_max=h_max skip_no_ids=true id="sidetoc" class="nav.flex-column" item_class="nav-item.nav.d-block" anchor_class="nav-link" %}
+		</nav>    
+	</div>

data/_includes/components/tags.html

@@ -7,7 +7,7 @@
       {%- for tag in page.tags %}
       <a href="{{- tag | replace: " ", "-" | prepend: "#" |
                    prepend: page.cloudtag_url |
-                   absolute_url | uri_escape -}}" class="badge chulapa-pill-bg-primary">{{- tag -}}</a>
+                   absolute_url | uri_escape -}}" class="badge chulapa-pill-bg-primary p-category" rel="tag" >{{- tag -}}</a>
       {% endfor -%}
       </div>
     </div>

data/_includes/components/toc.html

@@ -1,6 +1,30 @@
 {% capture tocWorkspace %}
     {% comment %}
-        Version 1.0.12
+        Copyright (c) 2017 Vladimir "allejo" Jimenez
+
+        Permission is hereby granted, free of charge, to any person
+        obtaining a copy of this software and associated documentation
+        files (the "Software"), to deal in the Software without
+        restriction, including without limitation the rights to use,
+        copy, modify, merge, publish, distribute, sublicense, and/or sell
+        copies of the Software, and to permit persons to whom the
+        Software is furnished to do so, subject to the following
+        conditions:
+
+        The above copyright notice and this permission notice shall be
+        included in all copies or substantial portions of the Software.
+
+        THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+        EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
+        OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+        NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
+        HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+        WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+        FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
+        OTHER DEALINGS IN THE SOFTWARE.
+    {% endcomment %}
+    {% comment %}
+        Version 1.2.0
           https://github.com/allejo/jekyll-toc
 
         "...like all things liquid - where there's a will, and ~36 hours to spare, there's usually a/some way" ~jaybe
@@ -12,46 +36,59 @@
             * html         (string) - the HTML of compiled markdown generated by kramdown in Jekyll
 
         Optional Parameters:
-            * sanitize     (bool)   : false  - when set to true, the headers will be stripped of any HTML in the TOC
-            * class        (string) :   ''   - a CSS class assigned to the TOC
-            * id           (string) :   ''   - an ID to assigned to the TOC
-            * h_min        (int)    :   1    - the minimum TOC header level to use; any header lower than this value will be ignored
-            * h_max        (int)    :   6    - the maximum TOC header level to use; any header greater than this value will be ignored
-            * ordered      (bool)   : false  - when set to true, an ordered list will be outputted instead of an unordered list
-            * item_class   (string) :   ''   - add custom class(es) for each list item; has support for '%level%' placeholder, which is the current heading level
-            * baseurl      (string) :   ''   - add a base url to the TOC links for when your TOC is on another page than the actual content
-            * anchor_class (string) :   ''   - add custom class(es) for each anchor element
-            * skipNoIDs    (bool)   : false  - skip headers that do not have an `id` attribute
+            * sanitize      (bool)   : false  - when set to true, the headers will be stripped of any HTML in the TOC
+            * class         (string) :   ''   - a CSS class assigned to the TOC
+            * id            (string) :   ''   - an ID to assigned to the TOC
+            * h_min         (int)    :   1    - the minimum TOC header level to use; any header lower than this value will be ignored
+            * h_max         (int)    :   6    - the maximum TOC header level to use; any header greater than this value will be ignored
+            * ordered       (bool)   : false  - when set to true, an ordered list will be outputted instead of an unordered list
+            * item_class    (string) :   ''   - add custom class(es) for each list item; has support for '%level%' placeholder, which is the current heading level
+            * submenu_class (string) :   ''   - add custom class(es) for each child group of headings; has support for '%level%' placeholder which is the current "submenu" heading level
+            * base_url      (string) :   ''   - add a base url to the TOC links for when your TOC is on another page than the actual content
+            * anchor_class  (string) :   ''   - add custom class(es) for each anchor element
+            * skip_no_ids   (bool)   : false  - skip headers that do not have an `id` attribute
 
         Output:
             An ordered or unordered list representing the table of contents of a markdown block. This snippet will only
             generate the table of contents and will NOT output the markdown given to it
     {% endcomment %}
 
-    {% capture my_toc %}{% endcapture %}
+    {% capture newline %}
+    {% endcapture %}
+    {% assign newline = newline | rstrip %} <!-- Remove the extra spacing but preserve the newline -->
+
+    {% capture deprecation_warnings %}{% endcapture %}
+
+    {% if include.baseurl %}
+        {% capture deprecation_warnings %}{{ deprecation_warnings }}<!-- jekyll-toc :: "baseurl" has been deprecated, use "base_url" instead -->{{ newline }}{% endcapture %}
+    {% endif %}
+
+    {% if include.skipNoIDs %}
+        {% capture deprecation_warnings %}{{ deprecation_warnings }}<!-- jekyll-toc :: "skipNoIDs" has been deprecated, use "skip_no_ids" instead -->{{ newline }}{% endcapture %}
+    {% endif %}
+
+    {% capture jekyll_toc %}{% endcapture %}
     {% assign orderedList = include.ordered | default: false %}
-    {% assign skipNoIDs = include.skipNoIDs | default: false %}
+    {% assign baseURL = include.base_url | default: include.baseurl | default: '' %}
+    {% assign skipNoIDs = include.skip_no_ids | default: include.skipNoIDs | default: false %}
     {% assign minHeader = include.h_min | default: 1 %}
     {% assign maxHeader = include.h_max | default: 6 %}
-    {% assign nodes = include.html | split: '<h' %}
+    {% assign nodes = include.html | strip | split: '<h' %}
+
     {% assign firstHeader = true %}
+    {% assign currLevel = 0 %}
+    {% assign lastLevel = 0 %}
 
-    {% capture listModifier %}{% if orderedList %}1.{% else %}-{% endif %}{% endcapture %}
+    {% capture listModifier %}{% if orderedList %}ol{% else %}ul{% endif %}{% endcapture %}
 
     {% for node in nodes %}
         {% if node == "" %}
             {% continue %}
         {% endif %}
 
-        {% if skipNoIDs == true %}
-            {% unless node contains "id=" %}
-                {% continue %}
-            {% endunless %}
-        {% endif %}
-
-        {% assign headerLevel = node | replace: '"', '' | slice: 0, 1 | times: 1 %}
+        {% assign currLevel = node | replace: '"', '' | slice: 0, 1 | times: 1 %}
 
-        {% if headerLevel < minHeader or headerLevel > maxHeader %}
+        {% if currLevel < minHeader or currLevel > maxHeader %}
             {% continue %}
         {% endif %}
 
@@ -59,54 +96,87 @@
 
         {% assign _idWorkspace = _workspace[0] | split: 'id="' %}
         {% assign _idWorkspace = _idWorkspace[1] | split: '"' %}
-        {% assign html_id = _idWorkspace[0] %}
+        {% assign htmlID = _idWorkspace[0] %}
 
         {% assign _classWorkspace = _workspace[0] | split: 'class="' %}
         {% assign _classWorkspace = _classWorkspace[1] | split: '"' %}
-        {% assign html_class = _classWorkspace[0] %}
+        {% assign htmlClass = _classWorkspace[0] %}
 
-        {% if html_class contains "no_toc" %}
+        {% if htmlClass contains "no_toc" %}
             {% continue %}
         {% endif %}
 
         {% if firstHeader %}
-            {% assign firstHeader = false %}
-            {% assign minHeader = headerLevel %}
+            {% assign minHeader = currLevel %}
         {% endif %}
 
         {% capture _hAttrToStrip %}{{ _workspace[0] | split: '>' | first }}>{% endcapture %}
         {% assign header = _workspace[0] | replace: _hAttrToStrip, '' %}
 
-        {% assign indentAmount = headerLevel | minus: minHeader %}
-        {% assign space = '' %}
-        {% for i in (1..indentAmount) %}
-            {% assign space = space | prepend: '    ' %}
-        {% endfor %}
-
         {% if include.item_class and include.item_class != blank %}
-            {% capture listItemClass %}{:.{{ include.item_class | replace: '%level%', headerLevel }}}{% endcapture %}
+            {% capture listItemClass %} class="{{ include.item_class | replace: '%level%', currLevel | split: '.' | join: ' ' }}"{% endcapture %}
+        {% endif %}
+
+        {% if include.submenu_class and include.submenu_class != blank %}
+            {% assign subMenuLevel = currLevel | minus: 1 %}
+            {% capture subMenuClass %} class="{{ include.submenu_class | replace: '%level%', subMenuLevel | split: '.' | join: ' ' }}"{% endcapture %}
+        {% endif %}
+
+        {% capture anchorBody %}{% if include.sanitize %}{{ header | strip_html }}{% else %}{{ header }}{% endif %}{% endcapture %}
+
+        {% if htmlID %}
+            {% capture anchorAttributes %} href="{% if baseURL %}{{ baseURL }}{% endif %}#{{ htmlID }}"{% endcapture %}
+
+            {% if include.anchor_class %}
+                {% capture anchorAttributes %}{{ anchorAttributes }} class="{{ include.anchor_class | split: '.' | join: ' ' }}"{% endcapture %}
+            {% endif %}
+
+            {% capture listItem %}<a{{ anchorAttributes }}>{{ anchorBody }}</a>{% endcapture %}
+        {% elsif skipNoIDs == true %}
+            {% continue %}
+        {% else %}
+            {% capture listItem %}{{ anchorBody }}{% endcapture %}
         {% endif %}
 
-        {% capture anchor_body %}{% if include.sanitize %}{{ header | strip_html }}{% else %}{{ header }}{% endif %}{% endcapture %}
-        {% capture anchor_body %}{{ anchor_body | replace: "|", "\|" }}{% endcapture %}
+        {% if currLevel > lastLevel %}
+            {% capture jekyll_toc %}{{ jekyll_toc }}<{{ listModifier }}{{ subMenuClass }}>{% endcapture %}
+        {% elsif currLevel < lastLevel %}
+            {% assign repeatCount = lastLevel | minus: currLevel %}
 
-        {% if html_id %}
-            {% capture list_item %}[{{ anchor_body }}]({% if include.baseurl %}{{ include.baseurl }}{% endif %}#{{ html_id }}){% endcapture %}
+            {% for i in (1..repeatCount) %}
+                {% capture jekyll_toc %}{{ jekyll_toc }}</li></{{ listModifier }}>{% endcapture %}
+            {% endfor %}
+
+            {% capture jekyll_toc %}{{ jekyll_toc }}</li>{% endcapture %}
         {% else %}
-            {% capture list_item %}{{ anchor_body }}{% endcapture %}
+            {% capture jekyll_toc %}{{ jekyll_toc }}</li>{% endcapture %}
         {% endif %}
 
-        {% capture my_toc %}{{ my_toc }}
-{{ space }}{{ listModifier }} {{ listItemClass }} {{ list_item }}{% if include.anchor_class %}{:.{{ include.anchor_class }}}{% endif %}{% endcapture %}
+        {% capture jekyll_toc %}{{ jekyll_toc }}<li{{ listItemClass }}>{{ listItem }}{% endcapture %}
+
+        {% assign lastLevel = currLevel %}
+        {% assign firstHeader = false %}
     {% endfor %}
 
-    {% if include.class and include.class != blank %}
-        {% capture my_toc %}{:.{{ include.class }}}
-{{ my_toc | lstrip }}{% endcapture %}
-    {% endif %}
+    {% assign repeatCount = minHeader | minus: 1 %}
+    {% assign repeatCount = lastLevel | minus: repeatCount %}
+    {% for i in (1..repeatCount) %}
+        {% capture jekyll_toc %}{{ jekyll_toc }}</li></{{ listModifier }}>{% endcapture %}
+    {% endfor %}
+
+    {% if jekyll_toc != '' %}
+        {% assign rootAttributes = '' %}
+        {% if include.class and include.class != blank %}
+            {% capture rootAttributes %} class="{{ include.class | split: '.' | join: ' ' }}"{% endcapture %}
+        {% endif %}
 
-    {% if include.id %}
-        {% capture my_toc %}{: #{{ include.id }}}
-{{ my_toc | lstrip }}{% endcapture %}
+        {% if include.id and include.id != blank %}
+            {% capture rootAttributes %}{{ rootAttributes }} id="{{ include.id }}"{% endcapture %}
+        {% endif %}
+
+        {% if rootAttributes %}
+            {% assign nodes = jekyll_toc | split: '>' %}
+            {% capture jekyll_toc %}<{{ listModifier }}{{ rootAttributes }}>{{ nodes | shift | join: '>' }}>{% endcapture %}
+        {% endif %}
     {% endif %}
-{% endcapture %}{% assign tocWorkspace = '' %}{{ my_toc | markdownify | strip }}
+{% endcapture %}{% assign tocWorkspace = '' %}{{ deprecation_warnings }}{{ jekyll_toc -}}

data/_includes/components/welcomments.html

@@ -0,0 +1,10 @@
+{% if site.comments.website_id %}
+<div class="container my-3 pb-2">
+  <div class="row">
+    <div class="col-lg-8 offset-lg-2">
+    {% include welcomments/comments.html website_id = site.comments.website_id %}
+    <p class="text-center chulapa-footer-brand mt-4">Comments thanks to <a href="https://welcomments.io/">Welcomments</a>
+    </div>
+  </div>
+</div>
+{% endif %}

data/_includes/footer.html

@@ -18,10 +18,22 @@
 	{%- assign name = 'Graymor' - %}
 	{%- assign author = 'Tophat' - %}
 	{%- assign url = 'https://themesguide.github.io/top-hat/dist/' - %}
+{%- elsif site.chulapa-skin.skin == 'electro' -%}
+	{%- assign name = 'Electro' - %}
+	{%- assign author = 'Tophat' - %}
+	{%- assign url = 'https://themesguide.github.io/top-hat/dist/' - %}
 {%- elsif site.chulapa-skin.skin == 'wandoo' -%}
 	{%- assign name = 'Wandoo' - %}
 	{%- assign author = 'Tophat' - %}
 	{%- assign url = 'https://themesguide.github.io/top-hat/dist/' - %}
+{%- elsif site.chulapa-skin.skin == 'skeeblu' -%}
+	{%- assign name = 'Skeeblu' - %}
+	{%- assign author = 'Tophat' - %}
+	{%- assign url = 'https://themesguide.github.io/top-hat/dist/' - %}
+{%- elsif site.chulapa-skin.skin == 'mickie' -%}
+	{%- assign name = 'Mickie' - %}
+	{%- assign author = 'Tophat' - %}
+	{%- assign url = 'https://themesguide.github.io/top-hat/dist/' - %}
 {%- elsif site.chulapa-skin.skin == 'sketchy' -%}
 	{%- assign name = 'Sketchy' - %}
 	{%- assign author = 'Bootswatch' - %}
@@ -38,22 +50,34 @@
 	{%- assign name = 'Minty' - %}
 	{%- assign author = 'Bootswatch' - %}
 	{%- assign url = 'https://bootswatch.com/' - %}
+{%- elsif site.chulapa-skin.skin == 'towards' -%}
+	{%- assign name = 'Towards' - %}
+	{%- assign author = 'dieghernan' - %}
+	{%- assign url = 'https://github.com/dieghernan' - %}
 {%- elsif site.chulapa-skin.skin == 'twitter' -%}
 	{%- assign name = 'Twitter' - %}
 	{%- assign author = 'dieghernan' - %}
 	{%- assign url = 'https://github.com/dieghernan' - %}
 {%- elsif site.chulapa-skin.skin == 'twitter-dim' -%}
-	{%- assign name = 'TwitterDim' - %}
+	{%- assign name = 'Twitter Dim' - %}
 	{%- assign author = 'dieghernan' - %}
 	{%- assign url = 'https://github.com/dieghernan' - %}
 {%- elsif site.chulapa-skin.skin == 'twitter-lights-out' -%}
-	{%- assign name = 'TwitterLightsOut' - %}
+	{%- assign name = 'Twitter Lights Out' - %}
 	{%- assign author = 'dieghernan' - %}
   	{%- assign url = 'https://github.com/dieghernan' - %}
   {%- elsif site.chulapa-skin.skin == 'chulapa' -%}
   	{%- assign name = 'Chulapa' - %}
   	{%- assign author = 'dieghernan' - %}
   	{%- assign url = 'https://github.com/dieghernan' - %}
+  {%- elsif site.chulapa-skin.skin == 'gitdev' -%}
+  	{%- assign name = 'GitDev' - %}
+  	{%- assign author = 'dieghernan' - %}
+  	{%- assign url = 'https://github.com/dieghernan' - %}
+	{%- elsif site.chulapa-skin.skin == 'gitdev-dark' -%}
+  	{%- assign name = 'GitDev Dark' - %}
+  	{%- assign author = 'dieghernan' - %}
+  	{%- assign url = 'https://github.com/dieghernan' - %}
   {%- elsif site.chulapa-skin.skin == 'pear' -%}
   	{%- assign name = 'Pear' - %}
   	{%- assign author = 'dieghernan' - %}
@@ -62,10 +86,26 @@
   	{%- assign name = 'Academia' - %}
   	{%- assign author = 'dieghernan' - %}
   	{%- assign url = 'https://github.com/dieghernan' - %}
+  {%- elsif site.chulapa-skin.skin == 'focal' -%}
+  	{%- assign name = 'Focal' - %}
+  	{%- assign author = 'dieghernan' - %}
+  	{%- assign url = 'https://github.com/dieghernan' - %}
+  {%- elsif site.chulapa-skin.skin == 'media' -%}
+  	{%- assign name = 'Media' - %}
+  	{%- assign author = 'dieghernan' - %}
+  	{%- assign url = 'https://github.com/dieghernan' - %}
   {%- elsif site.chulapa-skin.skin == 'universal' -%}
   	{%- assign name = 'Universal' - %}
   	{%- assign author = 'Bootstrapious' - %}
-  	{%- assign url = 'https://bootstrapious.com/' - %}	
+  	{%- assign url = 'https://bootstrapious.com/' - %}
+  {%- elsif site.chulapa-skin.skin == 'monotone' -%}
+  	{%- assign name = 'Monotone' - %}
+  	{%- assign author = 'Tophat' - %}
+  	{%- assign url = 'https://themesguide.github.io/top-hat/dist/' - %}
+  {%- elsif site.chulapa-skin.skin == 'minco' -%}
+  	{%- assign name = 'Minco' - %}
+  	{%- assign author = 'Tophat' - %}
+  	{%- assign url = 'https://themesguide.github.io/top-hat/dist/' - %}
   {%- elsif site.chulapa-skin.skin == 'sunset' -%}
   	{%- assign name = 'Sunset' - %}
 	{%- assign author = 'Tophat' - %}
@@ -76,11 +116,17 @@
     {% if include.show_comments -%}
       {% if site.comments.provider == 'disqus' %}
         {% include components/disqus.html pageid=include.pageid pageurl=include.pageurl %}
-      {%- elsif site.comments.provider == 'giscus' -%} 
+      {%- elsif site.comments.provider == 'cactus' -%}
+      {% include components/cactus.html  pageurl=include.pageurl %}
+      {%- elsif site.comments.provider == 'cusdis' -%}
+      {% include components/cusdis.html   pageid=include.pageid pageurl=include.pageurl pagetitle = include.pagetitle %}
+      {%- elsif site.comments.provider == 'welcomments' -%}
+      {% include components/welcomments.html  %}
+      {%- elsif site.comments.provider == 'giscus' -%}
         <div class="container">
           <div class="row">
             <div class="col-lg-8 offset-lg-2">
-         {% include custom/giscus.html %}  
+         {% include custom/giscus.html %}
             </div>
          </div>
        </div>
@@ -92,11 +138,14 @@
           {%- if site.footer.links -%}
           <div role="navigation" class="d-flex flex-wrap justify-content-center">
             {%- for social in site.footer.links  -%}
-            {%- if social.url contains "@" -%}
-            <a href="mailto:{{- social.url -}}?subject={{ site.title | append: ' web contact' | strip_html | uri_escape }}" title="footer{{ social.label }}" class="chulapa-footer-sociallink lead"> 
-            
+            {%- assign urlslice = social.url | slice: 0,4 -%}
+            {%- if urlslice == "http" -%}
+             <a href="{{ social.url | absolute_url }}" title="footer{{ social.label }}" class="chulapa-footer-sociallink lead">
+            {%- elsif social.url contains "@" -%}
+            <a href="mailto:{{- social.url -}}?subject={{ site.title | append: ' web contact' | strip_html | uri_escape }}" title="footer{{ social.label }}" class="chulapa-footer-sociallink lead">
             {%- else -%}
-            <a href="{{ social.url | absolute_url }}" title="footer{{ social.label }}" class="chulapa-footer-sociallink lead">                          {%- endif -%}
+             <a href="{{ social.url | absolute_url }}" title="footer{{ social.label }}" class="chulapa-footer-sociallink lead">
+            {%- endif -%}
               <span class="fa-stack fa-lg" aria-hidden="true">
                 <i class="fa fa-circle fa-stack-2x"></i>
                 <i class="{{ social.icon }} fa-stack-1x fa-inverse"></i>
@@ -107,20 +156,17 @@
           {%- endif -%}
           <p class="mt-2 mb-3">
           {%- if site.footer.copyright -%}
-          
+
             {{ site.footer.copyright }}
-          
+
           {%- else -%}
-          
+
             &copy; {{ site.time | date: '%Y' }} {{ site.author.name | default: site.github.owner_name }}
-            
+
            {%- endif -%}
             </p>
           <!-- Do not remove this in order to give  attributions -->
-          {%- if name -%}
-          <p class="small"><b>{{- name -}}</b> skin by <a href="{{ url }}">{{ author }}</a></p>
-          {%- endif -%}
-          <p class="small">Powered by <a href="https://dieghernan.github.io/chulapa"> <span class="chulapa">Chulapa</span> Jekyll Theme</a></p>
+          <p class="chulapa-footer-brand">Powered by <a href="https://dieghernan.github.io/chulapa"> <span class="chulapa">Chulapa</span> Jekyll Theme</a>{%- if name -%}<br><b>{{- name -}}</b> skin by <a href="{{ url }}">{{ author }}</a>{%- endif -%}</p>
           <!-- End  attributions -->
         </div>
       </div>