Split post list item into an include to keeps things DRY

Author: kylegordy

_includes/featured-post-hero.html

@@ -58,31 +58,12 @@ <h2 class="hero__title">
             <section class="feat-post__secondary">
                 <h3 class="section-heading mb-0 text-plum">Featured Series</h3>
                 <ul class="post-list text-length-sm">
-                    {% assign featured-series = site.tags.featured-series | sort: 'date' %}
-                    {% for post in featured-series limit: 2 %}
-                    <li class="post-list__item">
-
-                        <!-- Post title -->
-                        <h4 class="post-list__heading">
-                            <a href="{{ post.url | relative_url }}" class="link-text-color">
-                            {{ post.title | escape }}
-                            </a>
-                        </h4>
-
-                        <!-- Post metadata -->
-                        <span class="post-list__author">
-                            <span class="visually-hidden">Author:</span>
-                            {%- if site.data.authors[post.author] -%}
-                                {{ site.data.authors[post.author].name}}
-                            {%- else -%}
-                                {{ post.author }}
-                            {%- endif -%}
-                        </span><!--
-                        --><time class="post-list__date" datetime="{{ post.date | date_to_xmlschema }}">
-                            {%- assign date_format = site.date_format -%}
-                            {{ post.date | date: date_format }}</time>
 
-                    </li>
+                    <!-- Pick a series to features using its unique tag - i.e. di-series -->
+                    {% assign featured-series = site.tags.di-series | sort: 'date' %}
+                    {% for post in featured-series limit: 2 %}
+                        <!-- Post item template -->
+                        {% include post-list-item.html %}
                     {% endfor %}
                 </ul>
 

_includes/post-list-item.html

@@ -0,0 +1,23 @@
+<li class="post-list__item">
+
+    <!-- Post title -->
+    <h4 class="post-list__heading">
+        <a href="{{ post.url | relative_url }}" class="link-text-color">
+        {{ post.title | escape }}
+        </a>
+    </h4>
+
+    <!-- Post metadata -->
+    <span class="post-list__author">
+        <span class="visually-hidden">Author:</span>
+        {%- if site.data.authors[post.author] -%}
+            {{ site.data.authors[post.author].name}}
+        {%- else -%}
+            {{ post.author }}
+        {%- endif -%}
+    </span><!--
+    --><time class="post-list__date" datetime="{{ post.date | date_to_xmlschema }}">
+        {%- assign date_format = site.date_format -%}
+        {{ post.date | date: date_format }}</time>
+
+</li>

blog/index.html

@@ -19,29 +19,7 @@
 
             <!-- Post -->
             {%- for post in paginator.posts -%}
-            <li class="post-list__item">
-
-                <!-- Post title -->
-                <h4 class="post-list__heading">
-                    <a href="{{ post.url | relative_url }}" class="link-text-color">
-                    {{ post.title | escape }}
-                    </a>
-                </h4>
-
-                <!-- Post metadata -->
-                <span class="post-list__author">
-                    <span class="visually-hidden">Author:</span>
-                    {%- if site.data.authors[post.author] -%}
-                        {{ site.data.authors[post.author].name}}
-                    {%- else -%}
-                        {{ post.author }}
-                    {%- endif -%}
-                </span><!--
-                --><time class="post-list__date" datetime="{{ post.date | date_to_xmlschema }}">
-                    {%- assign date_format = site.date_format -%}
-                    {{ post.date | date: date_format }}</time>
-
-            </li>
+                {% include post-list-item.html %}
             {%- endfor -%}
 
         </ul>