whiteblog-theme 0.0.10 → 0.0.11

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 7c9ee6295b2edcf49e25f365bed0582b87a76e12ab2c7e2a0168444dcf032126
-  data.tar.gz: 26c54d49d236252ebe047d48c219611062ddee1f5388850df81fb8356787ae81
+  metadata.gz: 12c09d435ac5b03895fd4920f1eb155d8529e4ee8f56d37c3a6d1dbe65c8b83c
+  data.tar.gz: b5342e4ed7d292609a9d6b26b16dbae3537fce26a0397ad8ea5210f64ff6d142
 SHA512:
-  metadata.gz: 1831d76d33ab373bab801f11147f1d2b67fa2718c7b22c2af483bc5efb41b904468a35a9b9c761da3b1edf1794d63ecbdd88f156d83f04507c9e6c1498f1791f
-  data.tar.gz: 5efe871b332838044b3618db81d1cbf743930db669b73f73c44237633bbf2c5931b6f69a4cd952bb350779badb312becc9b0ac15d901ed0b18d250451d9c9f92
+  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

@@ -4,25 +4,12 @@
   <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">

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/_sass/whiteblog-theme/_layout.scss

@@ -191,6 +191,27 @@ a.badge {
   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 {
@@ -199,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%, $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;
-  }
-  
-  &: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;
 }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: whiteblog-theme
 version: !ruby/object:Gem::Version
-  version: 0.0.10
+  version: 0.0.11
 platform: ruby
 authors:
 - Victor Silva
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2024-04-21 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