chulapa-jekyll 1.0.1 → 2.0.0

data/_layouts/cloudtag2.html

@@ -0,0 +1,86 @@
+---
+layout: default
+---
+
+{{- content -}}
+
+{%- if page.include_collection -%}
+  {%- assign cols = page.include_collection | split: "," -%}
+  {%- for col  in cols -%}
+    {%- if forloop.first -%}
+      {%- assign alldocs = site.documents | 
+                          where_exp: "item", "item.collection == col" -%}
+      {%- assign showcol = false -%}
+    {%- else -%}
+      {%- assign docloop = site.documents | 
+                          where_exp: "item", "item.collection == col" -%}
+      {%- assign alldocs = alldocs | concat: docloop %}
+      {%- assign showcol = true -%}
+    {%- endif -%}
+  {%- endfor -%}
+{%- else -%}
+  {%- assign alldocs = site.documents -%}
+  {%- assign showcol = true -%}
+{% endif %}
+
+
+{% assign alldocs = alldocs | sort: 'date' | reverse %}
+{% assign tag_count = alldocs | map: 'tags' | count_by_item %}
+{%- for tag in tag_count -%}
+  {%- if forloop.first -%}
+    {%- assign sizemax = tag[1] -%}
+  {%- elsif forloop.last -%}
+    {% assign mid = tag[1] | plus: sizemax | divided_by: 2  %}
+  {%- endif -%}
+{%- endfor -%}
+
+<div class="row g-0 pt-5" id="tags">
+<div class="col">
+	{%- for tag in tag_count -%}
+	<a href="#{{- tag[0] | replace: " ", "-" -}}" class="btn btn-primary m-1" role="button" style="font-size: min(1.2rem , max(0.8rem , calc(1rem + 0.025*({{ tag[1] }}rem - {{ mid }}rem))));"><i class="fa fa-tag mr-2" aria-hidden="true"></i>{{- tag[0] -}}<span class="badge rounded-pill chulapa-pill-bg-primary ml-2">{{tag[1]}}</span></a>
+	{%- endfor -%}
+	</div>
+</div>
+
+{% assign words_per_minute = site.words_per_minute | default: 200 %}
+{% for tag in tag_count %}
+<section id="{{- tag[0] | replace: " ", "-" -}}" class="py-3 chulapa-cloudtag">
+<div class="d-flex  align-items-center border-bottom border-chulapa mt-5">
+  <h5 class="my-0"><i class="fa fa-tag mr-1" aria-hidden="true"></i>{{- tag[0] -}} </h5>
+  <div class="badge rounded-pill chulapa-pill-bg-primary ml-2">{{tag[1]}}</div>
+</div>
+  {% for document in alldocs %}
+  {% assign words = document.content | strip_html | number_of_words %}
+  {% assign readtime = "< 1’" | escape_once  %}
+  {% if words > words_per_minute %}
+  {% assign readtime = words | divided_by:words_per_minute | append: "’" %}
+  {% endif %}
+	{% if document.tags contains tag[0] %}
+  <article class="chulapa-links-hover-only my-1 mb-4 row g-0">
+    <div class="col">
+      <h6><a href="{{ document.url | absolute_url }}">{{ document.title }}</a></h6>
+      {%- if document.subtitle -%}<p>{{- document.subtitle -}}</p> {%- endif -%}
+      <div class="small">
+        {% if document.date %}
+        {% assign dateformat = document.date | date: "%B %d, %Y" %}
+        <i class="far fa-calendar" aria-hidden="true"></i> <time datetime="{{- document.date | date_to_xmlschema -}}">{% include_cached snippets/datetranslate.html  date=dateformat %}</time>
+{% if document.last_modified_at %} <i class="fa fa-redo" aria-hidden="true"></i>{% endif %} | 
+        {% endif %}
+        <i class="far fa-clock" aria-hidden="true"></i> {{ readtime }} 
+        {%- if showcol -%}
+        <span class="ml-2 badge chulapa-pill-bg-body">{{ document.collection }}</span>
+        {%- endif -%}
+      </div>
+    </div>
+    {% if document.header_img or document.og_image %}
+    <a href="{{ document.url | absolute_url }}" class="col-2 btn chulapa-overlay-img chulapa-gradient" style="background-image: url('{{ document.og_image | default: document.header_img | absolute_url }}')">
+    </a>
+    {% endif %}
+  </article>
+  {% endif %}
+  {% endfor %}
+  <div class="text-right">
+      <a href="#tags" class="btn btn-lg border-0 chulapa-text-body-color"><i class="fa fa-chevron-up fa-lg" aria-hidden="true"></i><span class="sr-only">Top</span></a>
+  </div>
+</section>
+{% endfor %}

data/_layouts/compress.html

@@ -1,10 +1,10 @@
 ---
 # Jekyll layout that compresses HTML
-# v3.0.1
+# v3.1.0
 # http://jch.penibelst.de/
 # © 2014–2015 Anatol Broder
 # MIT License
 ---
 
 {% capture _LINE_FEED %}
-{% endcapture %}{% if site.compress_html.ignore.envs contains jekyll.environment %}{{ content }}{% else %}{% capture _content %}{{ content }}{% endcapture %}{% assign _profile = site.compress_html.profile %}{% if site.compress_html.endings == "all" %}{% assign _endings = "html head body li dt dd p rt rp optgroup option colgroup caption thead tbody tfoot tr td th" | split: " " %}{% else %}{% assign _endings = site.compress_html.endings %}{% endif %}{% for _element in _endings %}{% capture _end %}</{{ _element }}>{% endcapture %}{% assign _content = _content | remove: _end %}{% endfor %}{% if _profile and _endings %}{% assign _profile_endings = _content | size | plus: 1 %}{% endif %}{% for _element in site.compress_html.startings %}{% capture _start %}<{{ _element }}>{% endcapture %}{% assign _content = _content | remove: _start %}{% endfor %}{% if _profile and site.compress_html.startings %}{% assign _profile_startings = _content | size | plus: 1 %}{% endif %}{% if site.compress_html.comments == "all" %}{% assign _comments = "<!-- -->" | split: " " %}{% else %}{% assign _comments = site.compress_html.comments %}{% endif %}{% if _comments.size == 2 %}{% capture _comment_befores %}.{{ _content }}{% endcapture %}{% assign _comment_befores = _comment_befores | split: _comments.first %}{% for _comment_before in _comment_befores %}{% if forloop.first %}{% continue %}{% endif %}{% capture _comment_outside %}{% if _carry %}{{ _comments.first }}{% endif %}{{ _comment_before }}{% endcapture %}{% capture _comment %}{% unless _carry %}{{ _comments.first }}{% endunless %}{{ _comment_outside | split: _comments.last | first }}{% if _comment_outside contains _comments.last %}{{ _comments.last }}{% assign _carry = false %}{% else %}{% assign _carry = true %}{% endif %}{% endcapture %}{% assign _content = _content | remove_first: _comment %}{% endfor %}{% if _profile %}{% assign _profile_comments = _content | size | plus: 1 %}{% endif %}{% endif %}{% assign _pre_befores = _content | split: "<pre" %}{% assign _content = "" %}{% for _pre_before in _pre_befores %}{% assign _pres = _pre_before | split: "</pre>" %}{% assign _pres_after = "" %}{% if _pres.size != 0 %}{% if site.compress_html.blanklines %}{% assign _lines = _pres.last | split: _LINE_FEED %}{% assign _lastchar = _pres.last | split: "" | last %}{% assign _outerloop = forloop %}{% capture _pres_after %}{% for _line in _lines %}{% assign _trimmed = _line | split: " " | join: " " %}{% if forloop.last and _lastchar == _LINE_FEED %}{% unless _outerloop.last %}{{ _LINE_FEED }}{% endunless %}{% continue %}{% endif %}{% if _trimmed != empty or forloop.last %}{% unless forloop.first %}{{ _LINE_FEED }}{% endunless %}{{ _line }}{% endif %}{% endfor %}{% endcapture %}{% else %}{% assign _pres_after = _pres.last | split: " " | join: " " %}{% endif %}{% endif %}{% capture _content %}{{ _content }}{% if _pre_before contains "</pre>" %}<pre{{ _pres.first }}</pre>{% endif %}{% unless _pre_before contains "</pre>" and _pres.size == 1 %}{{ _pres_after }}{% endunless %}{% endcapture %}{% endfor %}{% if _profile %}{% assign _profile_collapse = _content | size | plus: 1 %}{% endif %}{% if site.compress_html.clippings == "all" %}{% assign _clippings = "html head title base link meta style body article section nav aside h1 h2 h3 h4 h5 h6 hgroup header footer address p hr blockquote ol ul li dl dt dd figure figcaption main div table caption colgroup col tbody thead tfoot tr td th" | split: " " %}{% else %}{% assign _clippings = site.compress_html.clippings %}{% endif %}{% for _element in _clippings %}{% assign _edges = " <e;<e; </e>;</e>;</e> ;</e>" | replace: "e", _element | split: ";" %}{% assign _content = _content | replace: _edges[0], _edges[1] | replace: _edges[2], _edges[3] | replace: _edges[4], _edges[5] %}{% endfor %}{% if _profile and _clippings %}{% assign _profile_clippings = _content | size | plus: 1 %}{% endif %}{{ _content }}{% if _profile %} <table id="compress_html_profile_{{ site.time | date: "%Y%m%d" }}" class="compress_html_profile"> <thead> <tr> <td>Step <td>Bytes <tbody> <tr> <td>raw <td>{{ content | size }}{% if _profile_endings %} <tr> <td>endings <td>{{ _profile_endings }}{% endif %}{% if _profile_startings %} <tr> <td>startings <td>{{ _profile_startings }}{% endif %}{% if _profile_comments %} <tr> <td>comments <td>{{ _profile_comments }}{% endif %}{% if _profile_collapse %} <tr> <td>collapse <td>{{ _profile_collapse }}{% endif %}{% if _profile_clippings %} <tr> <td>clippings <td>{{ _profile_clippings }}{% endif %} </table>{% endif %}{% endif %}
+{% endcapture %}{% if site.compress_html.ignore.envs contains jekyll.environment or site.compress_html.ignore.envs == "all" %}{{ content }}{% else %}{% capture _content %}{{ content }}{% endcapture %}{% assign _profile = site.compress_html.profile %}{% if site.compress_html.endings == "all" %}{% assign _endings = "html head body li dt dd optgroup option colgroup caption thead tbody tfoot tr td th" | split: " " %}{% else %}{% assign _endings = site.compress_html.endings %}{% endif %}{% for _element in _endings %}{% capture _end %}</{{ _element }}>{% endcapture %}{% assign _content = _content | remove: _end %}{% endfor %}{% if _profile and _endings %}{% assign _profile_endings = _content | size | plus: 1 %}{% endif %}{% for _element in site.compress_html.startings %}{% capture _start %}<{{ _element }}>{% endcapture %}{% assign _content = _content | remove: _start %}{% endfor %}{% if _profile and site.compress_html.startings %}{% assign _profile_startings = _content | size | plus: 1 %}{% endif %}{% if site.compress_html.comments == "all" %}{% assign _comments = "<!-- -->" | split: " " %}{% else %}{% assign _comments = site.compress_html.comments %}{% endif %}{% if _comments.size == 2 %}{% capture _comment_befores %}.{{ _content }}{% endcapture %}{% assign _comment_befores = _comment_befores | split: _comments.first %}{% for _comment_before in _comment_befores %}{% if forloop.first %}{% continue %}{% endif %}{% capture _comment_outside %}{% if _carry %}{{ _comments.first }}{% endif %}{{ _comment_before }}{% endcapture %}{% capture _comment %}{% unless _carry %}{{ _comments.first }}{% endunless %}{{ _comment_outside | split: _comments.last | first }}{% if _comment_outside contains _comments.last %}{{ _comments.last }}{% assign _carry = false %}{% else %}{% assign _carry = true %}{% endif %}{% endcapture %}{% assign _content = _content | remove_first: _comment %}{% endfor %}{% if _profile %}{% assign _profile_comments = _content | size | plus: 1 %}{% endif %}{% endif %}{% assign _pre_befores = _content | split: "<pre" %}{% assign _content = "" %}{% for _pre_before in _pre_befores %}{% assign _pres = _pre_before | split: "</pre>" %}{% assign _pres_after = "" %}{% if _pres.size != 0 %}{% if site.compress_html.blanklines %}{% assign _lines = _pres.last | split: _LINE_FEED %}{% capture _pres_after %}{% for _line in _lines %}{% assign _trimmed = _line | split: " " | join: " " %}{% if _trimmed != empty or forloop.last %}{% unless forloop.first %}{{ _LINE_FEED }}{% endunless %}{{ _line }}{% endif %}{% endfor %}{% endcapture %}{% else %}{% assign _pres_after = _pres.last | split: " " | join: " " %}{% endif %}{% endif %}{% capture _content %}{{ _content }}{% if _pre_before contains "</pre>" %}<pre{{ _pres.first }}</pre>{% endif %}{% unless _pre_before contains "</pre>" and _pres.size == 1 %}{{ _pres_after }}{% endunless %}{% endcapture %}{% endfor %}{% if _profile %}{% assign _profile_collapse = _content | size | plus: 1 %}{% endif %}{% if site.compress_html.clippings == "all" %}{% assign _clippings = "html head title base link meta style body article section nav aside h1 h2 h3 h4 h5 h6 hgroup header footer address p hr blockquote ol ul li dl dt dd figure figcaption main div table caption colgroup col tbody thead tfoot tr td th" | split: " " %}{% else %}{% assign _clippings = site.compress_html.clippings %}{% endif %}{% for _element in _clippings %}{% assign _edges = " <e;<e; </e>;</e>;</e> ;</e>" | replace: "e", _element | split: ";" %}{% assign _content = _content | replace: _edges[0], _edges[1] | replace: _edges[2], _edges[3] | replace: _edges[4], _edges[5] %}{% endfor %}{% if _profile and _clippings %}{% assign _profile_clippings = _content | size | plus: 1 %}{% endif %}{{ _content }}{% if _profile %} <table id="compress_html_profile_{{ site.time | date: "%Y%m%d" }}" class="compress_html_profile"> <thead> <tr> <td>Step <td>Bytes <tbody> <tr> <td>raw <td>{{ content | size }}{% if _profile_endings %} <tr> <td>endings <td>{{ _profile_endings }}{% endif %}{% if _profile_startings %} <tr> <td>startings <td>{{ _profile_startings }}{% endif %}{% if _profile_comments %} <tr> <td>comments <td>{{ _profile_comments }}{% endif %}{% if _profile_collapse %} <tr> <td>collapse <td>{{ _profile_collapse }}{% endif %}{% if _profile_clippings %} <tr> <td>clippings <td>{{ _profile_clippings }}{% endif %} </table>{% endif %}{% endif %}

data/_layouts/default.html

@@ -12,13 +12,24 @@ layout: minimal
 			  {% include components/author.html %}
 			  {%- endif -%}
 			</aside>
-			<article class="col-lg-8 mt-3">
+			<article id="maincontent" class="col-lg-8 mt-3 e-content">
+			{% if page.show_sidetoc %}
+			
+			{% include components/sidetoc.html %}
+			
+			{% endif %}
 			 {% if page.show_toc %} 
 			               {% assign h_min = page.h_min | default: 2 %}
                            {% assign h_max = page.h_max | default: 4 %}
-			 {% include components/toc.html sanitize=false html=content h_min=h_min h_max=h_max skipNoIDs=true id="toc" class="chulapa-toc-wrapper.list-group.mb-5.mx-3.mx-lg-5" item_class="list-group-item.font-weight-bold.py-1.pr-0.mr-0.chulapa-toc-reset" %}
+             <nav aria-label="table-of-contents">
+			 {% include components/toc.html sanitize=false html=content h_min=h_min h_max=h_max skip_no_ids=true id="toc" class="chulapa-toc-wrapper.list-group.mb-5.mx-3.mx-lg-5" item_class="list-group-item.font-weight-bold.py-1.pr-0.mr-0.chulapa-toc-reset" %}
+			 </nav>
 			  {% endif %}
 			{{- content -}}
+			
+			{% if page.show_applause %} 
+			<div class="mb-2 mt-5 text-center"><applause-button id="applause" class="mx-auto" style="width: 40px; height: 40px;" url="{{ page.url | absolute_url }}"></applause-button></div>
+			{% endif %}
 			</article>
 		</div>
 	</main>
@@ -36,4 +47,7 @@ layout: minimal
 		{% if size > 0 %}
 	  {%- include components/tags.html-%}
 	  {% endif %}
-	{%- endif -%}
+	{%- endif -%}
+	{%- if page.show_related -%}
+	  {%- include components/related.html -%}
+	{%- endif -%}

data/_layouts/landingpage.html

@@ -15,13 +15,26 @@ layout: minimal
 			  {% include components/author.html %}
 			  {%- endif -%}
 			</aside>
-			<article class="col-lg-8 mt-3">
+			<article id="maincontent" class="col-lg-8 mt-3 e-content">
+			
+			{% if page.show_sidetoc %}
+			
+			{% include components/sidetoc.html %}
+			
+			{% endif %}
+			
 			 {% if page.show_toc %} 
 			               {% assign h_min = page.h_min | default: 2 %}
                            {% assign h_max = page.h_max | default: 4 %}
-			 {% include components/toc.html sanitize=false html=content h_min=h_min h_max=h_max skipNoIDs=true id="toc" class="chulapa-toc-wrapper.list-group.mb-5.mx-3.mx-lg-5" item_class="list-group-item.font-weight-bold.py-1.pr-0.mr-0.chulapa-toc-reset" %}
+              <nav aria-label="table-of-contents">
+			 {% include components/toc.html sanitize=false html=content h_min=h_min h_max=h_max skip_no_ids=true id="toc" class="chulapa-toc-wrapper.list-group.mb-5.mx-3.mx-lg-5" item_class="list-group-item.font-weight-bold.py-1.pr-0.mr-0.chulapa-toc-reset" %}
+			 </nav>
 			  {% endif %}
 			{{- content -}}
+			
+			{% if page.show_applause %} 
+			<div class="mb-2 mt-5 text-center"><applause-button id="applause" class="mx-auto" style="width: 40px; height: 40px;" url="{{ page.url | absolute_url }}"></applause-button></div>
+			{% endif %}
 			</article>
 		</div>
 	</main>
@@ -48,4 +61,9 @@ layout: minimal
 	</div>
 	{% endif %}
 	{%- endif -%}
-	</div>
+	</div>
+	{%- if page.show_related -%}
+	<div class="chulapa-landingpage-related">
+	  {%- include components/related.html -%}
+	  </div>
+	{%- endif -%}

data/_layouts/minimal.html

@@ -4,18 +4,17 @@ layout: compress
 <!doctype html>
 <html lang="{{- site.locale | default: 'en-US' -}}">
 	{%- include head.html -%}
-	<body class="d-flex flex-column">
+	{%- assign canonical_url = page.url | replace: "index.html", "" | absolute_url | uri_escape -%}
+	<body class="d-flex flex-column h-entry" id="body">
+	<a class="u-url d-none" href="{{ canonical_url }}">Invisible link to canonical for Microformats</a>
 	{% include_cached navbar.html pageurl=page.url %}
 			{{- content -}}
-	{%- include_cached footer.html show_comments=page.show_comments pageurl=page.url pageid=page.id -%}
+	{%- include_cached footer.html show_comments=page.show_comments pageurl=page.url pageid=page.id pagetitle = page.title -%}
 	<!-- JS, Popper.js, and jQuery -->
 	<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
 	<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
 	<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
-	<script src="https://cdn.jsdelivr.net/npm/clipboard@2/dist/clipboard.min.js"></script>
-	<script src="{{ './assets/js/clipboardrouge.js' | absolute_url }}"></script>
-	<!-- Chulape Deferred (lazy) loading of YouTube videos, to improve page speed -->
-	<script>window.addEventListener('load', ch_ytdefer_setup);</script>
+	<script src="https://cdn.jsdelivr.net/gh/dieghernan/chulapa@master/assets/js/chulapa_script.js"></script>
 	{% include custom/custom_bottomscripts.html %}
 	</body>
 </html>

data/_layouts/search.html

@@ -14,13 +14,14 @@
   </style>
   {% endif %}
 	{% include_cached navbar.html pageurl=page.url %}
-<header class="text-center header-chulapa"><div class="container-lg pt-4">
-        <div class="row">
-            <div class="col-lg-8 offset-lg-2">
-            <h1>{{ page.title }} <i class="fa fa-search" aria-hidden="true"></i></h1>
-			</div>
-		<div>
+<header class="text-center header-chulapa">
+  <div class="container-lg pt-4">
+    <div class="row">
+       <div class="col-lg-8 offset-lg-2">
+        <h1>{{ page.title }} <i class="fa fa-search" aria-hidden="true"></i></h1>
+	   </div>
 	</div>
+  </div>
 </header>
 <main class="container-lg pt-2 pb-5 flex-fill">
     <div class="row">
@@ -42,7 +43,7 @@
 	<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
 	<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
 {%- if site.search.provider == "lunr" -%}
-<script src="https://unpkg.com/lunr/lunr.js"></script>
+<script src="https://unpkg.com/lunr/lunr.min.js"></script>
 <script src="{{ '/assets/js/lunr/lunr-store.js' | absolute_url }}"></script>
 <script src="{{ '/assets/js/lunr/lunr-search.js' | absolute_url }}"></script>
 {% endif %}