chulapa-jekyll 1.0.0

data/_sass/skins/sunset.scss

@@ -0,0 +1,14 @@
+/*! Tophat `Sunset` Bootstrap 4.3.1 theme */
+@import url(https://fonts.googleapis.com/css?family=Voltaire:200,300,400,700);
+$headings-font-family:Voltaire;
+
+$primary:#2F414A;
+$secondary:#F47B53;
+$success:#420084;
+$danger:#f2460d;
+$info:#7ebcfa;
+$warning:#ff9933;
+$light:#eef0f2;
+$dark:#000633;
+
+// Add SASS theme customizations here..

data/_sass/skins/twitter-dim.scss

@@ -0,0 +1,30 @@
+//Twitter dim
+// Some bootstrap variables
+$primary: #1da1f2;
+$secondary:#788995;
+$success: #17bf63;
+$warning: #ffad1f;
+$danger: #e0245e;
+$info: #794bc4;
+$dark: #192734;
+$body-bg:#15202b;
+$body-color: #fff;
+$hero-chulapa-bg-color:#15202b;
+$thead-chulapa-bg-color: $primary;
+$blockquote-chulapa-bg-color: mix(white, $primary, 80%);
+$blockquote-chulapa-text-color: mix(black, $primary, 80%);
+
+$navbar-chulapa-bg-color: #15202b;
+$navbar-chulapa-text-color: white;
+$navbar-chulapa-brand-color: white;
+$navbar-chulapa-hover-color: $primary;
+$navbar-chulapa-active-color: $primary;
+
+$footer-chulapa-text-color: white;
+$footer-chulapa-hover-color: $primary;
+
+$pagination-chulapa-bg-hover-color: $primary;
+
+$min-contrast-ratio: 2;
+
+$breadcrumb-divider: quote(">");

data/_sass/skins/twitter-lights-out.scss

@@ -0,0 +1,31 @@
+// Some bootstrap variables
+$primary: #1da1f2;
+$secondary:#788995;
+$success: #17bf63;
+$warning: #ffad1f;
+$danger: #e0245e;
+$info: #794bc4;
+$light: #c1c2c2;
+$dark: #15181c;
+$body-bg:#000;
+$body-color: $light;
+$hero-chulapa-bg-color:#000;
+$hero-chulapa-text-color:$light;
+$thead-chulapa-bg-color: $primary;
+$blockquote-chulapa-bg-color: mix(white, $primary, 80%);
+$blockquote-chulapa-text-color: mix(black, $primary, 80%);
+
+$navbar-chulapa-bg-color: #000;
+$navbar-chulapa-text-color: $light;
+$navbar-chulapa-brand-color: $light;
+$navbar-chulapa-hover-color: $primary;
+$navbar-chulapa-active-color: $primary;
+
+$footer-chulapa-text-color: $light;
+$footer-chulapa-hover-color: $primary;
+
+$pagination-chulapa-bg-hover-color: $primary;
+
+$min-contrast-ratio: 2;
+
+$breadcrumb-divider: quote(">");

data/_sass/skins/twitter.scss

@@ -0,0 +1,30 @@
+
+// Some bootstrap variables
+$primary: #1da1f2;
+$secondary:#788995;
+$success: #17bf63;
+$warning: #ffad1f;
+$danger: #e0245e;
+$info: #794bc4;
+$light: #f5f8fa;
+$body-bg:#fff;
+$body-color: #14171a;
+$hero-chulapa-bg-color:#fff;
+$thead-chulapa-bg-color: $primary;
+$blockquote-chulapa-bg-color: mix(white, $primary, 80%);
+$blockquote-chulapa-text-color: mix(black, $primary, 80%);
+$navbar-chulapa-bg-color: #fff;
+$navbar-chulapa-text-color: $body-color;
+$navbar-chulapa-brand-color:$body-color;
+$navbar-chulapa-hover-color: $primary;
+$navbar-chulapa-active-color: $primary;
+
+$footer-chulapa-text-color: $body-color;
+$footer-chulapa-hover-color: $primary;
+
+$pagination-chulapa-bg-hover-color: $primary;
+
+$min-contrast-ratio: 2;
+
+
+$breadcrumb-divider: quote(">");

data/_sass/skins/universal.scss

@@ -0,0 +1,24 @@
+// Adapted from Bootstrapius
+@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono&family=Roboto:wght@100;300;400;500;700&display=swap");
+
+$font-family-base: "Roboto";
+$font-family-monospace: "Roboto Mono";
+$headings-font-weight: 700;
+$body-bg: #fff;
+$primary: #986dbd;
+$green: #97bf13;
+$red: #dc3545;
+$orange: #fd7e14;
+$yellow: #ffc107;
+$headings-color: #333;
+$link-color: #986dbd;
+$navbar-chulapa-brand-color: #000;
+$navbar-chulapa-bg-color: white;
+$navbar-chulapa-toggler-color: #986dbd;
+$navbar-chulapa-active-color: #986dbd;
+$hero-chulapa-bg-color: #986dbd;
+$hero-chulapa-text-color: black;
+$footer-chulapa-bg-color: #333;
+$footer-chulapa-text-color: #ccc;
+$footer-chulapa-icon-color: #ccc;
+$footer-chulapa-icon-hover-color: #724599;

data/_sass/skins/wandoo.scss

@@ -0,0 +1,15 @@
+/*! Tophat `Wandoo` Bootstrap 4.3.1 theme */
+@import url(https://fonts.googleapis.com/css?family=Nunito:200,300,400,700);
+$font-family-base:Nunito;
+@import url(https://fonts.googleapis.com/css?family=Comfortaa:200,300,400,700);
+$headings-font-family:Comfortaa;
+
+$primary:#FF304F;
+$secondary:#CACACA;
+$success:#015668;
+$danger:#06648C;
+$info:#0F81C7;
+$warning:#0DE2EA;
+$light:#ececec;
+$dark:#222222;
+$gray-300:#e0e0e0;

data/assets/atom.xml

@@ -0,0 +1,72 @@
+---
+layout: null
+permalink: ./atom.xml
+---
+{%- assign og_image = site.og_image | default: site.author.avatar | default: site.github.owner_gravatar_url | absolute_url -%}
+<?xml version="1.0" encoding="utf-8"?>
+<feed xmlns="http://www.w3.org/2005/Atom" >
+	<generator uri="https://dieghernan.github.io/chulapa" version="1.0.0">Chulapa</generator>
+	<link href="{{ page.url | absolute_url }}" rel="self" type="application/atom+xml" />
+	<link href="{{  ""  | absolute_url }}" rel="alternate" type="text/html" />
+	<updated>{{ site.time | date_to_xmlschema }}</updated>
+	<id>{{ page.url | absolute_url }}</id>
+	<title>{{ site.title | strip_html  }}{% if site.subtitle %}{{ " | " | append: site.subtitle | strip_html }}{% endif %}</title>
+	{% if site.subtitle -%}
+	<subtitle>{{- site.subtitle | strip_html -}}</subtitle>
+	{%- endif %}
+	<author>
+		<name>{{ site.author.name | default: site.github.owner_name }}</name>
+		{% assign authorlink = site.author.links | where_exp: "item", "item.url contains 'http'" -%}
+		{% for link in authorlink limit: 1 -%}
+		<uri>{{ link.url | absolute_url }}</uri>
+		{%- endfor %}			
+	</author>
+	<rights>(c) {{ site.time | date: '%Y' }}, {{  site.author.name | default: site.github.owner_name }}</rights>
+	{% if site.navbar.brand.img -%}
+	<icon>{{- site.navbar.brand.img | absolute_url -}}</icon>
+	{%- endif %}
+	<logo>{{- og_image -}}</logo>
+	{%- assign wpm = words_per_minute | default: 200 -%}
+	{%- assign  alldocs = 	site.documents |
+	            where_exp: "item", "item.include_on_feed == true" |
+							where_exp: "item", "item.date != nil" | 
+							sort: 'date' | reverse -%}
+	{%- for document in alldocs  -%}
+	{%- assign entryimg =  document.og_image | default: document.header_img | absolute_url -%}
+	{%- assign words = document.content | strip_html | number_of_words -%}   	
+		{%- assign minutes = words | divided_by: wpm | ceil | at_least: 1 -%}
+	<entry>
+		<title>{{ document.title | strip_html | escape }}</title>
+		<link href="{{ document.url | replace: "index.html", "" | absolute_url | uri_escape }}" rel="alternate" type="text/html" title="{{ document.title | strip_html | escape }}"/>
+		<published>{{ document.date | date_to_xmlschema }}</published>
+		<updated>{{ document.last_modified_at | default: document.date | date_to_xmlschema }}</updated>
+		<id>{{ document.url | replace: "index.html", "" | absolute_url | uri_escape }}</id>
+		<content type="html" xml:base="{{ document.url | replace: "index.html", "" | absolute_url | uri_escape }}">
+		{% if document.subtitle %}
+		{{ '<h3>' | append: document.subtitle | 
+	         append: '</h3>' | escape }}
+		
+		{% endif %}
+  		{% if entryimg %}
+			{{ "<img src='" | append: entryimg | append: "' >" | escape }}
+			{% endif %}
+	{{ "<p>" | append: minutes | 
+	         append: " min.</p>" | escape }}
+			{{ document.content | markdownify | escape }}
+		</content>
+		{% assign entryauthor = document.author | default: site.author %}
+		<author>
+			<name>{{ entryauthor.name | default: site.github.owner_name }}</name>
+			{%- for link in entryauthor.links limit: 1 -%}
+			<uri>{{ link.url | absolute_url }}</uri>
+			{%- endfor -%}		
+		</author>
+		<summary type="html">{{ document.excerpt | escape }}</summary>
+		<category term="{{ document.collection }}"/>
+		{% assign tagrss = document.tags | join: ','  | split: ',' | sort -%}
+		  {% for tag in tagrss  -%}
+		<category term="{{ tag }}"/>
+		  {%- endfor %}
+	</entry>
+    {%- endfor -%}	
+</feed>

data/assets/css/custom.scss

@@ -0,0 +1,4 @@
+---
+---
+@charset "utf-8";
+// Your custom css /scss here

data/assets/css/highlighter.scss

@@ -0,0 +1,5 @@
+---
+---
+@charset "utf-8";
+// Syntax highlighter
+@import "highlight/{{- site.chulapa-skin.highlight | downcase | default: "default" -}}";

data/assets/css/main.scss

@@ -0,0 +1,35 @@
+---
+---
+@charset "utf-8";
+// Custom free font: see https://diario.madrid.es/chulapa/
+@font-face {
+  font-family: chulapa;
+  src: url({{ "/assets/fonts/Chulapa/Chulapa-Bold_vmod.otf" | absolute_url }});
+  font-display: fallback;
+}
+
+ //Theming Bootstrap from config
+
+//Theme
+@import "skins/{{- site.chulapa-skin.skin | default: "none" -}}";
+
+//Theming Bootstrap from config // overrides 
+{% for var in site.chulapa-skin.vars %}
+  {% if var[1] != nil %}
+   ${{ var[0] }}: {{ var[1] }};
+  {% endif %}
+{% endfor%}
+
+
+{% if site.chulapa-skin.autothemer %}
+  // Autothemer: No overrides
+  @import "skins/auto";
+{% endif %}
+
+// Import bootstrap
+@import "bootstrap/bootstrap";
+//B. Chulapa specifics
+@import "chulapa-master";
+{% if site.search.provider == "algolia" %}
+@import "reset-algolia";
+{% endif %}

data/assets/fonts/Chulapa/LICENCIA DE USO.txt

@@ -0,0 +1,2 @@
+Chulapa es una tipografía del Ayuntamiento de Madrid diseñada y producida por Joancarles Casasín y Pablo Gámez sobre una idea de Silvia Fernández Palomar licenciada bajo Creative Commons CC BY, Versión 4.0:
+https://creativecommons.org/licenses/by/4.0/deed.es_ES

data/assets/js/algolia/algolia-search.js

@@ -0,0 +1,148 @@
+---
+layout: null
+---
+
+const algoliaClient = algoliasearch(
+  '{{ site.algolia.application_id }}',
+  '{{ site.algolia.search_only_api_key }}'
+);
+
+const searchClient = {
+  search(requests) {
+    if (requests.every(({ params }) => !params.query)) {
+      return Promise.resolve({
+        results: requests.map(() => ({
+          hits: [],
+          nbHits: 0,
+          nbPages: 0,
+        })),
+      });
+    }
+
+    return algoliaClient.search(requests);
+  },
+};
+
+const search = instantsearch({
+  indexName: '{{ site.algolia.index_name }}',
+  searchClient,
+});
+
+
+function imgurl(p1) {
+  if (p1 === undefined){
+    return " "
+  } else if (p1.indexOf("./") === 0) {
+    return p1.replace("./", "{{ '/' | absolute_url }}");
+  } else if (p1.indexOf("/") === 0) {
+    return p1.replace("/", "{{ '/' | absolute_url }}");
+  } else {
+    return p1
+  }
+}
+
+function parsecontent(hit) {
+  if (hit.html === undefined){
+    return " "
+  } else {
+    return hit._highlightResult.html.value
+  }
+}
+function parsetitle(hit) {
+  if (hit.title === undefined){
+    return "---------"
+  } else {
+    return hit._highlightResult.title.value
+  }
+}
+
+function parseimg(img1, img2){
+if (img1 === undefined){
+  return img2;
+  } else {
+    return img1;
+  }
+}
+
+const hitTemplate = function(hit) {
+  const url = hit.url;
+  const title = parsetitle(hit);
+  const content = parsecontent(hit);
+  const img = parseimg(hit.og_image, hit.header_img);
+  const imglink = imgurl(img);
+  if (img === undefined){
+  return `
+          <article class="my-2 text-left">
+          <div class="row">
+          <div class="col">
+          <h5 class="chulapa-links-hover-only"><a href="{{ '' | absolute_url }}${url}">${title}</a></h5>
+          </div>
+          </div>
+          <div class="row mt-2">
+          <div class="col">
+          <p>${content}</p>
+          </div>
+          </div>
+          <hr>
+          </article>
+          `;
+    } else {
+    return `
+    <article class="my-2 text-left">
+      <div class="row">
+        <div class="col">
+          <h5 class="chulapa-links-hover-only"><a href="{{ '' | absolute_url }}${url}">${title}</a></h5>
+        </div>
+      <div class="col-4 col-md-3">
+      <a href="{{ '' | absolute_url }}${url}">
+        <div class="rounded-lg chulapa-overlay-img chulapa-gradient chulapa-min-h-10" style="background-image: url('${imglink}')" ></div>
+        </a>
+        </div>
+    </div>
+    <div class="row mt-2">
+    <div class="col">
+    <p>${content}</p>
+    </div>
+    </div>
+    <hr>
+    </article>
+    `;
+    }
+}
+
+
+
+search.addWidgets([
+  instantsearch.widgets.searchBox({
+    container: '#searchbox',
+    placeholder: '{{ site.search.label | default: "Search" }}...', 
+    showReset: false,
+    showSubmit: false,
+    showLoadingIndicator: false,
+    cssClasses: {
+      root: ['input-group'],
+      form: ['input-group'],
+      input: ['form-control', 'rounded'],
+    },
+  }),
+  {% if site.search.algolia_logo %}
+  instantsearch.widgets.poweredBy({
+    container: '#powered-by',
+  }),
+  {% endif %}
+  {% raw %}
+  instantsearch.widgets.hits({
+    container: '#hits',
+    escapeHTML: false,
+    templates: {
+      empty: `
+        {{#query}}
+          <h6 class="text-center">No results found</h6>
+        {{/query}}
+      `,
+      item: hitTemplate
+    },
+  }),
+  {% endraw %}
+]);
+search.start();

data/assets/js/ch_ytdefer/ch_ytdefer.js

@@ -0,0 +1,81 @@
+var ytdefer_ic_w = 73;
+var ytdefer_ic_h = 52;
+var yt_icon =
+    '<svg height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 68 48" width="100%"><path class="ytp-large-play-button-bg" d="M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z" fill="#eb3223"></path><path d="M 45,24 27,14 27,34" fill="#fff"></path></svg>';
+var yt_dark_icon =
+    '<svg height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 68 48" width="100%"><path class="ytp-large-play-button-bg" d="M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z" fill="#212121" fill-opacity="0.8"></path><path d="M 45,24 27,14 27,34" fill="#fff"></path></svg>';
+
+function ch_ytdefer_setup() {
+    var d = document;
+    var els = d.getElementsByClassName("ch_ytdefer");
+    for (var i = 0; i < els.length; i++) {
+        var im = els[i];
+        var ds = im.getAttribute("data-src");
+        if (!ds) {
+            alert("data-src missing for video");
+            return;
+        }
+        // Add ids and clicks		
+        im.setAttribute('id', "ch_ytdefer" + i);
+        //im.id= ;
+        im.onclick = gen_ytdefer_clk(i);
+        //e.appendChild(im);
+
+        // Add id to button
+        var bt = im.getElementsByClassName("ch_ytdefer_btn")[0];
+        bt.setAttribute("id", "ch_ytdefer_icon" + i);
+
+        // Hover button
+        im.onmouseover = gen_mouseover(bt);
+        im.onmouseout = gen_mouseout(bt);
+
+    }
+    if (typeof YT == "undefined") {
+        var js = d.createElement("script");
+        js.type = "text/javascript";
+        js.src = "https://www.youtube.com/player_api";
+        d.body.appendChild(js);
+    }
+}
+
+function gen_mouseout(bt) {
+    return function() {
+        bt.style.backgroundImage = "url(data:image/svg+xml;base64," + window.btoa(yt_dark_icon) + ")";
+    };
+}
+
+function gen_mouseover(bt) {
+    return function() {
+        bt.style.backgroundImage = "url(data:image/svg+xml;base64," + window.btoa(yt_icon) + ")";
+    };
+}
+
+function gen_ytdefer_clk(i) {
+    return function() {
+        var d = document;
+        var im = d.getElementById("ch_ytdefer" + i);
+        // Get video id from source
+        var vid_id = im.getAttribute("data-src");
+
+
+        // Create an iframe with the responsive class and append it as a child
+        var ifr = d.createElement("div");
+        ifr.id = "ch_ytdefer_frame" + i;
+        ifr.classList.add("embed-responsive-item");
+        im.appendChild(ifr);
+
+        //Remove attributes
+        //im.removeAttribute('style');
+
+        // Add player
+        var player = new YT.Player(ifr.id, {
+            videoId: vid_id,
+            events: {
+                onReady: function(ev) {
+                    ev.target.playVideo();
+                },
+            },
+        });
+
+    };
+}

data/assets/js/ch_ytdefer/ch_ytdefer.min.js

@@ -0,0 +1 @@
+var ytdefer_ic_w=73,ytdefer_ic_h=52,yt_icon='<svg height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 68 48" width="100%"><path class="ytp-large-play-button-bg" d="M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z" fill="#eb3223"></path><path d="M 45,24 27,14 27,34" fill="#fff"></path></svg>',yt_dark_icon='<svg height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 68 48" width="100%"><path class="ytp-large-play-button-bg" d="M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z" fill="#212121" fill-opacity="0.8"></path><path d="M 45,24 27,14 27,34" fill="#fff"></path></svg>';function ch_ytdefer_setup(){for(var e=document,t=e.getElementsByClassName("ch_ytdefer"),n=0;n<t.length;n++){var a=t[n];if(!a.getAttribute("data-src")){alert("data-src missing for video");return}a.setAttribute("id","ch_ytdefer"+n),a.onclick=gen_ytdefer_clk(n);var i=a.getElementsByClassName("ch_ytdefer_btn")[0];i.setAttribute("id","ch_ytdefer_icon"+n),a.onmouseover=gen_mouseover(i),a.onmouseout=gen_mouseout(i)}if("undefined"==typeof YT){var r=e.createElement("script");r.type="text/javascript",r.src="https://www.youtube.com/player_api",e.body.appendChild(r)}}function gen_mouseout(e){return function(){e.style.backgroundImage="url(data:image/svg+xml;base64,"+window.btoa(yt_dark_icon)+")"}}function gen_mouseover(e){return function(){e.style.backgroundImage="url(data:image/svg+xml;base64,"+window.btoa(yt_icon)+")"}}function gen_ytdefer_clk(e){return function(){var t=document,n=t.getElementById("ch_ytdefer"+e),a=n.getAttribute("data-src"),i=t.createElement("div");i.id="ch_ytdefer_frame"+e,i.classList.add("embed-responsive-item"),n.appendChild(i),new YT.Player(i.id,{videoId:a,events:{onReady:function(e){e.target.playVideo()}}})}}

data/assets/js/clipboardrouge.js

@@ -0,0 +1,95 @@
+---
+layout: null
+---
+
+// Clipboard
+// Uses Bootstrap 4 + JQuery
+
+// Initialize tooltips BST4 - Fancy displaying
+// CSS btn-copy-code: Visibility controls that the button is shown only when hovering the code container
+//.btn-copy-code{position:absolute;right:30px;visibility:hidden} NOTE: visibilty optional
+//.highlighter-rouge:hover button.btn-copy-code{visibility:visible} NOTE: Skip if btn_copy_code not hidden
+
+$(function () {
+  $('[data-toggle="tooltip"]').tooltip()
+})
+
+function showTooltip(btn, message) {
+    btn.tooltip('hide')
+        .attr('data-original-title', message)
+        .tooltip('show');
+}
+
+function hideTooltip(btn) {
+    setTimeout(function() {
+        btn.tooltip('hide');
+    }, 1000);
+}
+
+function sleep(ms) {
+    return new Promise(resolve => setTimeout(resolve, ms));
+}
+//
+async function setTooltip(btn, message) {
+    btn.classList.remove('btn-light');
+    btn.classList.add('btn-success');
+    btn.setAttribute('aria-label', message);
+    await sleep(1000);
+    btn.removeAttribute('aria-label');
+    btn.removeAttribute('data-original-title');
+    btn.classList.add('btn-light');
+    btn.classList.remove('btn-success');
+}
+
+async function warningTooltip(btn, message) {
+    btn.classList.remove('btn-light');
+    btn.classList.add('btn-danger');
+    await sleep(500);
+    btn.removeAttribute('aria-label');
+    btn.removeAttribute('data-original-title');
+    btn.classList.add('btn-light');
+    btn.classList.remove('btn-danger');
+}
+
+// End helpers tooltip
+
+// Insert buttons 
+$(document).ready(function() {	
+	// HTML Button styled with BST4
+	var copyButton = 	"<button class='btn btn-light btn-sm btn-chulapa-copy-code' " +
+	                    "type = 'button' " +
+						"data-toggle='tooltip'" +
+						"data-placement='left'" +
+						"data-clipboard-copy>" +  //Keyword
+						"<i class='far fa-copy'></i>" +
+						"</button>";
+						
+    // Insert copy buttons between pre  and code on Rouge:
+	$(copyButton).prependTo("pre.highlight");
+
+});
+
+// Copy next Sibling - code part
+var clipboard = new ClipboardJS('[data-clipboard-copy]', { // Keyword
+    target: function(trigger) {
+        return trigger.nextElementSibling;
+    }
+});
+// Fancy displaying using BST4
+clipboard.on('success', function(e) {
+    e.clearSelection();
+    setTooltip(e.trigger, 'Copied!');
+    var btn = $(e.trigger);
+    showTooltip(btn, 'Copied!');
+    hideTooltip(btn);
+	// Console
+    console.info('Text:', e.text);
+});
+
+clipboard.on('error', function(e) {
+	e.clearSelection();
+    warningTooltip(e.trigger, 'Error!');
+    var btn = $(e.trigger);
+    showTooltip(btn, 'Error!');
+    hideTooltip(btn);
+});

data/assets/js/google/google-search.js

@@ -0,0 +1,24 @@
+---
+layout: null
+---
+
+(function() {
+    var cx = '{{ site.google_cse_id }}';
+    var gcse = document.createElement('script');
+    gcse.type = 'text/javascript';
+    gcse.async = true;
+    gcse.src = 'https://cse.google.com/cse.js?cx=' + cx;
+    var s = document.getElementsByTagName('script')[0];
+    s.parentNode.insertBefore(gcse, s);
+})();
+
+function googleCustomSearchExecute() {
+    var input = document.getElementById('cse-search-input-box-id');
+    var element = google.search.cse.element.getElement('searchresults-only0');
+    if (input.value == '') {
+        element.clearAllResults();
+    } else {
+        element.execute(input.value);
+    }
+    return false;
+}