jekyll-theme-centos 0.5.4 → 0.5.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/_includes/page/code-header.html +4 -0
- data/_layouts/default.html +1 -0
- data/_sass/centos/_mixins.scss +1 -0
- data/_sass/centos/mixins/_code-header.scss +47 -0
- data/_sass/centos/mixins/_content.scss +1 -0
- data/assets/js/copycode.js +17 -0
- metadata +4 -1
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 27f828d8ef0af0325b4b9d2c40feef81d414bb3712a7c7c37fd5aefda4a7904b
|
|
4
|
+
data.tar.gz: 11e18543e0b7210023a7524e5407afa7b95ed7c21497a2091dad647bbc372654
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 6bbb77c8c4a14bd8febc828b03f02dae1af36c14b43c0253e3bbf84bc8da7d1f586d721492b32efcd010962ecceae96a3986b567b97361d0d8605271b217e3c3
|
|
7
|
+
data.tar.gz: 5128068a4ad8532b86e24130a5e876878f74da7eb71d393bbc996694086a871bec3fb304853ba1a2217a305df99e036c7e221da13db369d9c760ed89c34b59ae
|
data/_layouts/default.html
CHANGED
data/_sass/centos/_mixins.scss
CHANGED
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
@mixin code-header {
|
|
2
|
+
|
|
3
|
+
.code-header {
|
|
4
|
+
display: flex;
|
|
5
|
+
justify-content: flex-end;
|
|
6
|
+
background: $black;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.copy-code-button {
|
|
10
|
+
display: grid;
|
|
11
|
+
grid-auto-flow: column;
|
|
12
|
+
align-items: center;
|
|
13
|
+
grid-column-gap: 4px;
|
|
14
|
+
border: none;
|
|
15
|
+
cursor: pointer;
|
|
16
|
+
background: $black;
|
|
17
|
+
color: $white;
|
|
18
|
+
font-size: small;
|
|
19
|
+
opacity: 0.7;
|
|
20
|
+
|
|
21
|
+
&:hover {
|
|
22
|
+
opacity: 0.85;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
&:before {
|
|
26
|
+
@extend .fas;
|
|
27
|
+
content: fa-content($fa-var-clipboard);
|
|
28
|
+
}
|
|
29
|
+
&:after {
|
|
30
|
+
content: "Copy";
|
|
31
|
+
display: block;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
// This class will be toggled via JavaScript
|
|
35
|
+
&.copied {
|
|
36
|
+
opacity: 1;
|
|
37
|
+
&:before {
|
|
38
|
+
@extend .fas;
|
|
39
|
+
content: fa-content($fa-var-check);
|
|
40
|
+
color: $green;
|
|
41
|
+
}
|
|
42
|
+
&:after {
|
|
43
|
+
content: "Copied!";
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
// Thanks Aleksandr
|
|
2
|
+
// https://www.aleksandrhovhannisyan.com/blog/how-to-add-a-copy-to-clipboard-button-to-your-jekyll-blog/
|
|
3
|
+
const codeBlocks = document.querySelectorAll(".code-header + .highlighter-rouge");
|
|
4
|
+
const copyCodeButtons = document.querySelectorAll(".copy-code-button");
|
|
5
|
+
|
|
6
|
+
copyCodeButtons.forEach((copyCodeButton, index) => {
|
|
7
|
+
const code = codeBlocks[index].innerText;
|
|
8
|
+
|
|
9
|
+
copyCodeButton.addEventListener("click", () => {
|
|
10
|
+
window.navigator.clipboard.writeText(code);
|
|
11
|
+
copyCodeButton.classList.add("copied");
|
|
12
|
+
|
|
13
|
+
setTimeout(() => {
|
|
14
|
+
copyCodeButton.classList.remove("copied");
|
|
15
|
+
}, 2000);
|
|
16
|
+
});
|
|
17
|
+
});
|
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: jekyll-theme-centos
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.5.
|
|
4
|
+
version: 0.5.5
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Alain Reguera Delgado
|
|
@@ -97,6 +97,7 @@ files:
|
|
|
97
97
|
- _includes/page/alert-info.html
|
|
98
98
|
- _includes/page/alert-success.html
|
|
99
99
|
- _includes/page/alert-warning.html
|
|
100
|
+
- _includes/page/code-header.html
|
|
100
101
|
- _includes/page/figure.html
|
|
101
102
|
- _includes/page/video.html
|
|
102
103
|
- _includes/post-nav-explorer.html
|
|
@@ -217,6 +218,7 @@ files:
|
|
|
217
218
|
- _sass/centos/centos.scss
|
|
218
219
|
- _sass/centos/fonts/_montserrat.scss
|
|
219
220
|
- _sass/centos/mixins/_aside-nav.scss
|
|
221
|
+
- _sass/centos/mixins/_code-header.scss
|
|
220
222
|
- _sass/centos/mixins/_content-nav.scss
|
|
221
223
|
- _sass/centos/mixins/_content.scss
|
|
222
224
|
- _sass/centos/mixins/_link-list.scss
|
|
@@ -335,6 +337,7 @@ files:
|
|
|
335
337
|
- assets/img/post.png
|
|
336
338
|
- assets/js/bootstrap.min.js
|
|
337
339
|
- assets/js/bootstrap.min.js.map
|
|
340
|
+
- assets/js/copycode.js
|
|
338
341
|
- assets/js/dataTables.bootstrap4.min.js
|
|
339
342
|
- assets/js/instantsearch.min.js
|
|
340
343
|
- assets/js/jquery.dataTables.min.js
|