From 92f85d765beafbcd26112bab8b481bdf16029596 Mon Sep 17 00:00:00 2001
From: "pmoreno.rodriguez"
 <60596353+pmoreno-rodriguez@users.noreply.github.com>
Date: Mon, 31 Oct 2022 11:40:03 +0100
Subject: [PATCH] Version 1.0.2

---
 templates/portfolio.html.twig | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/templates/portfolio.html.twig b/templates/portfolio.html.twig
index 0d832bc..43ed5ec 100644
--- a/templates/portfolio.html.twig
+++ b/templates/portfolio.html.twig
@@ -1,5 +1,7 @@
 {% extends 'partials/base.html.twig' %}
 
+{% set columns = page.header.layout == 'standard' ? 'col-4 col-6-medium col-12-small' : 'col-6 col-12-small'  %}
+
 {% block menu %}
   {% include 'partials/sidebar_right.html.twig' %}
 {% endblock %}
@@ -9,14 +11,21 @@
     <article class="post">
         <header>
             <div class="title">
-            <h2>{{ page.header.title }}</h2>	
+            <h2>{{ page.header.title }}</h2>
+            {% if page.header.subtitle %}
+                <p>{{ page.header.subtitle }}</p>
+            {% endif %}	
             </div>
         </header>
-    {{ page.content|raw}}
+        {% if page.header.primaryImage %}
+            {{ page.media[page.header.primaryImage].cropZoom(1038,437).loading('lazy').html(page.title, page.title, 'image featured')|raw }}
+        {% endif %}
+        
+        {{ page.content|raw}}
     <!-- Portfolio -->
     {% block portfolio %}  
         <section>   
-        <div class="row">
+        <div class="row aln-center">
         {% for item in page.header.images %} 
             <div class="{{columns}} portfolio_item">
                 <a href="{{page.media[item.image].url}}" class="glightbox" data-width="100vw" data-zoomable="true" data-glightbox='title: {{item.title}}; description: {{item.description|raw}}'>