whiteblog-theme 0.1.2 → 0.1.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 422e320ab9cb4988ded7dd26db917e6a3ed7322426c4b65ca13b356df46a9f61
-  data.tar.gz: 2c06876ced4cc891039b0680b24e6799338d8efbdb7aaf75f24e9cdd9b691040
+  metadata.gz: a5cf4b9505de2ecabd8f208f57d0addcf2ea36fda1360656c27d847b82dc32db
+  data.tar.gz: 3d243726fcc0cb637d73911ea48674b90131e7d713195ec10d516e45d80b038f
 SHA512:
-  metadata.gz: 454fc210a5bc2d53e7f048ae23c8904e5549d845d427e6b661bc52c6da039bc00f7f737543dabe8c4acd8421900278f19a614565d348461bce1066618d5007a6
-  data.tar.gz: 5ca06af7e36dd982ae5c4b2a9f1b6ffefe2f16b783b85f1d56b1a0d8b3e88ac386ea76cef32b8fa140eab149201c0f9c570b17b3ebd540d589bc30b36a186214
+  metadata.gz: 29fe9de47e74be0e1b46da42ed42869a5b00805bf7aa55e65b645ac0afb830ce96fb188cd561127f1b9baac848516203f631ceb6cafa8a9bba6eb4ac1c10a68c
+  data.tar.gz: 279c6d8e00f2880881cb7a9bf12977e3560e806c43df74e25e487394dfce36767c23894e99df307f6b7f70359ce768794eefdf3acdcb9c88e3da6f69ac918090

data/_layouts/post.html

@@ -26,23 +26,39 @@ layout: default
       <h1>
         <span class="underline">{{ page.title | escape }}</span>
       </h1>
-      <p class="text-secondary">
-        <time datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">
-          {% assign date_format = site.theme.date_format | default: "%b %-d, %Y" %}
-          {{ page.date | date: date_format }}
-        </time><span style="display:inline-block; width: 6px;"></span>
-        {% if post %}
-          {% assign categories = post.categories %}
-        {% else %}
-          {% assign categories = page.categories %}
-        {% endif %}
-        <h5 id="category-badge">
-        {% for category in categories %}
-          <a href="{{site.baseurl}}/categories/#{{category|slugize}}" class="badge" >{{category}}</a>
-          {% unless forloop.last %}&nbsp;{% endunless %}
-        {% endfor %}
-        </h5>
-      </p>
+<div class="text-secondary">
+  <time datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">
+    {% assign date_format = site.theme.date_format | default: "%b %-d, %Y" %}
+    {{ page.date | date: date_format }}
+  </time>
+  {% if site.addons.old_post_warning %}
+    {% assign current_timestamp = 'now' | date: '%s' | plus: 0 %}
+    {% assign one_year_ago = current_timestamp | minus: 31536000 %}
+    {% assign post_date = page.date | date: '%s' | plus: 0 %}
+    {% if post_date < one_year_ago %}
+      <div class="warning-container">
+        <div class="warning-badge">
+          <span class="warning-icon"></span>
+          <span class="warning-text">This post is over a year old and may be outdated.</span>
+        </div>
+      </div>
+    {% endif %}
+  {% endif %}
+</div>
+<div>
+  <!--<span style="display:inline-block; width: 6px;"></span> -->
+  {% if post %}
+    {% assign categories = post.categories %}
+  {% else %}
+    {% assign categories = page.categories %}
+  {% endif %}
+  <h5 id="category-badge">
+  {% for category in categories %}
+    <a href="{{site.baseurl}}/categories/#{{category|slugize}}" class="badge" >{{category}}</a>
+    {% unless forloop.last %}&nbsp;{% endunless %}
+  {% endfor %}
+  </h5>
+</div>
     </header>
 
     <div class="text-justify" id="content">
@@ -72,4 +88,4 @@ layout: default
     </div>
 
   </article>
-</div>
+</div>

data/_pages/about.md

@@ -10,6 +10,6 @@ permalink: /about/
     <p>Hi, I'm <b><i>Victor Silva</i></b>, a software engineer with a passion for development and security. I'm currently working at <a class="bounce-link" href="https://www.mercadolibre.com">Mercado Libre</a> as a Cloud Security Engineer. You can check out my personal blog <a class="bounce-link" href="https://blog.victorsilva.com.uy">$blogTopics | % {echo $_}</a></p>
   </div>
   <div class="center">
-    <img class="about-image" src="{{ site.author.avatar }}" alt="{{ site.author.name }}" />
+    <img class="about-image" src="{{ site.author.about-photo }}" alt="{{ site.author.name }}" />
   </div>
-</div>
+</div>

data/_sass/whiteblog-theme/_layout.scss

@@ -23,7 +23,7 @@
   --color-dark: #CCCCCC;
   --color-highlight: #D83F87;
   --color-code: #FF6B9D;
-  --color-code-bg: #2a2a2a;
+  --color-code-bg: #282a36;
   --color-notice: #4A3B5C;
   --font-main: 'Space Grotesk', system-ui, -apple-system, sans-serif;
   --container-width: 90%;
@@ -163,27 +163,14 @@ main {
 
 .bounce-link {
   font-weight: bold;
-  position: relative;
-  overflow: hidden;
   text-decoration: none;
-  color: var(--color-primary) !important;
-  &::after {
-    content: "";
-    background: #ec407a40;
-    position: absolute;
-    left: 10px;
-    bottom: -5px;
-    width: calc(100% - 8px);
-    height: calc(100% - 8px);
-    // z-index: -1;
-    transition: 0.35s cubic-bezier(0.25, 0.1, 0, 2.05);
-  }
-  &:hover:after {
-    left: 0;
-    bottom: -2px;
-    width: 100%;
-    height: 100%;
-  }
+  background-image: linear-gradient(var(--color-bg) 50%, var(--color-accent) 50%);
+	background-size: auto 175%;
+	transition: background .3s ease-in-out;
+  
+	&:hover {
+		background-position-y: 100%;	
+	}
 }
 
 .link {
@@ -494,8 +481,12 @@ p {
 }
 
 .text-secondary {
+  min-height: 28px;
   font-weight: 700;
   margin-bottom: 8px !important;
+  display: flex;
+  align-items: center;
+  gap: 12px;
 }
 
 .text-justify {
@@ -539,10 +530,9 @@ blockquote p {
 .highlight pre {
   border-radius: 0.25rem;
   padding: 1rem 1rem;
-  // margin: 0.75rem 0;
   overflow: auto;
+  background-color: var(--color-code-bg) !important;
   white-space: pre-wrap;
-  background-color: #fafafa !important;
   min-width: 100%;
 }
 
@@ -550,7 +540,6 @@ blockquote p {
   position: absolute;
   top: 0.5rem;
   right: 0.5rem;
-  // color: var(--color-bg);
   background: none;
   border: none;
   cursor: pointer;
@@ -669,6 +658,57 @@ svg {
   }
 }
 
+.warning-container {
+  position: relative;
+}
+
+.warning-badge {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  background-color: #fff3cd;
+  color: #856404;
+  padding: 4px 8px;
+  border: 1px solid #ffeaa7;
+  border-radius: 4px;
+  font-size: 12px;
+  font-weight: 500;
+  transition: all 0.3s ease;
+  width: auto;
+  min-width: fit-content;
+}
+
+.warning-icon {
+  display: block;
+  width: 12px;
+  height: 12px;
+  background-color: #ffc107;
+  border-radius: 50%;
+  position: relative;
+  flex-shrink: 0;
+}
+
+.warning-icon::before {
+  content: "!";
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  color: white;
+  font-size: 9px;
+  font-weight: bold;
+}
+
+.warning-text {
+  position: relative;
+  white-space: nowrap;
+}
+
+.warning-badge:hover .warning-text::after {
+  opacity: 1;
+  width: auto;
+}
+
 .chevron {
   color: var(--color-primary);
   border-style: solid;
@@ -889,4 +929,5 @@ svg {
     transition-duration: 0.01ms !important;
     scroll-behavior: auto !important;
   }
-}
+}
+

data/assets/js/main.js

@@ -1,4 +1,4 @@
-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">
+const copyButtonSVG = `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="#FAFAFA" class="bi bi-copy" viewBox="0 0 16 16">
   <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"/>
 </svg>`;
 

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: whiteblog-theme
 version: !ruby/object:Gem::Version
-  version: 0.1.2
+  version: 0.1.3
 platform: ruby
 authors:
 - Victor Silva
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-07-15 00:00:00.000000000 Z
+date: 2025-07-23 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll