integrating post nav as a module

Author: Rodrigo Techera

_includes/blog_post_nav.html

@@ -0,0 +1,13 @@
+<div class="vertical-blog-container">
+  <div class="col-md-4">
+    <p class="blog-date">{{ post.date | date: '%B %d, %Y' }}</p>
+    <h4>
+      <a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a>
+    </h4>
+    <p>{{ post.excerpt | remove: '<p>' | remove: '</p>' | truncate: 500}}</p>
+    <img src="{{ post.image }}" class="img-fluid">
+  </div>
+  <a href="{{ site.baseurl }}{{ post.url }}" class="btn btn-lg with-right-arrow">
+    Read More
+  </a>
+</div>

_includes/blog_tags_filter.html

@@ -56,7 +56,9 @@
   {% for tag in site.tags %}
     <div class="blog-tag-container" data-tag="{{ tag[0] }}">
       {% for post in tag[1] %}
-        {{ post }}
+
+        {% include blog_post_nav.html %}
+      
       {% endfor %}
     </div>
   {% endfor %}

_layouts/blog.html

@@ -39,19 +39,9 @@ <h1 class="blog-index-title">
       <div class="container">
         <div class="row blog-vertical">
           {% for post in posts %}
-            <div class="vertical-blog-container">
-              <div class="col-md-4">
-                <p class="blog-date">{{ post.date | date: '%B %d, %Y' }}</p>
-                <h4>
-                  <a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a>
-                </h4>
-                <p>{{ post.excerpt | remove: '<p>' | remove: '</p>' | truncate: 500}}</p>
-                <img src="{{ post.image }}" class="img-fluid">
-              </div>
-              <a href="{{ site.baseurl }}{{ post.url }}" class="btn btn-lg with-right-arrow">
-                Read More
-              </a>
-            </div>
+
+            {% include blog_post_nav.html %}
+          
           {% endfor %}
         </div>