Blog page

Almost done, needs only to add the time stamp and author name.
Apparently it can't be added to the actions box.

Issue: lirios#13

_layouts/centered.html

@@ -0,0 +1,15 @@
+---
+layout: default
+---
+
+<article class="page">
+  <header class="primary">
+    <h1 class="primary-text">{{ page.title | escape }}</h1>
+  </header>
+
+  <div class="row">
+    <div class="col s12 m6 offset-m3">
+      {{ content | toc }}
+    </div>
+  </div>
+</article>

_layouts/default.html

@@ -8,7 +8,7 @@
 
     <ul class="right hide-on-med-and-down">
       <li id="nav-about" class="waves-effect{% if page.navitem == 'nav-about' %} active{% endif %}"><a href="#">About</a></li>
-      <li id="nav-blog" class="waves-effect{% if page.navitem == 'nav-blog' %} active{% endif %}"><a href="#">Blog</a></li>
+      <li id="nav-blog" class="waves-effect{% if page.navitem == 'nav-blog' %} active{% endif %}"><a href="/blog">Blog</a></li>
       <li id="nav-apps" class="waves-effect{% if page.navitem == 'nav-apps' %} active{% endif %}"><a href="/apps">Apps</a></li>
       <li id="nav-screenshots" class="waves-effect{% if page.navitem == 'nav-screenshots' %} active{% endif %}"><a href="/screenshots">Screenshots</a></li>
       <li id="nav-develop" class="waves-effect{% if page.navitem == 'nav-develop' %} active{% endif %}"><a href="#">Develop</a></li>
@@ -22,7 +22,7 @@
       <li><a class="waves-effect" href="#">Blog</a></li>
       <li><a class="waves-effect" href="/apps">Apps</a></li>
       <li><a class="waves-effect" href="/screenshots">Screenshots</a></li>
-      <li><a class="waves-effect" href="#">Develop</a></li>
+      <li><a class="waves-effect" href="/blog">Develop</a></li>
       <li><a class="waves-effect" href="{{ site.baseurl }}/get-involved">Get Involved</a></li>
       <li><a class="waves-effect" href="#">Support</a></li>
       <li><a class="waves-effect" href="{{ site.baseurl }}/download">Download</a></li>

blog.html

@@ -0,0 +1,25 @@
+---
+layout: centered
+title: Blog
+permalink: /blog/
+style: blue.css
+navitem: nav-blog
+---
+
+{% for post in site.posts %}
+  <div class="card">
+    {% if post.image != null %}
+      <div class="card-image">
+        <img src="{{ site.baseurl }}{{ post.image }}">
+        <span class="card-title">{{ post.title }}</span>
+      </div>
+    {% endif %}
+    <div class="card-content">
+      {% if post.image == null %}<span class="card-title">{{ post.title }}</span>{% endif %}
+      <p>{{ post.excerpt }}</p>
+    </div>
+    <div class="card-action">
+      <a href="{{ site.baseurl }}{{ post.url }}">Read More</a>
+    </div>
+  </div>
+{% endfor %}

css/blue.scss

@@ -11,6 +11,8 @@ $secondary-color: color("blue", "darken-3") !default;
 $primary-text-color: white !default;
 $secondary-text-color: white !default;
 
+$card-link-color: $secondary-color;
+
 .primary-text {
   color: $primary-text-color !important;
 }