whiteblog-theme 0.0.13 → 0.0.14
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/_includes/backtotop.html +6 -1
- data/_includes/footer.html +10 -1
- data/_includes/sharepost.html +12 -2
- data/_layouts/categories.html +10 -3
- data/_layouts/default.html +2 -5
- data/_sass/whiteblog-theme/_layout.scss +28 -13
- data/assets/images/favicon.svg +1 -0
- data/assets/js/main.js +44 -0
- metadata +4 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 10bc04709c0ac729b145affc621390fc5b2a06c7f5e6e2c2853cc33db3197b82
|
|
4
|
+
data.tar.gz: 680363d5dd313280a5e95152f8cada0be0cfc446505a04654b1c16ff2b3a2933
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 1adeff909b69796d1e0b8761538b0b21638ef6e21725a8cf33404ca326a4fa533e802e18a1c3503adbbaa2d2794c6a9cc685779ca19a19cb280ce209e2616f45
|
|
7
|
+
data.tar.gz: 2539e3a5f05aaa6bbe60bc43c712185c2e947db20afcf76b08e971049221b90a45179479ac0d39e750da4572e2c1d098c7d94e914c468c5013c9b68e7a65a674
|
data/_includes/backtotop.html
CHANGED
|
@@ -1,3 +1,8 @@
|
|
|
1
1
|
<div class="col float-end">
|
|
2
|
-
<a class="float-end back" href="#"
|
|
2
|
+
<a class="float-end back" href="#">
|
|
3
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" class="bi bi-chevron-double-up" viewBox="0 1 16 16">
|
|
4
|
+
<path fill-rule="evenodd" d="M7.646 2.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 3.707 2.354 9.354a.5.5 0 1 1-.708-.708z"/>
|
|
5
|
+
<path fill-rule="evenodd" d="M7.646 6.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 7.707l-5.646 5.647a.5.5 0 0 1-.708-.708z"/>
|
|
6
|
+
</svg>
|
|
7
|
+
</a>
|
|
3
8
|
</div>
|
data/_includes/footer.html
CHANGED
|
@@ -2,7 +2,16 @@
|
|
|
2
2
|
<div class="container">
|
|
3
3
|
<div class="row">
|
|
4
4
|
<div class="col-12 col-lg">
|
|
5
|
-
<p>
|
|
5
|
+
<p>
|
|
6
|
+
Made with
|
|
7
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-suit-heart-fill" viewBox="0 0 16 16">
|
|
8
|
+
<path d="M4 1c2.21 0 4 1.755 4 3.92C8 2.755 9.79 1 12 1s4 1.755 4 3.92c0 3.263-3.234 4.414-7.608 9.608a.513.513 0 0 1-.784 0C3.234 9.334 0 8.183 0 4.92 0 2.755 1.79 1 4 1"/>
|
|
9
|
+
</svg>
|
|
10
|
+
and
|
|
11
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cup-fill" viewBox="0 0 16 16">
|
|
12
|
+
<path fill-rule="evenodd" d="M.11 3.187A.5.5 0 0 1 .5 3h13a.5.5 0 0 1 .488.608l-.22.991a3.001 3.001 0 0 1-1.3 5.854l-.132.59A2.5 2.5 0 0 1 9.896 13H4.104a2.5 2.5 0 0 1-2.44-1.958L.012 3.608a.5.5 0 0 1 .098-.42Zm12.574 6.288a2 2 0 0 0 .866-3.899z"/>
|
|
13
|
+
</svg>
|
|
14
|
+
. Powered by <a class="link" href="https://jekyllrb.com/">Jekyll</a> and <a class="link" href="https://github.com/vmsilvamolina/whiteblog-theme">whiteblog-theme</a>.</p>
|
|
6
15
|
</div>
|
|
7
16
|
</div>
|
|
8
17
|
</div>
|
data/_includes/sharepost.html
CHANGED
|
@@ -4,10 +4,20 @@
|
|
|
4
4
|
<div class="col float-start">
|
|
5
5
|
<ul>
|
|
6
6
|
<li>
|
|
7
|
-
<a class="link" href="https://twitter.com/share?text={{ page.title | url_encode }}&url={{ site.url }}{{ page.url }}" target="_blank" rel="noopener" title="X.com"
|
|
7
|
+
<a class="link" href="https://twitter.com/share?text={{ page.title | url_encode }}&url={{ site.url }}{{ page.url }}" target="_blank" rel="noopener" title="X.com">
|
|
8
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-twitter-x" viewBox="0 0 16 16">
|
|
9
|
+
<path d="M12.6.75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.07-4.425 5.07H.316l5.733-6.57L0 .75h5.063l3.495 4.633L12.601.75Zm-.86 13.028h1.36L4.323 2.145H2.865z"/>
|
|
10
|
+
</svg>
|
|
11
|
+
Share on X
|
|
12
|
+
</a>
|
|
8
13
|
</li>
|
|
9
14
|
<li>
|
|
10
|
-
<a class="link" href="https://linkedin.com/shareArticle?mini=true&url={{ site.url }}{{ page.url }}" target="_blank" rel="noopener" title="LinkedIn"
|
|
15
|
+
<a class="link" href="https://linkedin.com/shareArticle?mini=true&url={{ site.url }}{{ page.url }}" target="_blank" rel="noopener" title="LinkedIn">
|
|
16
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-linkedin" viewBox="0 0 16 16">
|
|
17
|
+
<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854zm4.943 12.248V6.169H2.542v7.225zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248S2.4 3.226 2.4 3.934c0 .694.521 1.248 1.327 1.248zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016l.016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225z"/>
|
|
18
|
+
</svg>
|
|
19
|
+
Share on LinkedIn
|
|
20
|
+
</a>
|
|
11
21
|
</li>
|
|
12
22
|
</ul>
|
|
13
23
|
|
data/_layouts/categories.html
CHANGED
|
@@ -15,11 +15,18 @@ title: Categories
|
|
|
15
15
|
<p></p>
|
|
16
16
|
<h5 style='color:white !important;'><a class="badge badge-{{ category_name }}">{{ category_name }}</a></h5>
|
|
17
17
|
<a name="{{ category_name | slugize }}"></a>
|
|
18
|
+
<table>
|
|
18
19
|
{% for post in site.categories[category_name] %}
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
20
|
+
<tr>
|
|
21
|
+
<th style="padding-right: 10px;">
|
|
22
|
+
(<time datetime="{{ post.date | date_to_xmlschema }}" class="post-date">{{ post.date | date: "%b %-d, %Y" }}</time>)
|
|
23
|
+
</th>
|
|
24
|
+
<th>
|
|
25
|
+
<a href="{{ site.baseurl }}{{ post.url }}">{{post.title}}</a>
|
|
26
|
+
</th>
|
|
27
|
+
</tr>
|
|
22
28
|
{% endfor %}
|
|
29
|
+
</table>
|
|
23
30
|
</div>
|
|
24
31
|
{% endfor %}
|
|
25
32
|
</div>
|
data/_layouts/default.html
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
<html lang="{{ page.lang | default: site.lang | default: "en" }}">
|
|
5
5
|
|
|
6
6
|
<title>{{ page.title }}</title>
|
|
7
|
-
|
|
7
|
+
<link rel="icon" type="image/x-icon" href="/assets/images/favicon.svg">
|
|
8
8
|
{% include head.html %}
|
|
9
9
|
|
|
10
10
|
<body>
|
|
@@ -19,10 +19,7 @@
|
|
|
19
19
|
|
|
20
20
|
{% include footer.html %}
|
|
21
21
|
|
|
22
|
-
|
|
23
|
-
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
|
|
24
|
-
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
|
|
25
|
-
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
|
|
22
|
+
<script src="{{ '/assets/js/main.js' | relative_url }}"></script>
|
|
26
23
|
|
|
27
24
|
</body>
|
|
28
25
|
|
|
@@ -1,18 +1,11 @@
|
|
|
1
1
|
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap');
|
|
2
|
-
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
|
|
3
2
|
|
|
4
3
|
//Color palette variables:
|
|
5
|
-
// $firstColor: #FFF;
|
|
6
4
|
$firstColor: #F5F5F5;
|
|
7
|
-
// $secondColor: #19E9E0;
|
|
8
5
|
$secondColor: #44cdd5;
|
|
9
|
-
// $thirdColor: #A64AC9;
|
|
10
6
|
$thirdColor: #614bc3;
|
|
11
|
-
// $fourthColor: #000;
|
|
12
7
|
$fourthColor: #212529;
|
|
13
8
|
$fifthColor: #6C757D;
|
|
14
|
-
// $sixthColor: #FF8484;
|
|
15
|
-
// $sixthColor: #26C485;
|
|
16
9
|
$sixthColor: #25E498;
|
|
17
10
|
|
|
18
11
|
|
|
@@ -41,10 +34,7 @@ main {
|
|
|
41
34
|
.navbar {
|
|
42
35
|
background-color: $firstColor !important;
|
|
43
36
|
padding: 30px 0px !important;
|
|
44
|
-
|
|
45
|
-
// font-weight: 600;
|
|
46
|
-
// // color: $firstColor !important;
|
|
47
|
-
// }
|
|
37
|
+
|
|
48
38
|
a#blog-title{
|
|
49
39
|
position: relative;
|
|
50
40
|
font-weight: bold;
|
|
@@ -172,6 +162,26 @@ blockquote {
|
|
|
172
162
|
padding: 0.75rem;
|
|
173
163
|
margin-bottom: 1rem;
|
|
174
164
|
white-space: pre-wrap;
|
|
165
|
+
|
|
166
|
+
position: relative;
|
|
167
|
+
overflow: auto;
|
|
168
|
+
|
|
169
|
+
margin: 5px 0;
|
|
170
|
+
padding: 1.75rem 0 1.75rem 1rem;
|
|
171
|
+
border-radius: 10px;
|
|
172
|
+
|
|
173
|
+
button {
|
|
174
|
+
position: absolute;
|
|
175
|
+
top: 8px;
|
|
176
|
+
right: 8px;
|
|
177
|
+
color: $firstColor;
|
|
178
|
+
background: none;
|
|
179
|
+
border: none;
|
|
180
|
+
}
|
|
181
|
+
|
|
182
|
+
button:hover {
|
|
183
|
+
cursor: pointer;
|
|
184
|
+
}
|
|
175
185
|
}
|
|
176
186
|
|
|
177
187
|
#search-input {
|
|
@@ -239,6 +249,10 @@ a.badge {
|
|
|
239
249
|
padding: 1px 10px;
|
|
240
250
|
}
|
|
241
251
|
|
|
252
|
+
svg {
|
|
253
|
+
vertical-align: sub !important;
|
|
254
|
+
}
|
|
255
|
+
|
|
242
256
|
#share-links ul {
|
|
243
257
|
list-style-type: none;
|
|
244
258
|
padding-left: 0px;
|
|
@@ -267,6 +281,7 @@ h1 > .underline {
|
|
|
267
281
|
transition: box-shadow .3s;
|
|
268
282
|
color: inherit;
|
|
269
283
|
overflow: hidden;
|
|
284
|
+
font-size: 2rem;
|
|
270
285
|
}
|
|
271
286
|
|
|
272
287
|
a > .underline {
|
|
@@ -298,9 +313,9 @@ a > .underline {
|
|
|
298
313
|
}
|
|
299
314
|
|
|
300
315
|
&:hover::before {
|
|
301
|
-
left: -
|
|
316
|
+
left: -2px;
|
|
302
317
|
bottom: 0;
|
|
303
318
|
height: 100%;
|
|
304
|
-
width: calc(100% +
|
|
319
|
+
width: calc(100% + 2px);
|
|
305
320
|
}
|
|
306
321
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 508 508"><path d="M425.6 6H390v192c0 9.6-5.6 20-15.6 20H70c-10 0-20-10-20-20V6H22.4C14.4 6 6 10.4 6 18v467.6c0 7.6 8.8 16.4 16.4 16.4H50V268c0-1.2.8-2 2-2h404c1.2 0 2 .8 2 2v234h32c7.6 0 12-8.4 12-16.4V82.8z" style="fill:#2884a9"/><path d="M54 266h400v236H54z" style="fill:#73badd"/><path d="M54 6v192c0 7.6 8.4 16 16 16h304.4c7.6 0 11.6-8.4 11.6-16V6z" style="fill:#e8e3e3"/><path d="M282 38h72v144h-72z" style="fill:#2884a9"/><path d="M278 184v2h2c-1.2 0-2-.8-2-2" style="fill:#c99"/><path d="M490 508H22.4C11.2 508 0 496.8 0 485.6V18C0 6.8 11.6 0 22.4 0h404c1.2 0 2 .4 2.8 1.2l77.6 78c.8.8 1.2 1.6 1.2 2.8v404c0 10.8-6.8 22-18 22M22.4 8C15.6 8 8 12 8 18v467.6C8 492 16 500 22.4 500H490c6 0 10-7.6 10-14.4v-402L424.8 8z"/><path d="M456 506c-2.4 0-4-1.6-4-4V268h-18c-2.4 0-4-1.6-4-4s1.6-4 4-4h22c2.4 0 4 1.6 4 4v238c0 2.4-1.6 4-4 4m-404 0c-2.4 0-4-1.6-4-4V264c0-2.4 1.6-4 4-4h350c2.4 0 4 1.6 4 4s-1.6 4-4 4H56v234c0 2.4-1.6 4-4 4m322.4-286H70c-10.8 0-22-11.2-22-22V6c0-2.4 1.6-4 4-4s4 1.6 4 4v192c0 6.8 7.6 14 14 14h304.4c6 0 9.6-7.2 9.6-14V6c0-2.4 1.6-4 4-4s4 1.6 4 4v192c0 10.4-6 22-17.6 22"/><path d="M158.4 220c-11.2 0-22.4-11.2-22.4-22V6c0-2.4 1.6-4 4-4s4 1.6 4 4v192c0 6.4 8 14 14.4 14 2.4 0 4 1.6 4 4s-1.6 4-4 4M356 188h-76c-2.4 0-4-1.6-4-4V36c0-2.4 1.6-4 4-4h38c2.4 0 4 1.6 4 4s-1.6 4-4 4h-34v140h68V40h-2c-2.4 0-4-1.6-4-4s1.6-4 4-4h6c2.4 0 4 1.6 4 4v148c0 2.4-1.6 4-4 4m54 136H102c-2.4 0-4-1.6-4-4s1.6-4 4-4h308c2.4 0 4 1.6 4 4s-1.6 4-4 4m0 64H102c-2.4 0-4-1.6-4-4s1.6-4 4-4h308c2.4 0 4 1.6 4 4s-1.6 4-4 4m0 64H102c-2.4 0-4-1.6-4-4s1.6-4 4-4h308c2.4 0 4 1.6 4 4s-1.6 4-4 4"/></svg>
|
data/assets/js/main.js
ADDED
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
const copyButtonSVG = `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-copy" viewBox="0 0 16 16">
|
|
2
|
+
<path fill-rule="evenodd" d="M4 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM2 5a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-1h1v1a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h1v1z"/>
|
|
3
|
+
</svg>`;
|
|
4
|
+
|
|
5
|
+
const checkmarkSVG = `Copied <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-check-lg" viewBox="0 0 16 16">
|
|
6
|
+
<path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425z"/>
|
|
7
|
+
</svg>`;
|
|
8
|
+
|
|
9
|
+
// use a class selector if available
|
|
10
|
+
let blocks = document.querySelectorAll("pre");
|
|
11
|
+
|
|
12
|
+
blocks.forEach((block) => {
|
|
13
|
+
// only add button if browser supports Clipboard API
|
|
14
|
+
if (navigator.clipboard) {
|
|
15
|
+
let button = document.createElement("button");
|
|
16
|
+
button.innerHTML = copyButtonSVG;
|
|
17
|
+
button.style.position = "absolute";
|
|
18
|
+
button.style.top = "5px";
|
|
19
|
+
button.style.right = "5px";
|
|
20
|
+
block.style.position = "relative";
|
|
21
|
+
block.appendChild(button);
|
|
22
|
+
button.addEventListener("click", async () => {
|
|
23
|
+
await copyCode(block, button);
|
|
24
|
+
});
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
|
|
28
|
+
async function copyCode(block, button) {
|
|
29
|
+
let code = block.querySelector("code");
|
|
30
|
+
let text = code.innerText;
|
|
31
|
+
await navigator.clipboard.writeText(text);
|
|
32
|
+
|
|
33
|
+
// visual feedback that task is completed
|
|
34
|
+
button.innerHTML = checkmarkSVG; // Checkmark symbol
|
|
35
|
+
button.style.backgroundColor = "green";
|
|
36
|
+
button.style.color = "white";
|
|
37
|
+
button.style.borderRadius = "4px";
|
|
38
|
+
|
|
39
|
+
setTimeout(() => {
|
|
40
|
+
button.innerHTML = copyButtonSVG;
|
|
41
|
+
button.style.backgroundColor = "";
|
|
42
|
+
button.style.color = "";
|
|
43
|
+
}, 1000);
|
|
44
|
+
}
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: whiteblog-theme
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.0.
|
|
4
|
+
version: 0.0.14
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Victor Silva
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2024-
|
|
11
|
+
date: 2024-08-28 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: jekyll
|
|
@@ -95,12 +95,14 @@ files:
|
|
|
95
95
|
- _sass/whiteblog-theme/_syntax-highlighting.scss
|
|
96
96
|
- assets/css/main.scss
|
|
97
97
|
- assets/css/previews.css
|
|
98
|
+
- assets/images/favicon.svg
|
|
98
99
|
- assets/images/previews/hello-world.png
|
|
99
100
|
- assets/images/previews/otro-post.png
|
|
100
101
|
- assets/images/previews/test-post.png
|
|
101
102
|
- assets/images/previews/welcome-jekyll.png
|
|
102
103
|
- assets/images/previews/yet-another-post.png
|
|
103
104
|
- assets/js/jekyll-search.min.js
|
|
105
|
+
- assets/js/main.js
|
|
104
106
|
homepage: https://github.com/vmsilvamolina/whiteblog-theme
|
|
105
107
|
licenses:
|
|
106
108
|
- MIT
|