whiteblog-theme 0.1.2 → 0.1.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 422e320ab9cb4988ded7dd26db917e6a3ed7322426c4b65ca13b356df46a9f61
-  data.tar.gz: 2c06876ced4cc891039b0680b24e6799338d8efbdb7aaf75f24e9cdd9b691040
+  metadata.gz: 86d6146795a3b618fde9879cb70b770b572229745434b56526d26f769d55967f
+  data.tar.gz: 1c37be008c2bc6105a94fa13909d60745d3e4b6302b0daf27ebb9f543fb3ebf7
 SHA512:
-  metadata.gz: 454fc210a5bc2d53e7f048ae23c8904e5549d845d427e6b661bc52c6da039bc00f7f737543dabe8c4acd8421900278f19a614565d348461bce1066618d5007a6
-  data.tar.gz: 5ca06af7e36dd982ae5c4b2a9f1b6ffefe2f16b783b85f1d56b1a0d8b3e88ac386ea76cef32b8fa140eab149201c0f9c570b17b3ebd540d589bc30b36a186214
+  metadata.gz: b2e899751e95df7d8f7346e8145c71dbca20ad2b3d3657fdf6c71618dbb27ced0d82ec23217727cd9eeb21cb5c078f96734a87886dab77224101dc73c2cf9e13
+  data.tar.gz: f8f29a421a2d93c5067b245ad436372f75ce1d1f695992004c2881237dfea6841e7cbef7b356aba91f1a6b56453506cee587dcc85cfd8069a46e7d9c2d645f35

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

@@ -16,14 +16,14 @@
 }
 
 [data-theme="dark"] {
-  --color-bg: #231633;
+  --color-bg: rgb(37,36,47);
   --color-accent: #44318D;
   --color-primary: #C266E8;
   --color-text: #E8E8E8;
   --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%;
@@ -161,29 +161,18 @@ main {
   transform: scale(0.95);
 }
 
-.bounce-link {
+#content a:not( .pagination a):not( .post-resume-title a),
+.archive-group table a {
   font-weight: bold;
-  position: relative;
-  overflow: hidden;
+  color: var(--color-text);
   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 +483,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 +532,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 +542,6 @@ blockquote p {
   position: absolute;
   top: 0.5rem;
   right: 0.5rem;
-  // color: var(--color-bg);
   background: none;
   border: none;
   cursor: pointer;
@@ -565,6 +556,7 @@ ul {
 .archive-group th {
   text-align: start !important;
   padding-right: 0.5rem;
+  min-width: 150px;
 }
 
 #site-footer {
@@ -669,6 +661,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 +932,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.4
 platform: ruby
 authors:
 - Victor Silva
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-07-15 00:00:00.000000000 Z
+date: 2025-07-25 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll