Cover images, new hero as svg

Gemfile

@@ -13,5 +13,4 @@ group :jekyll_plugins do
   gem 'jekyll-timeago'
   gem 'jekyll-thumbnail-img'
   gem 'bulma-clean-theme', '~> 1.0', '>= 1.0.2'
-  gem 'jekyll-toc'
 end

_includes/hero.html

@@ -0,0 +1,23 @@
+<section
+    class="hero {% if page.hero_height %} {{ page.hero_height }} {% else %} is-medium {% endif %} is-bold is-primary"
+    {% if page.hero_image %}
+        style="background: url('{{ page.hero_image }}') no-repeat center center; background-size: cover;"
+    {% endif %}
+    {% if page.hero_svg %}
+        style="background-image: url('{{ page.hero_svg }}'); background-blend-mode: soft-light;"
+    {% endif %}
+>
+    <div class="hero-body {% if page.hero_darken %} hero-darken {% endif %}">
+        <div class="container">
+            <h1 class="title is-2">{{ page.title }}</h1>
+            <p class="subtitle is-3">{{ page.subtitle }}</p>
+            {% if page.hero_link %}
+                <div class="my-4">
+                    <a href="{{ page.hero_link | relative_url }}" class="button is-info is-large">
+                        {{- page.hero_link_text -}}
+                    </a>
+                </div>
+            {% endif %}
+        </div>
+    </div>
+</section>

_layouts/landing-page.html

@@ -17,7 +17,7 @@
                             <figure class="image is-1by1 m-3">
                               <img
                                 class="is-rounded-corner"
-                                src="{{ site.author.picture | absolute_url }}"
+                                src="{{ site.author.picture | relative_url }}"
                                 alt="{{ site.author.name }} - {{ site.author.description}}"
                               />
                             </figure>
@@ -55,7 +55,7 @@
                             {% include frontpage_link.html url="/demos" icon="fa-solid fa-palette" title="Demos tools and toys" %}
                           </p>
                           <p class="card-footer-item">
-                            {% include frontpage_link.html url="/blog" icon="fa-solid fa-pen-nib" title="My blog"%}
+                            {% include frontpage_link.html url="/posts" icon="fa-solid fa-pen-nib" title="My blog"%}
                           </p>
                         </footer>
                         <footer class="card-footer-item">

_posts/2022-10-24-fedora-silverblue-sshd-server.md

@@ -1,9 +1,11 @@
 ---
 published: true
 summary: Instrucciones para configurar el accesso ssh a fedora silverblue
-image: 'https://unsplash.com/photos/rL_xEyhiFWM'
+image: /media/card_images/a-silver-blue-fedora-hat-besides-a-electrical-sock.svg
+title: Instalacion de servidor sshd en Fedora Silverblue
+layout: post
 ---
-## Instalacion de servidor sshd en Fedora Silverblue
+
 
 He estado usando Fedora Silverblue en mi laptop personal desde hace varias semanas y hoy quise instalar un servidor sshd en mi laptop. Creí que la solución sería algún comando con rpm-ostree, pero no fue necesario! El servidor de openssh ya viene preinstalado en la imagen de silverblue, así que solo fue necesario activar el servicio y arrancarlo.
 

_posts/2024-05-02-nube-de-palabras-en-inkscape.md

@@ -1,12 +1,15 @@
 ---
+layout: post
 title: "Nube de palabras en Inkscape"
 categories:
-- Diseño
-- Español
+   - Diseño
+   - Español
 tags: inkscape
 summary: Pequeña guía para hacer una nube de palabras (o tag cloud) en Inkscape
 image: https://unsplash.com/es/fotos/texto-manuscrito-00nHr1Lpq6w
 published: true
+hero_svg: /media/heroes/signal.svg
+image: /media/card_images/wall-of-words.svg
 ---
 ## Nube de palabras en Inkscape
 

assets/css/app.scss

@@ -18,3 +18,8 @@ figure .is-rounded-corner {
     border-radius: var(--bulma-radius-large);
 }
 
+.hero-body {
+    .title {
+        text-shadow: #555 1px 1px 2px;
+    }
+}

demos.md

@@ -8,7 +8,7 @@ hero_image: /media/unsplash/tools_n_demos.png
 
 ## Tools
 
-- [Limoncito](projects/limoncito/) - A simple expense/income notebook
+- [Limoncito]({{ '/projects/limoncito/' | relative_url}}) - A simple expense/income notebook
 
 - [CHPT Converter](https://demos.noenieto.com/chpt-konvertilo/){:target="_blank"}.
   ([<i class="fab fa-github-alt"></i>](https://github.com/misaelnieto/chpt-konvertilo){:target="_blank"})