whiteblog-theme 0.2.0 → 0.3.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 4519436230a831742d9935980ecd091ea2d13a11a83ef341fdb3b79787ccc9c6
-  data.tar.gz: 01fb551a7d1296ec14534a845a45b52da664526e41d88b8e9f5fe130f7394529
+  metadata.gz: 341581121cc9cf2d1ef4e95416c63f298dc676a71d3e7170a42e7bbd62f54a7c
+  data.tar.gz: 011ad76739cdad113064665d89e6b69b0e3788e2a3cec4c9fb3c20a6eafe9b6e
 SHA512:
-  metadata.gz: a46a5dac18b4cbe894c3f2c0f8f47c51a836c0fc731109eaa13091e94546b98408fa3e1a7d63823afa23d57ce2d6048218a4ebfd58531b294e52e89b8cf2a5a3
-  data.tar.gz: 8a72668232e20f00935cf84b38e47ae433aad7b823ed6fc7e9692fe2a2e382ac3cefa4c51fbd32bb2955b1a2d197306b83ae49713c4f538e68a1485277530ff7
+  metadata.gz: 411e1be046b10de9928b204a704e72926a0bb2858b2964354f1f98c96ac4e4d8645b4b7755bd8ab844d9899e1102664bb5b3f772676e82994279ac53c5321af2
+  data.tar.gz: b873c850c0b0f2d5ab46b1a76849e67900eb105fb3190c16ed884f2c9aa4f79b9454eb3aaf8f761b3e68ec9d882db449d145b7dc05317e43392f926c97a4194a

data/_includes/comments-providers/cusdis.html

@@ -1,4 +1,4 @@
-{% if site.comments.disqus.shortname %}
+{% if site.comments.cusdis.appId %}
 <!--Every article has a id, but special pages don't unless you set manually.
 This prevents Cusdis from appear everywhere-->
 <div id="cusdis_thread"

data/_includes/comments-providers/giscus.html

@@ -0,0 +1,17 @@
+{% if site.comments.giscus.repo %}
+<script src="https://giscus.app/client.js"
+  data-repo="{{ site.comments.giscus.repo }}"
+  data-repo-id="{{ site.comments.giscus.repo_id }}"
+  data-category="{{ site.comments.giscus.category }}"
+  data-category-id="{{ site.comments.giscus.category_id }}"
+  data-mapping="{{ site.comments.giscus.mapping | default: 'pathname' }}"
+  data-strict="0"
+  data-reactions-enabled="{{ site.comments.giscus.reactions_enabled | default: '1' }}"
+  data-emit-metadata="0"
+  data-input-position="{{ site.comments.giscus.input_position | default: 'top' }}"
+  data-theme="{{ site.comments.giscus.theme | default: 'preferred_color_scheme' }}"
+  data-lang="{{ site.comments.giscus.lang | default: 'en' }}"
+  crossorigin="anonymous"
+  async>
+</script>
+{% endif %}

data/_includes/comments.html

@@ -6,5 +6,7 @@
         {% when "cusdis" %}
         <h4>Comments</h4>
         {% include comments-providers/cusdis.html %}
+        {% when "giscus" %}
+        {% include comments-providers/giscus.html %}
     {% endcase %}
 </div>

data/_includes/sidebar.html

@@ -1,7 +1,10 @@
 <aside>
     <section class="author-info">
         <!-- <h2>Sobre el Autor</h2> -->
-        <img class="about-image-small" src="{{ site.author.avatar }}" alt="{{ site.author.name }}">
+        <picture>
+          <source srcset="{{ site.author.avatar | replace: '.jpg', '.webp' | replace: '.jpeg', '.webp' | replace: '.png', '.webp' }}" type="image/webp">
+          <img class="about-image-small" src="{{ site.author.avatar }}" alt="{{ site.author.name }}" loading="lazy">
+        </picture>
         <h2>{{ site.author.name }}</h2>
     </section>
     <section class="useful-links">

data/_layouts/post.html

@@ -100,10 +100,11 @@ layout: default
         {% include backtotop.html %}
       {% endif %}
 
-      {% if site.comments.provider%}
-        {% if site.comments.provider == "disqus" %}
-          {% include comments-providers/disqus.html %}
-        {% endif %}
+      {% if site.comments.provider %}
+        {% case site.comments.provider %}
+          {% when "disqus" %}
+            {% include comments-providers/disqus.html %}
+        {% endcase %}
       {% endif %}
     </div>
 

data/_sass/whiteblog-theme/_layout.scss

@@ -10,6 +10,7 @@
   --color-code: #D63384;
   --color-code-bg: #282a36;
   --color-notice: #CFBAE1;
+  --color-success: #28a745;
   --font-main: 'Space Grotesk', system-ui, -apple-system, sans-serif;
   --container-width: 90%;
   --transition-default: all 0.3s ease-in-out;
@@ -481,7 +482,7 @@ p {
 .text-secondary {
   min-height: 28px;
   font-weight: 700;
-  margin-bottom: 8px !important;
+  margin-bottom: 8px;
   display: flex;
   align-items: center;
   gap: 12px;
@@ -528,7 +529,7 @@ blockquote p {
   border-radius: 0.25rem;
   padding: 1rem 1rem;
   overflow: auto;
-  background-color: var(--color-code-bg) !important;
+  background-color: var(--color-code-bg);
   white-space: pre-wrap;
   min-width: 100%;
 }
@@ -543,6 +544,12 @@ blockquote p {
   padding: 0.25rem;
 }
 
+.highlight pre button.copy-success {
+  background-color: var(--color-success);
+  color: white;
+  border-radius: 4px;
+}
+
 .post .text-justify#content ol {
   margin-left: 2rem;
   margin-bottom: 1rem;
@@ -560,7 +567,7 @@ ul {
 }
 
 .archive-group th {
-  text-align: start !important;
+  text-align: start;
   padding-right: 0.5rem;
   min-width: 150px;
 }
@@ -591,7 +598,7 @@ svg {
 }
 
 .social-networks-icons {
-  vertical-align: unset !important
+  vertical-align: unset;
 }
 
 .float-abajo {

data/assets/js/main.js

@@ -32,14 +32,11 @@ async function copyCode(block, button) {
   try {
     await navigator.clipboard.writeText(text);
     button.innerHTML = checkmarkSVG;
-    button.style.backgroundColor = "green";
-    button.style.color = "white";
-    button.style.borderRadius = "4px";
+    button.classList.add("copy-success");
 
     setTimeout(() => {
       button.innerHTML = copyButtonSVG;
-      button.style.backgroundColor = "";
-      button.style.color = "";
+      button.classList.remove("copy-success");
     }, 1000);
   } catch (err) {
     button.innerHTML = "Error";

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: whiteblog-theme
 version: !ruby/object:Gem::Version
-  version: 0.2.0
+  version: 0.3.1
 platform: ruby
 authors:
 - Victor Silva
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2026-04-09 00:00:00.000000000 Z
+date: 2026-06-14 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -85,6 +85,7 @@ files:
 - _includes/backtotop.html
 - _includes/comments-providers/cusdis.html
 - _includes/comments-providers/disqus.html
+- _includes/comments-providers/giscus.html
 - _includes/comments.html
 - _includes/footer.html
 - _includes/gallery
@@ -111,6 +112,7 @@ files:
 - assets/css/main.scss
 - assets/css/previews.css
 - assets/images/avatar.jpg
+- assets/images/avatar.webp
 - assets/images/bio-photo.jpg
 - assets/images/bio-photo.webp
 - assets/images/favicon.ico