whiteblog-theme 0.0.8 → 0.0.9

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 641327c765d7035ef9d867b0de8e6522dcfdd5b661cdd60cc4307d9fad89727e
-  data.tar.gz: 544502dea8d7fbed758f8d7d28b20a3fd9db1d865cd2c97c2fdd56250fabebc5
+  metadata.gz: 4cd21724c1641af5d6e77db857e9209945184233c4370fed1da98c73ec82bfb6
+  data.tar.gz: 8e7ddaffa010d17b5800755b5bb63e7d4dee0d6e30dd0dda37a89385ee918672
 SHA512:
-  metadata.gz: 0e46c3203a1f98fbc7089575ab8fd673cd3bc624dbe3b33b90e68697dc1a0d8cbf412e4677a7134f425198679c0ea1c92e6bae0f16818533b38a925d57691d9d
-  data.tar.gz: 163e9826a69dca3a058d177c3a9a66a4b021cfb905d69414e75ea0975707e37a89e1a5118effff3d5a90c62148d6aaf4ef759b5c8e1e31ab0b5d9d03acd0a601
+  metadata.gz: 6713e3d5f368e338788239b0f680f59b5aa8408f1cf062eec0bbd9e12eb8add085e09853d8ca742058a6750e7be7b1b3e32f5b49c389c361c65d398f5d5293f7
+  data.tar.gz: 25fb3752abe6aa5555b179bd7b1f6232442bc138365f3ed1b07bdb2395dd49e16ed33276c1a666e96b362c7280dc081f12177b608e4f323316ca6a33de6359a0

data/_includes/footer.html

@@ -2,7 +2,7 @@
   <div class="container">  
     <div class="row">
       <div class="col-12 col-lg">
-        <p class="text-justify">Made with <i class="fa-solid fa-heart"></i> and <i class="fa-solid fa-mug-saucer"></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 href="https://jekyllrb.com/">Jekyll</a> and <a href="https://github.com/vmsilvamolina/whiteblog-theme">whiteblog-theme</a>.</p>
       </div>
     </div>
   </div>

data/_includes/head.html

@@ -7,9 +7,6 @@
   <!-- Bootstrap CSS -->
   <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
 
-  <!-- FontAwesome-->
-  <script src="https://kit.fontawesome.com/3726080491.js" crossorigin="anonymous"></script>
-
 
   <link rel="stylesheet" href="{{ "/assets/main.css" | relative_url }}">
   <link rel="alternate" type="application/rss+xml" title="{{ site.title | escape }}" href="{{ "/feed.xml" | relative_url }}">

data/_includes/header.html

@@ -1,6 +1,6 @@
 <nav class="navbar navbar-expand-lg bg-body-tertiary">
   <div class="container-fluid container">
-    <a class="navbar-brand" href="{{ "/" | relative_url }}">{{ site.title | escape }}</a>
+    <a id="blog-title" class="navbar-brand" href="{{ "/" | relative_url }}">{{ site.title | escape }}</a>
     <div class="justify-content-end">
       <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
         <span class="navbar-toggler-icon"></span>

data/_layouts/categories.html

@@ -15,7 +15,7 @@ title: Categories
       <a name="{{ category_name | slugize }}"></a>
       {% for post in site.categories[category_name] %}
       <article class="archive-item">
-        <p class="text-justify"><a href="{{ site.baseurl }}{{ post.url }}">{{post.title}}</a></p>
+        <p><a href="{{ site.baseurl }}{{ post.url }}">{{post.title}}</a></p>
       </article>
       {% endfor %}
     </div>

data/_layouts/home.html

@@ -11,14 +11,13 @@ layout: default
       {% assign date_format = "%b %-d, %Y" %}
       {% for post in posts %}
         <li class="py-2">
-
           <h1 class="mt-1 mb-3 h3 title-post-resume underline">
             <a class="title-link" href="{{ post.url | relative_url }}">{{ post.title | escape }}</a>
           </h1>
 
           <span class="text-secondary">{{ post.date | date: date_format }}</span>
 
-          <div class="text-justify">
+          <div>
             {{ post.excerpt }}
           </div>
         </li>

data/_layouts/post.html

@@ -5,7 +5,7 @@ layout: default
 
   <div id="posts-navigation">
     <div class="row">
-      <div class="previous col text-left">
+      <div class="previous col">
         {% if page.previous.url %}
           <a href="{{page.previous.url}}">&laquo; {{page.previous.title}}</a>
         {% endif %}
@@ -44,6 +44,20 @@ layout: default
     {{ content }}
   </div>
 
+  <div>
+  </div>
+
+  <div class="text-final" id="share-links">
+    <h5>Share this post</h5>
+    <div class="row">
+      <div class="col float-start">
+        <a href="https://twitter.com/share?text={{ page.title | url_encode }}&url={{ site.url }}{{ page.url }}" target="_blank" rel="noopener" title="Share on Twitter">X.com</a>
+      </div>
+      <div class="col float-end">
+        <a class="float-end" href="#blog-title">Back to Top!</a>
+      </div>
+  </div>
+
   {% if site.comments.provider and page.comments %}
     {% include comments.html %}
   {% endif %}

data/_sass/whiteblog-theme/_layout.scss

@@ -1,14 +1,19 @@
-@import url('https://fonts.googleapis.com/css2?family=Nunito&Fira+Sans&family=Montserrat&display=swap');
+// @import url('https://fonts.googleapis.com/css2?family=Nunito&Fira+Sans&family=Montserrat&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap');
+@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
 
 //Color palette variables:
 $firstColor: #F5F5F5;
 $secondColor: #F5F5F5;
-$thirdColor: #3FC1C9;
-$fourthColor: #FC5185;
+$thirdColor: hsl(183, 63%, 55%);
+$fourthColor: #614BC3;
+html {
+  scroll-behavior: smooth;
+}
 
 body {
   background-color: $firstColor;
-  font-family: "Montserrat";
+  font-family: "Space Grotesk";
   overflow-y: scroll;
   position: relative;
   min-height: 100vh;
@@ -81,9 +86,10 @@ main {
 }
 
 .divider {
-  border-color: $fourthColor;
+  background: $fourthColor;
   margin: 0px;
   max-width: 80%;
+  height: 4px;
   margin: 0 auto;
   opacity: 1;
 }
@@ -96,14 +102,18 @@ main {
   color: #2F343D !important;
 }
 
-div#content.text-justify {
+.text-justify {
   margin-top: 35px !important;
 }
 
+.text-final {
+  margin-top: 45px !important;
+}
+
 .post {
   padding-top: 3rem!important;
   height: 100%;
-  padding-bottom: 5em;
+  padding-bottom: 6em;
 }
 
 #content .py-2 {
@@ -129,19 +139,13 @@ blockquote {
   white-space: pre-wrap;
 }
 
-.underline {
-  font-family: "Nunito";
-  display: table;
-  background: linear-gradient(180deg,rgba(255,255,255,0) 65%, $thirdColor 8px);
-}
-
 #search-input {
   margin: 2em 0em;
   width: 100%;
 }
 
 input {
-  font-family: "Montserrat" !important;
+  font-family: "Space Grotesk" !important;
 }
 
 .post .text-secondary {
@@ -181,47 +185,38 @@ input {
 a.badge {
   color: #fff;
   background-color: $fourthColor;
+  text-decoration: none;
 }
 
-/* Categories: Effect */
+/* Effects */
 
 #category-badge a:hover, #category-badge a:focus, #category-badge a:active {
   color: #fff;
-  -webkit-transform: scale(1.2);
-  transform: scale(1.2);
-  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
-  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
-}
-
-.badge-bounce-in {
-  display: inline-block;
-  vertical-align: middle;
-  -webkit-transform: perspective(1px) translateZ(0);
-  transform: perspective(2px) translateZ(0);
-  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-  -webkit-transition-duration: 0.5s;
-  transition-duration: 0.5s;
-}
-
-#content ul.posts-list h1 {
-  a::before {  
-    transform: scaleX(0);
-    transform-origin: bottom right;
+  -webkit-transform: scale(1.1);
+  transform: scale(1.1);
+}
+
+.underline {
+  font-family: "Space Grotesk";
+  display: table;
+  background: linear-gradient(180deg,rgba(255,255,255,0) 65%, $thirdColor 8px);
+  transition: all 0.3s linear;
+  position: relative;
+  &::before {
+    content: '';
+    background-color: $thirdColor;
+    position: absolute;
+    left: 0;
+    bottom: 3px;
+    width: 100%;
+    height: 8px;
+    z-index: -1;
+    transition: all .3s ease-in-out;
   }
   
-  a:hover::before {
-    transform: scaleX(1);
-    transform-origin: bottom left;
+  &:hover::before {
+    bottom: 0;
+    height: 100%;
   }
   
-  a::before {
-    content: " ";
-    display: block;
-    position: absolute;
-    top: 0; right: 0; bottom: 0; left: 0;
-    inset: 0 0 0 0;
-    background: rgba(117, 11, 11, 0);
-    z-index: -1;
-    transition: transform .3s ease;
-  }
 }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: whiteblog-theme
 version: !ruby/object:Gem::Version
-  version: 0.0.8
+  version: 0.0.9
 platform: ruby
 authors:
 - Victor Silva
-autorequire:
+autorequire: 
 bindir: bin
 cert_chain: []
-date: 2024-03-13 00:00:00.000000000 Z
+date: 2024-04-13 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -66,7 +66,7 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: '0.16'
-description:
+description: 
 email:
 - vmsilvamolina@gmail.com
 executables: []
@@ -98,7 +98,7 @@ licenses:
 - MIT
 metadata:
   plugin_type: theme
-post_install_message:
+post_install_message: 
 rdoc_options: []
 require_paths:
 - lib
@@ -113,8 +113,8 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.5.3
-signing_key:
+rubygems_version: 3.2.3
+signing_key: 
 specification_version: 4
 summary: Minimal, wide and white blogging theme for Jekyll
 test_files: []