whiteblog-theme 0.0.9 → 0.0.10

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 4cd21724c1641af5d6e77db857e9209945184233c4370fed1da98c73ec82bfb6
-  data.tar.gz: 8e7ddaffa010d17b5800755b5bb63e7d4dee0d6e30dd0dda37a89385ee918672
+  metadata.gz: 7c9ee6295b2edcf49e25f365bed0582b87a76e12ab2c7e2a0168444dcf032126
+  data.tar.gz: 26c54d49d236252ebe047d48c219611062ddee1f5388850df81fb8356787ae81
 SHA512:
-  metadata.gz: 6713e3d5f368e338788239b0f680f59b5aa8408f1cf062eec0bbd9e12eb8add085e09853d8ca742058a6750e7be7b1b3e32f5b49c389c361c65d398f5d5293f7
-  data.tar.gz: 25fb3752abe6aa5555b179bd7b1f6232442bc138365f3ed1b07bdb2395dd49e16ed33276c1a666e96b362c7280dc081f12177b608e4f323316ca6a33de6359a0
+  metadata.gz: 1831d76d33ab373bab801f11147f1d2b67fa2718c7b22c2af483bc5efb41b904468a35a9b9c761da3b1edf1794d63ecbdd88f156d83f04507c9e6c1498f1791f
+  data.tar.gz: 5efe871b332838044b3618db81d1cbf743930db669b73f73c44237633bbf2c5931b6f69a4cd952bb350779badb312becc9b0ac15d901ed0b18d250451d9c9f92

data/_includes/head.html

@@ -3,12 +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">
 
 
-  <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/_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,8 +186,8 @@ input {
 }
 
 a.badge {
-  color: #fff;
-  background-color: $fourthColor;
+  color: $firstColor;
+  background-color: $thirdColor;
   text-decoration: none;
 }
 
@@ -199,12 +202,12 @@ a.badge {
 .underline {
   font-family: "Space Grotesk";
   display: table;
-  background: linear-gradient(180deg,rgba(255,255,255,0) 65%, $thirdColor 8px);
+  background: linear-gradient(180deg,rgba(255,255,255,0) 65%, $secondColor 8px);
   transition: all 0.3s linear;
   position: relative;
   &::before {
     content: '';
-    background-color: $thirdColor;
+    background-color: $secondColor;
     position: absolute;
     left: 0;
     bottom: 3px;

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.10
 platform: ruby
 authors:
 - Victor Silva
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2024-04-13 00:00:00.000000000 Z
+date: 2024-04-21 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -91,8 +91,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