whiteblog-theme 0.0.12 → 0.0.13

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 7194417aba98109c814a5ca9e9bc9ff4bcef50e8042c8e055dfdcd5c4019b078
-  data.tar.gz: 03ede1e3ddf2b88efdd4b76ff933e0a84b25315131d061f2bca9827a3984f521
+  metadata.gz: bf7739d3efd1f44653467fd7244334f09fb84e47fa61a00b22a3f78da3f182b6
+  data.tar.gz: 9754f8d9f86bdfd016b586154c109ac86b748c05a9f4276b00fb66fad19d3fae
 SHA512:
-  metadata.gz: d1872622e91c7c2b2697ed24d4d80cbc4b89e83e14e8aa653c75aa060c799c47d8abd882d5983f3f5baf669ab74ba0dc7214b95f7b9e4df18694a7518d3e8abc
-  data.tar.gz: 58f0c82ec11fe753c418df68b4852c0c063b16b4155c1f28944a8e7e3085045976087dbcf4b2b38899967552ac8efcc6cdf9ab4ae65134c3da7507e6733f3f16
+  metadata.gz: 2aca0a17e4a40e01c8ac419f94882de2f4fe02b3473d9af14464e1677bb82d2a78bb226f19329073a8a4d3be72a6d470280d7414d693d0f5179172f46de989ef
+  data.tar.gz: 5fb0275efbba935ca86c97d7937e044712b4a2d27223e7caedae86b3349374374f520f56de2319b07c70c8b44fc04587e28faa78a39fa1aef3c5450eec4fda17

data/_includes/footer.html

@@ -2,7 +2,7 @@
   <div class="container">  
     <div class="row">
       <div class="col-12 col-lg">
-        <p>Made with <i class="bi bi-suit-heart-fill"></i> and <i class="bi bi-cup-fill"></i>. Powered by <a href="https://jekyllrb.com/">Jekyll</a> and <a href="https://github.com/vmsilvamolina/whiteblog-theme">whiteblog-theme</a>.</p>
+        <p>Made with <i class="bi bi-suit-heart-fill"></i> and <i class="bi bi-cup-fill"></i>. 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>
       </div>
     </div>
   </div>

data/_includes/sharepost.html

@@ -4,10 +4,10 @@
     <div class="col float-start">
       <ul>
         <li>
-          <a href="https://twitter.com/share?text={{ page.title | url_encode }}&url={{ site.url }}{{ page.url }}" target="_blank" rel="noopener" title="X.com"><i class="bi bi-twitter-x"></i> Share on X</a>
+          <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"><i class="bi bi-twitter-x"></i> Share on X</a>
         </li>
         <li>
-          <a href="https://linkedin.com/shareArticle?mini=true&url={{ site.url }}{{ page.url }}" target="_blank" rel="noopener" title="LinkedIn"><i class="bi bi-linkedin"></i> Share on LinkedIn</a>
+          <a class="link" href="https://linkedin.com/shareArticle?mini=true&url={{ site.url }}{{ page.url }}" target="_blank" rel="noopener" title="LinkedIn"><i class="bi bi-linkedin"></i> Share on LinkedIn</a>
         </li>
       </ul>
 

data/_layouts/categories.html

@@ -4,7 +4,9 @@ permalink: /categories/
 title: Categories
 ---
 <article class="post">
-  <h1 class="h1 category-title underline">Categories</h1>
+  <h1>
+    <span class="underline">Categories</span>
+  </h1>
   <div class="posts">
     {% for category in site.categories %}
     <div class="archive-group">

data/_pages/search.md

@@ -5,9 +5,11 @@ layout: default
 permalink: /search/
 ---
 <article class="post">
-  <h1 class="underline">Search</h1>
+  <h1>
+    <span class="underline">Search</span>
+  </h1>
   <div id="search-container">
-    <input type="text" id="search-input" placeholder="search...">
+    <input type="text" id="search-input" placeholder="Search for interesting stuff... or maybe not...">
     <ul id="results-container"></ul>
   </div>
 </article>

data/_sass/whiteblog-theme/_layout.scss

@@ -11,6 +11,10 @@ $thirdColor: #614bc3;
 // $fourthColor: #000;
 $fourthColor: #212529;
 $fifthColor: #6C757D;
+// $sixthColor: #FF8484;
+// $sixthColor: #26C485;
+$sixthColor: #25E498;
+
 
 html {
   scroll-behavior: smooth;
@@ -37,9 +41,33 @@ main {
 .navbar {
   background-color: $firstColor !important;
   padding: 30px 0px !important;
-  a {
+  // a {
+  //   font-weight: 600;
+  //   // color: $firstColor !important;
+  // }
+  a#blog-title{
+    position: relative;
+    font-weight: bold;
     font-weight: 600;
-    // color: $firstColor !important;
+    z-index: 0;
+    &::before {
+      content: '';
+      background-color: $sixthColor;
+      left: -10px;
+      position: absolute;
+      bottom: 1px;
+      width: 100%;
+      height: 8px;
+      z-index: -1;
+      transition: all .3s ease-in-out;
+    }
+    
+    &:hover::before {
+      left: -10px;
+      bottom: 0;
+      height: 100%;
+      width: calc(110% + 5px);
+    }
   }
 }
 
@@ -148,7 +176,7 @@ blockquote {
 
 #search-input {
   margin: 2em 0em;
-  width: 100%;
+  width: 50%;
 }
 
 input {
@@ -189,6 +217,11 @@ input {
   bottom: 0;
   width: 100%;
   height: 4rem;
+  a {
+    color: $fourthColor;
+    font-weight: bold;
+    text-decoration: none;
+  }
 }
 
 a.badge {
@@ -213,6 +246,8 @@ a.badge {
     padding-top: 5px;
     padding-bottom: 5px;
     a {
+      color: $fourthColor;
+      font-weight: bold;
       text-decoration: none;
     }
   }
@@ -232,7 +267,6 @@ h1 > .underline {
   transition: box-shadow .3s;
   color: inherit;
   overflow: hidden;
-  // font-size: 2rem;
 }
 
 a > .underline {
@@ -245,4 +279,28 @@ a > .underline {
 
 .underline:hover {
   box-shadow: inset 0 -45px 0 $secondColor, 0 0px 0 $secondColor;
+}
+
+.link {
+	position: relative;
+	font-weight: bold;
+	
+	&::before {
+		content: '';
+		background-color: $sixthColor;
+		position: absolute;
+		left: 3%;
+		bottom: 1px;
+		width: 100%;
+		height: 8px;
+		z-index: -1;
+		transition: all .3s ease-in-out;
+	}
+	
+	&:hover::before {
+		left: -5px;
+		bottom: 0;
+		height: 100%;
+		width: calc(100% + 5px);
+	}	
 }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: whiteblog-theme
 version: !ruby/object:Gem::Version
-  version: 0.0.12
+  version: 0.0.13
 platform: ruby
 authors:
 - Victor Silva
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2024-07-03 00:00:00.000000000 Z
+date: 2024-07-05 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -99,6 +99,7 @@ files:
 - assets/images/previews/otro-post.png
 - assets/images/previews/test-post.png
 - assets/images/previews/welcome-jekyll.png
+- assets/images/previews/yet-another-post.png
 - assets/js/jekyll-search.min.js
 homepage: https://github.com/vmsilvamolina/whiteblog-theme
 licenses: