Implement blog page layout

Author: adeen-s

_layouts/blog.html

@@ -0,0 +1,32 @@
+---
+layout: default
+---
+{% if page.title %}
+  <h1 class="has-text-centered">{{ page.title }}</h1>
+{% endif %}
+
+<div class="has-text-centered">
+    {{ content }}
+</div>
+
+{% if site.posts.size > 0 %}
+  <h2 class="post-list-heading">{{ page.list_title | default: "Posts" }}</h2>
+    {% for post in site.posts %}
+    {% unless post.exclude %}
+    <div class="card">
+      {% assign date_format = site.minima.date_format | default: "%b %-d, %Y" %}
+        <a class="card-header-title" href="{{ post.url | relative_url }}">
+          {{ post.title | escape }}
+        </a>
+        <div class="card-content">
+            <div class="content">
+                <p>{{ post.excerpt | remove: '<p>' | remove: '</p>'}}...<a href="{{ post.url | relative_url }}">Read More</a></p>
+                <time class="is-size-7" datetime="{{ post.date }}">{{ post.date | date: date_format }}</time>
+            </div>
+        </div>
+    </div>
+    <br />
+    {% endunless %}
+    {% endfor %}
+
+{% endif %}

_posts/2019-06-15-hello.md

@@ -0,0 +1,26 @@
+---
+layout: post
+title:  "Welcome to codeIndore()!"
+date:   2019-06-18 20:29:15 +0530
+categories: jekyll update
+comments: true
+---
+You’ll find this post in your `_posts` directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run `jekyll serve`, which launches a web server and auto-regenerates your site when a file is updated.
+
+To add new posts, simply add a file in the `_posts` directory that follows the convention `YYYY-MM-DD-name-of-post.ext` and includes the necessary front matter. Take a look at the source for this post to get an idea about how it works.
+
+Jekyll also offers powerful support for code snippets:
+
+{% highlight ruby %}
+def print_hi(name)
+  puts "Hi, #{name}"
+end
+print_hi('Tom')
+#=> prints 'Hi, Tom' to STDOUT.
+{% endhighlight %}
+
+Check out the [Jekyll docs][jekyll-docs] for more info on how to get the most out of Jekyll. File all bugs/feature requests at [Jekyll’s GitHub repo][jekyll-gh]. If you have questions, you can ask them on [Jekyll Talk][jekyll-talk].
+
+[jekyll-docs]: https://jekyllrb.com/docs/home
+[jekyll-gh]:   https://github.com/jekyll/jekyll
+[jekyll-talk]: https://talk.jekyllrb.com/

_posts/2019-06-17-code.md

@@ -0,0 +1,26 @@
+---
+layout: post
+title:  "Welcome to Jekyll!"
+date:   2019-06-17 20:29:15 +0530
+categories: jekyll update
+comments: true
+---
+You’ll find this post in your `_posts` directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run `jekyll serve`, which launches a web server and auto-regenerates your site when a file is updated.
+
+To add new posts, simply add a file in the `_posts` directory that follows the convention `YYYY-MM-DD-name-of-post.ext` and includes the necessary front matter. Take a look at the source for this post to get an idea about how it works.
+
+Jekyll also offers powerful support for code snippets:
+
+{% highlight ruby %}
+def print_hi(name)
+  puts "Hi, #{name}"
+end
+print_hi('Tom')
+#=> prints 'Hi, Tom' to STDOUT.
+{% endhighlight %}
+
+Check out the [Jekyll docs][jekyll-docs] for more info on how to get the most out of Jekyll. File all bugs/feature requests at [Jekyll’s GitHub repo][jekyll-gh]. If you have questions, you can ask them on [Jekyll Talk][jekyll-talk].
+
+[jekyll-docs]: https://jekyllrb.com/docs/home
+[jekyll-gh]:   https://github.com/jekyll/jekyll
+[jekyll-talk]: https://talk.jekyllrb.com/

blog.md

@@ -1,7 +1,6 @@
 ---
-title: Blog
-layout: default
+title: Blogs
+layout: blog
 permalink: /blog/
 ---
-<h1 class="has-text-centered">Blog</h1>
-<p class="has-text-centered">Any blog entries we post will be visible here</p>
+Blogs are a great way of passing on knowledge, expressing opinions, and demonstrating our expertise. The blogs on this page have been submitted by the members of our community as part of their effort in helping others. 

css/main.css

@@ -78,3 +78,7 @@ only screen and (max-width: 1000px) {
   td:nth-of-type(4):before { content: "Location";}
   td:nth-of-type(5):before { content: "Description"; }
 }
+
+.card-header-title {
+    padding-bottom: 0rem;
+}