Add blog page with pagination

Author: sattvik

_config.yml

@@ -1,11 +1,16 @@
 title: Clojure/GSoC
 description: Let’s get Clojure ready for GSoC 2017!
+feed:
+  path: blog/atom.xml
 author:
   twitter: ClojureGSoC
   picture: /assets/images/clojure-gsoc.png
 excerpt_separator: <!--more-->
 url: http://clojure-gsoc.org/
+paginate: 5
+paginate_path: "/blog/page:num"
 gems:
   - jekyll-feed
+  - jekyll-paginate
   - jekyll-redirect-from
   - jekyll-sitemap

_data/sitemap.yml

@@ -1,5 +1,7 @@
 - path: index.md
   name: Home
+- path: blog/index.html
+  name: Blog
 - path: students/index.md
   children:
     - path: students/application-template.md

assets/css/styles.scss

@@ -100,4 +100,17 @@
       }
     }
   }
+
+  .clj-gsoc-pagination {
+    display: flex;
+    box-sizing: border-box;
+    align-items: center;
+  }
+
+  .clj-gsoc-blog-post-card {
+    .mdl-card__title-text a {
+      color: inherit;
+      text-decoration: none;
+    }
+  }
 }

blog/index.html

@@ -0,0 +1,35 @@
+---
+title: Clojure/GSoC blog
+layout: cards
+---
+
+{% for post in paginator.posts %}
+  <section class="mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col clj-gsoc-blog-post-card">
+    <header class="mdl-card__title mdl-color-text--primary-contrast mdl-color--primary">
+      <h2 class="mdl-card__title-text"><a href="{{ post.url }}">{{ post.title }}</a></h2>
+      <div class="mdl-layout-spacer"></div>
+      <span>{{ post.date | date_to_string }}</span>
+    </header>
+    <main class="mdl-card__supporting-text mdl-card--expand">
+      {{ post.content }}
+    </main>
+  </section>
+{% endfor %}
+
+{% if paginator.total_pages > 1 %}
+  <div class="mdl-cell mdl-cell--12-col clj-gsoc-pagination">
+    {% if paginator.previous_page %}
+      <a class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--raised mdl-button--colored" href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}">Previous</a>
+    {% else %}
+      <span class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--raised mdl-button--colored" disabled>Previous </span>
+    {% endif %}
+
+    <div class="mdl-layout-spacer"></div>
+
+    {% if paginator.next_page %}
+      <a class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--raised mdl-button--colored" href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}">Next</a>
+    {% else %}
+      <span class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--raised mdl-button--colored" disabled>Next</span>
+    {% endif %}
+  </div>
+{% endif %}