jekyll-theme-centos 0.9.20220201124228 → 0.9.20220212195701

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: afc99b018fa95635a389981b1d5ae7f7909889a6bf0622abd6991cf29e5ee0b6
-  data.tar.gz: 6f0217be9c529ecea363785d1f58fef48bbe61f1fd57f300387781fb3114c34a
+  metadata.gz: 68098ad4fab9e64f187803984458996a292c5c4da081e73b6f01ec159f46603c
+  data.tar.gz: 154c6bea65d72b3bd53c28dd01e8f99f1ba465275f8ef451bfee632a041e91db
 SHA512:
-  metadata.gz: bee599dbf148bb4eb8842bbde57d2a5fd0a85c052d5569e3cf0ab630869c8cc55c916583ccb556239cc098966368003e969ec503b1c18f74c3433d6383a7bc5d
-  data.tar.gz: ae2bb2f0887dd0c7f2e746a20a339be1b514ce21275b763fd42d02f0c532981527a5b646df194184714bd3eb2c49d3ab7a71637babc25cbc5286aae10ec05c05
+  metadata.gz: d15dd926c68b6092fea97036feaecc56aa13126c83dff2d17fb893580c39232fc7553c3f82c1badae5c5e0036f0bb9d691d9d35c193ccbe66e3d255db719af81
+  data.tar.gz: 13bc607da1818f4bd057c3790883203477103da6bde0171f3575756a059cb534210a551d4ac96fb10555b77bc11b62b771e077b230b284c52cc11661dfa798c3

data/_includes/download/cards-body-convert.html

@@ -5,7 +5,6 @@
 <tr>
   <td>
 {% if row["commands"] != "" %}
-{% include page/code-header.html icon="terminal" title="Terminal" %}
 {{ code | markdownify }}
 {% endif %}
   </td>

data/_layouts/default.html

@@ -14,6 +14,7 @@
 
   <script src="/assets/js/jquery.min.js"></script>
   <script src="/assets/js/bootstrap.min.js"></script>
+  <script src="/assets/js/clipboard.min.js"></script>
   <script src="/assets/js/customization.js"></script>
 </body>
 

data/_sass/centos/_highlighter.scss

@@ -6,31 +6,40 @@
  * src: https://github.com/aahan/pygments-github-style
  */
 
+.highlighter-rouge {
+  background-color: #ccc;
+}
+
 .highlight pre, pre {
   background-color: #f8f8f8;
   border: 1px solid #ccc;
-  padding: 6px 10px;
-  border-radius: 0 0 3px 3px;
+  padding: 10px 10px;
 }
 
 .card-body {
   // Corrections for two-columns responsive layout inside cards.
   .highlight pre, pre {
     @include media-breakpoint-up(sm) {
-      width: 334px;
+      width: 293px;
     }
     @include media-breakpoint-up(md) {
-      width: 514px;
+      width: 473px;
     }
     @include media-breakpoint-up(lg) {
-      width: 754px;
+      width: 713px;
     }
     @include media-breakpoint-up(xl) {
-      width: 564px;
+      width: 523px;
     }
   }
 }
 
+.btn-clipboard {
+  @extend .btn, .btn-light, .btn-sm;
+  float: right;
+  margin: 5px;
+}
+
 .highlight {
   .hll {
     background-color: #f8f8f8;

data/_sass/centos/_mixins.scss

@@ -3,6 +3,5 @@
 @import "mixins/_aside-nav";
 @import "mixins/_list-links";
 @import "mixins/_header-links";
-@import "mixins/_code-header";
 
 @import "mixins/_post-nav-explorer"

data/_sass/centos/centos.scss

@@ -1,5 +1,5 @@
 /*!
- * jekyll-theme-centos 0.9.20220201124228 (https://gitlab.com/areguera/jekyll-theme-centos)
+ * jekyll-theme-centos 0.9.20220212195701 (https://gitlab.com/areguera/jekyll-theme-centos)
  * Copyright 2020-2022 areguera@centosproject.org
  * Licensed under MIT (https://gitlab.com/areguera/jekyll-theme-centos/-/blob/master/LICENSE)
  */

data/_sass/centos/mixins/_content.scss

@@ -88,6 +88,4 @@
     margin-bottom: $line-height-base * 1em;
   }
 
-  @include code-header;
-
 }

data/assets/js/clipboard.min.js

@@ -0,0 +1,7 @@
+/*!
+ * clipboard.js v2.0.10
+ * https://clipboardjs.com/
+ *
+ * Licensed MIT © Zeno Rocha
+ */
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.ClipboardJS=e():t.ClipboardJS=e()}(this,function(){return n={686:function(t,e,n){"use strict";n.d(e,{default:function(){return o}});var e=n(279),i=n.n(e),e=n(370),u=n.n(e),e=n(817),c=n.n(e);function a(t){try{return document.execCommand(t)}catch(t){return}}var f=function(t){t=c()(t);return a("cut"),t};var l=function(t){var e,n,o,r=1<arguments.length&&void 0!==arguments[1]?arguments[1]:{container:document.body},i="";return"string"==typeof t?(e=t,n="rtl"===document.documentElement.getAttribute("dir"),(o=document.createElement("textarea")).style.fontSize="12pt",o.style.border="0",o.style.padding="0",o.style.margin="0",o.style.position="absolute",o.style[n?"right":"left"]="-9999px",n=window.pageYOffset||document.documentElement.scrollTop,o.style.top="".concat(n,"px"),o.setAttribute("readonly",""),o.value=e,o=o,r.container.appendChild(o),i=c()(o),a("copy"),o.remove()):(i=c()(t),a("copy")),i};function r(t){return(r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}var s=function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:{},e=t.action,n=void 0===e?"copy":e,o=t.container,e=t.target,t=t.text;if("copy"!==n&&"cut"!==n)throw new Error('Invalid "action" value, use either "copy" or "cut"');if(void 0!==e){if(!e||"object"!==r(e)||1!==e.nodeType)throw new Error('Invalid "target" value, use a valid Element');if("copy"===n&&e.hasAttribute("disabled"))throw new Error('Invalid "target" attribute. Please use "readonly" instead of "disabled" attribute');if("cut"===n&&(e.hasAttribute("readonly")||e.hasAttribute("disabled")))throw new Error('Invalid "target" attribute. You can\'t cut text from elements with "readonly" or "disabled" attributes')}return t?l(t,{container:o}):e?"cut"===n?f(e):l(e,{container:o}):void 0};function p(t){return(p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function d(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}function y(t,e){return(y=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function h(n){var o=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch(t){return!1}}();return function(){var t,e=m(n);return t=o?(t=m(this).constructor,Reflect.construct(e,arguments,t)):e.apply(this,arguments),e=this,!(t=t)||"object"!==p(t)&&"function"!=typeof t?function(t){if(void 0!==t)return t;throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}(e):t}}function m(t){return(m=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function v(t,e){t="data-clipboard-".concat(t);if(e.hasAttribute(t))return e.getAttribute(t)}var o=function(){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&y(t,e)}(r,i());var t,e,n,o=h(r);function r(t,e){var n;return function(t){if(!(t instanceof r))throw new TypeError("Cannot call a class as a function")}(this),(n=o.call(this)).resolveOptions(e),n.listenClick(t),n}return t=r,n=[{key:"copy",value:function(t){var e=1<arguments.length&&void 0!==arguments[1]?arguments[1]:{container:document.body};return l(t,e)}},{key:"cut",value:function(t){return f(t)}},{key:"isSupported",value:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:["copy","cut"],t="string"==typeof t?[t]:t,e=!!document.queryCommandSupported;return t.forEach(function(t){e=e&&!!document.queryCommandSupported(t)}),e}}],(e=[{key:"resolveOptions",value:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:{};this.action="function"==typeof t.action?t.action:this.defaultAction,this.target="function"==typeof t.target?t.target:this.defaultTarget,this.text="function"==typeof t.text?t.text:this.defaultText,this.container="object"===p(t.container)?t.container:document.body}},{key:"listenClick",value:function(t){var e=this;this.listener=u()(t,"click",function(t){return e.onClick(t)})}},{key:"onClick",value:function(t){var e=t.delegateTarget||t.currentTarget,n=this.action(e)||"copy",t=s({action:n,container:this.container,target:this.target(e),text:this.text(e)});this.emit(t?"success":"error",{action:n,text:t,trigger:e,clearSelection:function(){e&&e.focus(),document.activeElement.blur(),window.getSelection().removeAllRanges()}})}},{key:"defaultAction",value:function(t){return v("action",t)}},{key:"defaultTarget",value:function(t){t=v("target",t);if(t)return document.querySelector(t)}},{key:"defaultText",value:function(t){return v("text",t)}},{key:"destroy",value:function(){this.listener.destroy()}}])&&d(t.prototype,e),n&&d(t,n),r}()},828:function(t){var e;"undefined"==typeof Element||Element.prototype.matches||((e=Element.prototype).matches=e.matchesSelector||e.mozMatchesSelector||e.msMatchesSelector||e.oMatchesSelector||e.webkitMatchesSelector),t.exports=function(t,e){for(;t&&9!==t.nodeType;){if("function"==typeof t.matches&&t.matches(e))return t;t=t.parentNode}}},438:function(t,e,n){var u=n(828);function i(t,e,n,o,r){var i=function(e,n,t,o){return function(t){t.delegateTarget=u(t.target,n),t.delegateTarget&&o.call(e,t)}}.apply(this,arguments);return t.addEventListener(n,i,r),{destroy:function(){t.removeEventListener(n,i,r)}}}t.exports=function(t,e,n,o,r){return"function"==typeof t.addEventListener?i.apply(null,arguments):"function"==typeof n?i.bind(null,document).apply(null,arguments):("string"==typeof t&&(t=document.querySelectorAll(t)),Array.prototype.map.call(t,function(t){return i(t,e,n,o,r)}))}},879:function(t,n){n.node=function(t){return void 0!==t&&t instanceof HTMLElement&&1===t.nodeType},n.nodeList=function(t){var e=Object.prototype.toString.call(t);return void 0!==t&&("[object NodeList]"===e||"[object HTMLCollection]"===e)&&"length"in t&&(0===t.length||n.node(t[0]))},n.string=function(t){return"string"==typeof t||t instanceof String},n.fn=function(t){return"[object Function]"===Object.prototype.toString.call(t)}},370:function(t,e,n){var f=n(879),l=n(438);t.exports=function(t,e,n){if(!t&&!e&&!n)throw new Error("Missing required arguments");if(!f.string(e))throw new TypeError("Second argument must be a String");if(!f.fn(n))throw new TypeError("Third argument must be a Function");if(f.node(t))return c=e,a=n,(u=t).addEventListener(c,a),{destroy:function(){u.removeEventListener(c,a)}};if(f.nodeList(t))return o=t,r=e,i=n,Array.prototype.forEach.call(o,function(t){t.addEventListener(r,i)}),{destroy:function(){Array.prototype.forEach.call(o,function(t){t.removeEventListener(r,i)})}};if(f.string(t))return t=t,e=e,n=n,l(document.body,t,e,n);throw new TypeError("First argument must be a String, HTMLElement, HTMLCollection, or NodeList");var o,r,i,u,c,a}},817:function(t){t.exports=function(t){var e,n="SELECT"===t.nodeName?(t.focus(),t.value):"INPUT"===t.nodeName||"TEXTAREA"===t.nodeName?((e=t.hasAttribute("readonly"))||t.setAttribute("readonly",""),t.select(),t.setSelectionRange(0,t.value.length),e||t.removeAttribute("readonly"),t.value):(t.hasAttribute("contenteditable")&&t.focus(),n=window.getSelection(),(e=document.createRange()).selectNodeContents(t),n.removeAllRanges(),n.addRange(e),n.toString());return n}},279:function(t){function e(){}e.prototype={on:function(t,e,n){var o=this.e||(this.e={});return(o[t]||(o[t]=[])).push({fn:e,ctx:n}),this},once:function(t,e,n){var o=this;function r(){o.off(t,r),e.apply(n,arguments)}return r._=e,this.on(t,r,n)},emit:function(t){for(var e=[].slice.call(arguments,1),n=((this.e||(this.e={}))[t]||[]).slice(),o=0,r=n.length;o<r;o++)n[o].fn.apply(n[o].ctx,e);return this},off:function(t,e){var n=this.e||(this.e={}),o=n[t],r=[];if(o&&e)for(var i=0,u=o.length;i<u;i++)o[i].fn!==e&&o[i].fn._!==e&&r.push(o[i]);return r.length?n[t]=r:delete n[t],this}},t.exports=e,t.exports.TinyEmitter=e}},r={},o.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return o.d(e,{a:e}),e},o.d=function(t,e){for(var n in e)o.o(e,n)&&!o.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:e[n]})},o.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},o(686).default;function o(t){if(r[t])return r[t].exports;var e=r[t]={exports:{}};return n[t](e,e.exports,o),e.exports}var n,r});

data/assets/js/customization.js

@@ -1,23 +1,3 @@
-// Copy code
-// Thanks Aleksandr
-// https://www.aleksandrhovhannisyan.com/blog/how-to-add-a-copy-to-clipboard-button-to-your-jekyll-blog/
-const codeBlocks = document.querySelectorAll(".code-header + .highlighter-rouge");
-const copyCodeButtons = document.querySelectorAll(".copy-code-button");
-
-copyCodeButtons.forEach((copyCodeButton, index) => {
-  const code = codeBlocks[index].innerText;
-
-  copyCodeButton.addEventListener("click", () => {
-    window.navigator.clipboard.writeText(code);
-    copyCodeButton.classList.add("copied");
-
-    setTimeout(() => {
-      copyCodeButton.classList.remove("copied");
-      copyCodeButton.blur();
-    }, 2000);
-  });
-});
-
 // Show top page button after scrolling down.
 $("#topbtn").hide();
 $(window).scroll(function() {
@@ -27,3 +7,20 @@ $(window).scroll(function() {
     $("#topbtn").fadeOut("fast");
   }
 });
+// Instantiate clipboard.js
+new ClipboardJS('.btn-clipboard', {
+  target: function(trigger) {
+    return trigger.nextElementSibling;
+  }
+});
+// Add button before pre element to complete clipboard.js implementation.
+document.querySelectorAll("pre > code").forEach((codeBlock) => {
+  const button = document.createElement("button");
+  button.className = "btn-clipboard";
+  button.title = "Copy to clipboard";
+  button.type = "button";
+  button.innerHTML = "<i class=\"fas fa-copy\"></i>";
+
+  const pre = codeBlock.parentNode;
+  pre.parentNode.insertBefore(button, pre);
+});

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-centos
 version: !ruby/object:Gem::Version
-  version: 0.9.20220201124228
+  version: 0.9.20220212195701
 platform: ruby
 authors:
 - Alain Reguera Delgado
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2022-02-01 00:00:00.000000000 Z
+date: 2022-02-12 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -90,7 +90,6 @@ files:
 - _includes/page/alert-info.html
 - _includes/page/alert-success.html
 - _includes/page/alert-warning.html
-- _includes/page/code-header.html
 - _includes/page/figure.html
 - _includes/page/video.html
 - _includes/post-nav-explorer.html
@@ -216,7 +215,6 @@ files:
 - _sass/centos/fonts/_montserrat.scss
 - _sass/centos/fonts/_overpass.scss
 - _sass/centos/mixins/_aside-nav.scss
-- _sass/centos/mixins/_code-header.scss
 - _sass/centos/mixins/_content-nav.scss
 - _sass/centos/mixins/_content.scss
 - _sass/centos/mixins/_header-links.scss
@@ -353,6 +351,7 @@ files:
 - assets/img/post.png
 - assets/js/bootstrap.min.js
 - assets/js/bootstrap.min.js.map
+- assets/js/clipboard.min.js
 - assets/js/customization.js
 - assets/js/dataTables.bootstrap4.min.js
 - assets/js/instantsearch.min.js

data/_includes/page/code-header.html

@@ -1,10 +0,0 @@
-<div class="code-header">
-  {% if include.icon and include.title %}
-  <div class="code-header--description-{{ include.icon }}">{{ include.title }}</div>
-  {% else %}
-  <div class="code-header--description-code">Code</div>
-  {% endif %}
-  <div class="code-header--button">
-    <button class="copy-code-button" aria-label="Copy code to clipboard"></button>
-  </div>
-</div>

data/_sass/centos/mixins/_code-header.scss

@@ -1,64 +0,0 @@
-/* code-header
- */
-@mixin code-header {
-
-  .code-header {
-    @extend .bg-light;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding-left: 10px;
-    font-size: small; 
-
-    &--description {
-      &-code {
-        &:before { @extend .fas; content: fa-content($fa-var-code); padding-right: 5px; }
-      }
-      &-python {
-        &:before { @extend .fab; content: fa-content($fa-var-python); padding-right: 5px; }
-      }
-      &-terminal {
-        &:before { @extend .fas; content: fa-content($fa-var-terminal); padding-right: 5px; }
-      }
-      &-key {
-        &:before { @extend .fas; content: fa-content($fa-var-key); padding-right: 5px; }
-      }
-      &-markdown {
-        &:before { @extend .fab; content: fa-content($fa-var-markdown); padding-right: 5px; }
-      }
-    }
-
-    &--button {
-      .copy-code-button {
-        @extend .btn, .btn-light, .shadow-none, .btn-sm;
-        border-radius: 0px;
-        display: grid;
-        grid-auto-flow: column;
-        align-items: center;
-        grid-column-gap: 4px;
-        border: none;
-        cursor: pointer;
-        font-size: small;
-
-        &:before {
-          @extend .fas;
-          content: fa-content($fa-var-clipboard);
-        }
-        &:after {
-          content: "Copy";
-        }
-
-        // This class will be toggled via JavaScript
-        &.copied {
-          &:before {
-            @extend .fas;
-            content: fa-content($fa-var-clipboard-check);
-          }
-          &:after {
-            content: "Copied!";
-          }
-        }
-      }
-    }
-  }
-}