whiteblog-theme 0.2.0 → 0.3.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 4519436230a831742d9935980ecd091ea2d13a11a83ef341fdb3b79787ccc9c6
-  data.tar.gz: 01fb551a7d1296ec14534a845a45b52da664526e41d88b8e9f5fe130f7394529
+  metadata.gz: c55a6469e871c37d6992a2f2cbc000ba7ce371419735c0feaaa92ed8e2b7ad74
+  data.tar.gz: bbfc901e9a5012fed0115321db4a9ac8b69ea8fba2cbcf589018496205768cb1
 SHA512:
-  metadata.gz: a46a5dac18b4cbe894c3f2c0f8f47c51a836c0fc731109eaa13091e94546b98408fa3e1a7d63823afa23d57ce2d6048218a4ebfd58531b294e52e89b8cf2a5a3
-  data.tar.gz: 8a72668232e20f00935cf84b38e47ae433aad7b823ed6fc7e9692fe2a2e382ac3cefa4c51fbd32bb2955b1a2d197306b83ae49713c4f538e68a1485277530ff7
+  metadata.gz: 178701079f4b6127df1723e13120db1e703ab576ba99b3357046c038b4900b7db55c7682a5c99b6b8803ce712294ca9583cca29b9a192abe969b9b57434d0652
+  data.tar.gz: 28eb1f5affb6aaf59ae2b450e9724c4bc6166181620bbfd962b50c57cdb2c1c7aa0b50c27135cc7a8cf9991938bde1908062995004d60f3d2353bed65ef61f4d

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/_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.0
 platform: ruby
 authors:
 - Victor Silva
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2026-04-09 00:00:00.000000000 Z
+date: 2026-05-18 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