jekyll-theme-centos 0.5.4 → 0.5.9

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 0c8b3903dfafcdfc16621eb04c60b5318324da9f098d0fd6f98ba2e2d0755f59
-  data.tar.gz: 4ee8e670151a2ada4e46f958905ca29e5f85294cb39108b5f84b63cd765bd8f6
+  metadata.gz: cdbbafb635e468118f8d8c80324fd7afa99f8f19b826d1ed9ebf3bdcec99b751
+  data.tar.gz: 3d055445f95c5bafcb0d250bf12279f2d63827885048aa54960ebae359bbf2d8
 SHA512:
-  metadata.gz: 1cda7eb97f4ed171ffaaf9589101eed578731780994e1ed843d9e72a3321b262166002ba9a2c5ad7a2550995317118296814b66ffa6f681236f7ce897e63d712
-  data.tar.gz: 41721c53396948ded2cadb065c0d6fcfc8241e826d476d7fe5f945d6b6835b78b2b2c6367e045bd239e907993db4b92a7cfbabe2ca7e5731f5d22ffa2b696a81
+  metadata.gz: 04da294524df1504e1cdb78cf436a9ebeceabf46d6a3e2a40989320289f138fbec0924324ac26afad22b1c15ca0fdbc72761a94dc3f16d4f4f6c619626f2a2dc
+  data.tar.gz: 06a4747a5d28e0c96d674580008dfb3e058013428435a3f3fbc9fc4e51929e71ed61a996603424803a99d3ca5708ef68143dfe8d5bd3b93dbd248c89f5bb402a

data/_includes/page/code-header.html

@@ -0,0 +1,4 @@
+<div class="code-header">
+    <button class="copy-code-button" aria-label="Copy code to clipboard"></button>
+</div>
+

data/_includes/post-nav-explorer.html

@@ -11,7 +11,7 @@
     <a href="{{ "/feed.xml" | relative_url }}"><button type="button" class="btn btn-light" data-toggle="tooltip" data-placement="top" title="RSS"><i class="fas fa-rss"></i></button></a>
   </div>
   <div class="post__nav__explorer__index">
-    <a href="/{{ site.pagination.indexpage }}/"><button type="button" class="btn btn-light" data-toggle="tooltip" data-placement="top" title="Blog posts"><i class="fas fa-th"></i></button></a>
+    <a href="/{{ site.pagination.indexpage }}.html"><button type="button" class="btn btn-light" data-toggle="tooltip" data-placement="top" title="Blog posts"><i class="fas fa-th"></i></button></a>
   </div>
   {% if page.next.url %}
   <div class="post__nav__explorer__older">

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/copycode.js"></script>
 </body>
 
 </html>

data/_sass/centos/_mixins.scss

@@ -2,5 +2,6 @@
 @import "mixins/_content-nav";
 @import "mixins/_aside-nav";
 @import "mixins/_link-list";
+@import "mixins/_code-header";
 
 @import "mixins/_post-nav-explorer"

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

@@ -0,0 +1,41 @@
+@mixin code-header {
+
+  .code-header {
+    display: flex;
+    justify-content: flex-end;
+    background: $black;
+  }
+
+  .copy-code-button {
+    @extend .btn, .btn-dark, .shadow-none;
+    border-radius: 0px;
+    display: grid;
+    grid-auto-flow: column;
+    align-items: center;
+    grid-column-gap: 4px;
+    border: none;
+    cursor: pointer;
+    background-color: $black;
+    font-size: small;
+
+    &:before {
+      @extend .fas;
+      content: fa-content($fa-var-clipboard);
+    }
+    &:after {
+      content: "Copy";
+      display: block;
+    }
+
+    // This class will be toggled via JavaScript
+    &.copied {
+      &:before {
+        @extend .fas;
+        content: fa-content($fa-var-clipboard-check);
+      }
+      &:after {
+        content: "Copied!";
+      }
+    }
+  }
+}

data/_sass/centos/mixins/_content.scss

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

data/assets/js/copycode.js

@@ -0,0 +1,18 @@
+// 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);
+  });
+});

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-centos
 version: !ruby/object:Gem::Version
-  version: 0.5.4
+  version: 0.5.9
 platform: ruby
 authors:
 - Alain Reguera Delgado
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2021-04-11 00:00:00.000000000 Z
+date: 2021-04-17 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -97,6 +97,7 @@ 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
@@ -217,6 +218,7 @@ files:
 - _sass/centos/centos.scss
 - _sass/centos/fonts/_montserrat.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/_link-list.scss
@@ -335,6 +337,7 @@ files:
 - assets/img/post.png
 - assets/js/bootstrap.min.js
 - assets/js/bootstrap.min.js.map
+- assets/js/copycode.js
 - assets/js/dataTables.bootstrap4.min.js
 - assets/js/instantsearch.min.js
 - assets/js/jquery.dataTables.min.js