Add blog post card

- add blog-post-card in includes
- fix multiple authors in blog-post-card

Author: Chaitanya-Shahare

_includes/blog-post-card.html

@@ -0,0 +1,46 @@
+
+  <div class="well">
+    <h3>{{ post.title }}</h3>
+    <p>
+      {% if post.author %}
+      {% for author_name in post.author %}
+        {% assign author = site.data.contributors | where: "name", author_name | first %}
+        {% if author %}
+        <a href="{{ author.name | replace: " ", "" | prepend: "/team/" }}">
+          <img
+            src="{% if author.photo %}{{ site.baseurl }}/images/team/{{ author.photo }}{% else %}{{ site.baseurl }}/images/team/defaultDP.png{% endif %}"
+            alt="{{ author.name }}" style="
+              width: 30px;
+              height: 30px;
+              border-radius: 50%;
+              margin: 0;
+              margin-top: 4px;
+              margin-bottom: 4px;
+            " />
+          {{ author.name }}
+        </a>
+        {% if forloop.last == false %}, {% endif %}
+        {% else %}
+        {{ author_name }}
+        {% endif %}
+      {% endfor %}
+      {% endif %}
+      <span class="text-muted">
+        • {{ post.date | date: "%b %d, %Y" }} • {{ post.content | number_of_words | divided_by: 200 | ceil }} min read
+      </span>
+    </p>
+    <p>{{ post.excerpt | truncatewords: 50 }}</p>
+
+
+    {% if post.tags and post.tags.size > 0 %}
+    <p>
+      {% for tag in post.tags %}
+      <a href="{{ site.baseurl }}/tags#{{ tag | downcase | slugify }}" class="badge" style="background-color: #999999; padding: 0.5rem">{{ tag }}</a>
+      {% endfor %}
+    </p>
+    {% endif %}
+
+    <p>
+      <button class="btn btn-primary" onclick="window.location.href='{{ post.url }}'">Read More</button>
+    </p>
+  </div>

_layouts/blog.html

@@ -6,47 +6,5 @@
 <h2>Latest Posts</h2>
 
 <div>
-  {% for post in site.posts %}
-  <div class="well">
-    <h3>{{ post.title }}</h3>
-    <p>
-      {% assign author = site.data.contributors | where: "name", post.author | first %}
-      {% if author %}
-      <a href="{{ author.name | replace: " ", "" | prepend: "/team/" }}">
-        <img
-          src="{% if author.photo %}{{ site.baseurl }}/images/team/{{ author.photo }}{% else %}{{ site.baseurl }}/images/team/defaultDP.png{% endif %}"
-          alt="{{ author.name }}" style="
-            width: 30px;
-            height: 30px;
-            border-radius: 50%;
-            /* vertical-align: middle; */
-            margin: 0;
-            margin-top: 4px;
-            margin-bottom: 4px;
-          " />
-        {{ author.name }}
-      </a>
-      {% else %}
-      {{ post.author }}
-      {% endif %}
-      <span class="text-muted">
-        • {{ post.date | date: "%b %d, %Y" }} • {{ post.content | number_of_words | divided_by: 200 | ceil }} min read
-      </span>
-    </p>
-    <p>{{ post.excerpt | truncatewords: 50 }}</p>
-
-
-    {% if post.tags and post.tags.size > 0 %}
-    <p>
-      {% for tag in post.tags %}
-      <a href="{{ site.baseurl }}/tags#{{ tag | downcase | slugify }}" class="badge" style="background-color: #999999; padding: 0.5rem">{{ tag }}</a>
-      {% endfor %}
-    </p>
-    {% endif %}
-
-    <p>
-      <button class="btn btn-primary" onclick="window.location.href='{{ post.url }}'">Read More</button>
-    </p>
-  </div>
-  {% endfor %}
+  {% for post in site.posts %} {% include blog-post-card.html %} {% endfor %}
 </div>

_layouts/tags.html

@@ -7,55 +7,13 @@ <h2>Tags</h2>
 
 <div>
   {% for tag in site.tags %} {% assign t = tag | first %} {% assign posts = tag
-  | last %} 
+  | last %}
 
-  <h3 id={{t | downcase}}>
-    {{ t | downcase }}
-  </h3>
+  <h3 id="{{ t | downcase }}">{{ t | downcase }}</h3>
   <div>
-    {% for post in posts %} {% if post.tags contains t %}
-  <div class="well">
-    <h3>{{ post.title }}</h3>
-    <p>
-      {% assign author = site.data.contributors | where: "name", post.author | first %}
-      {% if author %}
-      <a href="{{ author.name | replace: " ", "" | prepend: " /team/" }}">
-        <img
-          src="{% if author.photo %}{{ site.baseurl }}/images/team/{{ author.photo }}{% else %}{{ site.baseurl }}/images/team/defaultDP.png{% endif %}"
-          alt="{{ author.name }}" style="
-            width: 30px;
-            height: 30px;
-            border-radius: 50%;
-            /* vertical-align: middle; */
-	    margin: 0;
-	    margin-top: 4px;
-	    margin-bottom: 4px;
-          " />
-        {{ author.name }}
-      </a>
-      {% else %}
-      {{ post.author }}
-      {% endif %}
-      <span class="text-muted">
-        • {{ post.date | date: "%b %d, %Y" }} • {{ post.content | number_of_words | divided_by: 200 | ceil }} min read
-      </span>
-    </p>
-    <p>{{ post.excerpt | truncatewords: 50 }}</p>
-
-    {% if post.tags and post.tags.size > 0 %}
-    <p>
-      {% for tag in post.tags %}
-      <a href="{{ site.baseurl }}/tags#{{ tag | downcase | slugify }}" class="badge" style="background-color: #999999; padding: 0.5rem">{{ tag }}</a>
-      {% endfor %}
-    </p>
-    {% endif %}
-
-
-    <p>
-      <button class="btn btn-primary" onclick="window.location.href='{{ post.url }}'">Read More</button>
-    </p>
-  </div>
-    {% endif %} {% endfor %}
+    {% for post in posts %} {% if post.tags contains t %} {% include
+    blog-post-card.html post=post %} {% endif %} {% endfor %}
   </div>
+  <hr />
   {% endfor %}
 </div>