Feature/istwcms 4619 m26lebla theme blog news events listing pages

source/_patterns/04-components/card/card.twig

@@ -2,7 +2,6 @@
 
 <article class="card {{ modifier_classes }} {% if show_hover %} card--show-hover {% endif %} {{ type }}" >
   <div class="card__body">
-
     {% if title or author or date or sub_title %}
       <div class="card__header">
         {% if date %}
@@ -22,93 +21,77 @@
             {% endif %}
           </div>
         {% endif %}
-
         {% if title or sub_title %}
-
           {% if title %}
             <h{{ header_level }} class="card__title">
               {% if url %}
-                <a href="{{ url }}">
-              {% endif %}
-              {{ title }}
-              {% if url %}
-                </a>
+              <a href="{{ url }}">
+                {% endif %}
+                {{ title }}
+                {% if url %}
+              </a>
               {% endif %}
             </h{{ header_level }}>
           {% endif %}
-
           {% if sub_title %}
             <span class="sub-title">{{ sub_title }}</span>
           {% endif %}
-
         {% endif %}
 
-        {% if author_name %}
+        {% if author %}
           <div class="card__author">
-            {% if author_link %}
-              by
-              <a href="{{ author_link }}">
-            {% endif %}
-
-            {{ author_name }}
-
-            {% if author_link %}
-              </a>
+            by
+            {% if author.link %}
+              <a href="{{ author.link }}">{{ author.name }}</a>
+            {% else %}
+              {{ author.name }}
             {% endif %}
           </div>
         {% endif %}
-
       </div>
     {% endif %}
-
-
     {% if sources or img_element %}
       <div class="card__media">
         {% if url %}
-          <a href="{{ url }}">
-        {% endif %}
-
-        {% include "@components/responsive-image/responsive-image.twig" with {
-          sources: sources,
-          img_element: img_element,
-          alt: alt
-        } %}
-
-        {% if url %}
-          </a>
+        <a href="{{ url }}">
+          {% endif %}
+          {% include "@components/responsive-image/responsive-image.twig" with {
+            sources: sources,
+            img_element: img_element,
+            alt: alt
+          }%}
+          {% if url %}
+        </a>
         {% endif %}
       </div>
     {% endif %}
-
-    {% if content %}
       <div class="card__content">
-        {{ content }}
-      </div>
-    {% endif %}
+      {{ content }}
+    </div>
 
-    {% if footer or read_more or tags or social_media %}
-      <div class="card__footer">
-        {{ footer }}
-        {% if tags %}
-          <div class="card__tags">
+  </div>
+  {% if footer or read_more or tags or social_media %}
+    <div class="card__footer">
+      {{ footer }}
+      {% if tags %}
+        <div class="card__tags">
+          {% for tag in tags %}
             {% include "@components/tag-list/tag-list.twig" with {
-              items: tags
+              items: tag
             } %}
-          </div>
-        {% endif %}
-
-        {% if read_more and url %}
-          <div class="card__readmore">
-            {{ macros.readmore(url, title) }}
-          </div>
-        {% endif %}
-
-        {%  if social_media %}
-          <div class="card__social {{ social_media_placement }}">
-            {% include "@components/menu/menu--social/menu--social.twig" %}
-          </div>
-        {% endif %}
-      </div>
-    {% endif %}
-  </div>
+          {% endfor %}
+        </div>
+      {% endif %}
+      {% if read_more and url %}
+        <div class="card__readmore">
+          {{ macros.readmore(url, title) }}
+        </div>
+      {% endif %}
+      {%  if social_media %}
+        <div class="card__social {{ social_media_placement }}">
+          {% include "@components/menu/menu--social/menu--social.twig" %}
+        </div>
+      {% endif %}
+    </div>
+  {% endif %}
 </article>