whiteblog-theme 0.0.8 → 0.0.10

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 641327c765d7035ef9d867b0de8e6522dcfdd5b661cdd60cc4307d9fad89727e
-  data.tar.gz: 544502dea8d7fbed758f8d7d28b20a3fd9db1d865cd2c97c2fdd56250fabebc5
+  metadata.gz: 7c9ee6295b2edcf49e25f365bed0582b87a76e12ab2c7e2a0168444dcf032126
+  data.tar.gz: 26c54d49d236252ebe047d48c219611062ddee1f5388850df81fb8356787ae81
 SHA512:
-  metadata.gz: 0e46c3203a1f98fbc7089575ab8fd673cd3bc624dbe3b33b90e68697dc1a0d8cbf412e4677a7134f425198679c0ea1c92e6bae0f16818533b38a925d57691d9d
-  data.tar.gz: 163e9826a69dca3a058d177c3a9a66a4b021cfb905d69414e75ea0975707e37a89e1a5118effff3d5a90c62148d6aaf4ef759b5c8e1e31ab0b5d9d03acd0a601
+  metadata.gz: 1831d76d33ab373bab801f11147f1d2b67fa2718c7b22c2af483bc5efb41b904468a35a9b9c761da3b1edf1794d63ecbdd88f156d83f04507c9e6c1498f1791f
+  data.tar.gz: 5efe871b332838044b3618db81d1cbf743930db669b73f73c44237633bbf2c5931b6f69a4cd952bb350779badb312becc9b0ac15d901ed0b18d250451d9c9f92

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

@@ -3,15 +3,32 @@
   <meta charset="utf-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+  {% if page.image.feature %}
+  <meta name="twitter:card"
+    content="summary_large_image">
+  <meta name="twitter:image"
+    content="{{ site.url }}/images/{{ page.image.feature }}">
+  {% elsif page.auto_image %}
+  <meta name="twitter:card"
+    content="summary_large_image">
+  <meta name="twitter:image"
+    content="{{ site.url }}/assets/images/previews/{{ page.slug }}.png">
+  {%endif%}
+
+  {% if page.image.feature %}
+  <meta property="og:image"
+    content="{{ site.url }}/images/{{ page.image.feature }}">
+  {% elsif page.auto_image %}
+  <meta property="og:image"
+    content="{{ site.url }}/assets/images/previews/{{ page.slug }}.png">
+  {% endif %}
   
   <!-- 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="stylesheet" href="{{ "/assets/css/main.css" | relative_url }}">
   <link rel="alternate" type="application/rss+xml" title="{{ site.title | escape }}" href="{{ "/feed.xml" | relative_url }}">
   <link rel="canonical" href="{{ page.url | replace:'index.html','' | absolute_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/_pages/search.md

@@ -12,7 +12,7 @@ permalink: /search/
   </div>
 </article>
 
-<script src="/assets/jekyll-search.min.js" type="text/javascript"></script>
+<script src="/assets/js/jekyll-search.min.js" type="text/javascript"></script>
 <script type="text/javascript">
 SimpleJekyllSearch({
   searchInput: document.getElementById('search-input'),

data/_sass/whiteblog-theme/_layout.scss

@@ -1,14 +1,21 @@
-@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: #FFF;
 $firstColor: #F5F5F5;
-$secondColor: #F5F5F5;
-$thirdColor: #3FC1C9;
-$fourthColor: #FC5185;
+// $secondColor: #19E9E0;
+$secondColor: #44cdd5;
+// $thirdColor: #A64AC9;
+$thirdColor: #614bc3;
+
+html {
+  scroll-behavior: smooth;
+}
 
 body {
   background-color: $firstColor;
-  font-family: "Montserrat";
+  font-family: "Space Grotesk";
   overflow-y: scroll;
   position: relative;
   min-height: 100vh;
@@ -24,7 +31,7 @@ main {
 }
 
 .navbar {
-  background-color: $secondColor !important;
+  background-color: $firstColor !important;
   padding: 30px 0px !important;
   a {
     font-weight: 600;
@@ -81,9 +88,11 @@ main {
 }
 
 .divider {
-  border-color: $fourthColor;
+  background: $thirdColor;
+  color: $thirdColor;
   margin: 0px;
   max-width: 80%;
+  height: 4px;
   margin: 0 auto;
   opacity: 1;
 }
@@ -96,14 +105,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 +142,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 {
@@ -179,49 +186,40 @@ input {
 }
 
 a.badge {
-  color: #fff;
-  background-color: $fourthColor;
+  color: $firstColor;
+  background-color: $thirdColor;
+  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%, $secondColor 8px);
+  transition: all 0.3s linear;
+  position: relative;
+  &::before {
+    content: '';
+    background-color: $secondColor;
+    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;
-  }
 }

data/assets/css/previews.css

@@ -0,0 +1,46 @@
+@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap');
+
+html {
+    font-size: 16px;
+  }
+  
+  body {
+    /* background: #614bc3; */
+    background: rgb(97,75,195);
+    background: linear-gradient(40deg, rgba(97,75,195,1) 15%, rgba(68,205,213,1) 85%);
+    background: -webkit-linear-gradient(40deg, rgba(97,75,195,1) 15%, rgba(68,205,213,1) 85%);
+    width: 600px;
+    height: 330px;
+    position: relative;
+    margin: 0;
+  }
+  
+  .box {
+    background-color: #fff;
+    color: #000;
+    font-family: 'Space Grotesk';
+    padding: 25px; 
+    margin: 20px; 
+    height: 240px;
+    position: relative;
+  }
+
+  .title {
+    position: absolute;
+    top: 50px;
+    max-width: 500px;
+    > h2 {
+        margin: 0;
+        font-size: 42px;
+    }
+  }
+
+  .footer {
+    position: absolute;
+    bottom: 50px;
+    max-width: 500px;
+    > h3 {
+        margin: 0;
+        font-size: 20px;
+    }
+}

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: whiteblog-theme
 version: !ruby/object:Gem::Version
-  version: 0.0.8
+  version: 0.0.10
 platform: ruby
 authors:
 - Victor Silva
-autorequire:
+autorequire: 
 bindir: bin
 cert_chain: []
-date: 2024-03-13 00:00:00.000000000 Z
+date: 2024-04-21 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: []
@@ -91,14 +91,19 @@ files:
 - _sass/whiteblog-theme.scss
 - _sass/whiteblog-theme/_layout.scss
 - _sass/whiteblog-theme/_syntax-highlighting.scss
-- assets/jekyll-search.min.js
-- assets/main.scss
+- assets/css/main.scss
+- assets/css/previews.css
+- assets/images/previews/hello-world.png
+- assets/images/previews/otro-post.png
+- assets/images/previews/test-post.png
+- assets/images/previews/welcome-jekyll.png
+- assets/js/jekyll-search.min.js
 homepage: https://github.com/vmsilvamolina/whiteblog-theme
 licenses:
 - MIT
 metadata:
   plugin_type: theme
-post_install_message:
+post_install_message: 
 rdoc_options: []
 require_paths:
 - lib
@@ -113,8 +118,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: []