Adjust layout order and show teasers

Author: DiogoRibeiro7

_includes/archive-single.html

@@ -12,11 +12,11 @@
 
 <div class="{{ include.type | default: 'list' }}__item">
   <article class="archive__item card" itemscope itemtype="https://schema.org/CreativeWork">
-    {% if include.type == "grid" and teaser %}
-      <div class="archive__item-teaser">
-        <a href="{{ post.url | relative_url }}"><img src="{{ teaser | relative_url }}" alt="{{ post.title }}"></a>
-      </div>
-    {% endif %}
+{% if teaser %}
+  <div class="archive__item-teaser">
+    <a href="{{ post.url | relative_url }}"><img src="{{ teaser | relative_url }}" alt="{{ post.title }}"></a>
+  </div>
+{% endif %}
     <h2 class="archive__item-title no_toc" itemprop="headline">
       {% if post.link %}
         <a href="{{ post.link }}">{{ title }}</a> <a href="{{ post.url | relative_url }}" rel="permalink"><i class="fas fa-link" aria-hidden="true" title="permalink"></i><span class="sr-only">Permalink</span></a>

_layouts/single.html

@@ -79,9 +79,6 @@ <h4 class="page__meta-title">{{ site.data.ui-text[site.locale].meta_label }}</h4
     </div>
   </article>
 
-  {% if jekyll.environment == 'production' and site.comments.provider and page.comments %}
-  {% include comments.html %}
-  {% endif %}
   {% comment %}<!-- only show related on a post page when `related: true` -->{% endcomment %}
   {% if page.id and page.related and site.related_posts.size > 0 %}
   <div class="page__related">
@@ -108,4 +105,7 @@ <h2 class="page__related-title">{{ site.data.ui-text[site.locale].related_label
     </div>
   </div>
   {% endif %}
+  {% if jekyll.environment == 'production' and site.comments.provider and page.comments %}
+  {% include comments.html %}
+  {% endif %}
 </div>