whiteblog-theme 0.0.9 → 0.0.11

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 4cd21724c1641af5d6e77db857e9209945184233c4370fed1da98c73ec82bfb6
-  data.tar.gz: 8e7ddaffa010d17b5800755b5bb63e7d4dee0d6e30dd0dda37a89385ee918672
+  metadata.gz: 12c09d435ac5b03895fd4920f1eb155d8529e4ee8f56d37c3a6d1dbe65c8b83c
+  data.tar.gz: b5342e4ed7d292609a9d6b26b16dbae3537fce26a0397ad8ea5210f64ff6d142
 SHA512:
-  metadata.gz: 6713e3d5f368e338788239b0f680f59b5aa8408f1cf062eec0bbd9e12eb8add085e09853d8ca742058a6750e7be7b1b3e32f5b49c389c361c65d398f5d5293f7
-  data.tar.gz: 25fb3752abe6aa5555b179bd7b1f6232442bc138365f3ed1b07bdb2395dd49e16ed33276c1a666e96b362c7280dc081f12177b608e4f323316ca6a33de6359a0
+  metadata.gz: 434f4f90901c1eacd85da8aae56b9a5e24b49bfda270a469eb05f7f8871ca40b7ce6031596de4257d6833f20f2eaef9ce32451b645b2de5c73164fe7437a44c3
+  data.tar.gz: f15e894bb5391be72f0f2a92f982652ab37f928e0905b017a9565a47d95157811a46ca1724359edd7e66f807c4e7ef0aac21000065f006f1e258f0f8d8efb3a8

data/_includes/backtotop.html

@@ -0,0 +1,3 @@
+<div class="col float-end">
+  <a class="float-end back" href="#"><i class="bi bi-chevron-double-up"></i></a>
+</div>

data/_includes/head.html

@@ -3,12 +3,19 @@
   <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">
+
+  <meta name="twitter:card"
+    content="summary_large_image">
+  <meta name="twitter:image"
+    content="{{ site.url }}/assets/images/previews/{{ page.slug }}.png">
+  <meta property="og:image"
+    content="{{ site.url }}/assets/images/previews/{{ page.slug }}.png">
   
   <!-- 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">
 
 
-  <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/sharepost.html

@@ -0,0 +1,16 @@
+<div class="col text-final" id="share-links">
+  <h5><i class="bi bi-share"></i></h5>
+  <div class="row">
+    <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>
+        </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>
+        </li>
+      </ul>
+
+    </div>
+  </div>
+</div>

data/_layouts/home.html

@@ -11,8 +11,8 @@ 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 class="mt-1 mb-3 h3 title-post-resume">
+            <a class="title-link" href="{{ post.url | relative_url }}"><span class="underline">{{ post.title | escape }}</span></a>
           </h1>
 
           <span class="text-secondary">{{ post.date | date: date_format }}</span>

data/_layouts/page.html

@@ -4,7 +4,9 @@ layout: default
 <article>
 
   <header>
-    <h1 class="underline">{{ page.title }}</h1>
+    <h1>
+      <span class="underline">{{ page.title }}</span>
+    </h1>
   </header>
 
   <div id="content">

data/_layouts/post.html

@@ -19,7 +19,9 @@ layout: default
   </div>
 
   <header>
-    <h1 class="underline">{{ page.title | escape }}</h1>
+    <h1>
+      <span class="underline">{{ page.title | escape }}</span>
+    </h1>
     <p class="text-secondary">
       <i class="fa fa-calendar-alt"></i><span style="display:inline-block; width: 3px;"></span>
       <time datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">
@@ -44,22 +46,20 @@ layout: default
     {{ content }}
   </div>
 
-  <div>
-  </div>
+  <div class="row">
+    {% if site.addons.share_post %}
+      {% include sharepost.html %}
+    {% endif %}
 
-  <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.addons.back_to_top %}
+      {% include backtotop.html %}
+    {% endif %}
 
-  {% if site.comments.provider and page.comments %}
-    {% include comments.html %}
-  {% endif %}
+    {% if site.comments.provider%}
+      {% if site.comments.provider == "disqus" %}
+        {% include comments-providers/disqus.html %}
+      {% endif %}
+    {% endif %}
+  </div>
 
 </article>

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,12 +1,14 @@
-// @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: hsl(183, 63%, 55%);
-$fourthColor: #614BC3;
+// $secondColor: #19E9E0;
+$secondColor: #44cdd5;
+// $thirdColor: #A64AC9;
+$thirdColor: #614bc3;
+
 html {
   scroll-behavior: smooth;
 }
@@ -29,7 +31,7 @@ main {
 }
 
 .navbar {
-  background-color: $secondColor !important;
+  background-color: $firstColor !important;
   padding: 30px 0px !important;
   a {
     font-weight: 600;
@@ -86,7 +88,8 @@ main {
 }
 
 .divider {
-  background: $fourthColor;
+  background: $thirdColor;
+  color: $thirdColor;
   margin: 0px;
   max-width: 80%;
   height: 4px;
@@ -183,11 +186,32 @@ input {
 }
 
 a.badge {
-  color: #fff;
-  background-color: $fourthColor;
+  color: $firstColor;
+  background-color: $thirdColor;
   text-decoration: none;
 }
 
+.back {
+  margin-top: 45px !important;
+  font-size: 30px;
+  color: $thirdColor;
+  border-radius: 10px;
+  border: 2px solid $thirdColor;
+  padding: 1px 10px;
+}
+
+#share-links ul {
+  list-style-type: none;
+  padding-left: 0px;
+  li {
+    padding-top: 5px;
+    padding-bottom: 5px;
+    a {
+      text-decoration: none;
+    }
+  }
+}
+
 /* Effects */
 
 #category-badge a:hover, #category-badge a:focus, #category-badge a:active {
@@ -196,27 +220,23 @@ a.badge {
   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;
-  }
-  
-  &:hover::before {
-    bottom: 0;
-    height: 100%;
-  }
-  
+h1 > .underline {
+  text-decoration: none;
+  box-shadow: inset 0 -19px 0 $secondColor, 0 0px 0 $secondColor;
+  transition: box-shadow .3s;
+  color: inherit;
+  overflow: hidden;
+  // font-size: 2rem;
+}
+
+a > .underline {
+  text-decoration: none;
+  box-shadow: inset 0 -14px 0 $secondColor, 0 0px 0 $secondColor;
+  transition: box-shadow .3s;
+  color: inherit;
+  overflow: hidden;
+}
+
+.underline:hover {
+  box-shadow: inset 0 -45px 0 $secondColor, 0 0px 0 $secondColor;
 }

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.9
+  version: 0.0.11
 platform: ruby
 authors:
 - Victor Silva
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2024-04-13 00:00:00.000000000 Z
+date: 2024-05-01 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -75,10 +75,12 @@ extra_rdoc_files: []
 files:
 - LICENSE.txt
 - README.md
+- _includes/backtotop.html
 - _includes/comments-providers/disqus.html
 - _includes/footer.html
 - _includes/head.html
 - _includes/header.html
+- _includes/sharepost.html
 - _layouts/allposts.html
 - _layouts/categories.html
 - _layouts/default.html
@@ -91,8 +93,13 @@ 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