reformat 'Latest News', also show on about page

Author: rmosolgo

_includes/_latest_news.html

@@ -0,0 +1,20 @@
+<div class='row'>
+  <div class='col-md-12'>
+    <h2>Latest News</h2>
+  </div>
+</div>
+</div>
+<div class='row'>
+  <div class="col-md-12">
+    <ul class="posts">
+      {% for post in site.posts %}
+        <li>
+          <p class='lead'>
+            <strong>{{ post.date | date_to_string }}:</strong>
+            <a href="{{ post.url }}">{{ post.title }}</a>
+          </p>
+        </li>
+      {% endfor %}
+    </ul>
+  </div>
+</div>

about/index.html

@@ -14,4 +14,7 @@ <h2>About mruby</h2>
       This achievement was sponsored by the Regional Innovation Creation R&amp;D Programs of the Ministry of Economy, Trade and Industry of Japan.
     </p>
   </div>
+
+  {% include _latest_news.html %}
+
 </div>

css/main.css

@@ -126,17 +126,6 @@ a {
   padding-right: 20px;
 }
 
-.posts p {
-  font-size: 120%;
-  font-weight: bold;
-  padding: 0;
-  margin: 0;
-}
-
-.posts a {
-  font-size: 120%;
-}
-
 table td,th {
   border:2px solid #eee;
   padding:4px;

index.html

@@ -17,20 +17,6 @@
     </div>
   </div>
 
-  <div class="col-md-12">
-    <div id="home">
-      <div>
-        <h2>Latest News</h2>
-        <ul class="posts">
-          {% for post in site.posts %}
-            <li>
-              <p>{{ post.date | date_to_string }}</p>
-              <a href="{{ post.url }}">{{ post.title }}</a>
-            </li>
-          {% endfor %}
-        </ul>
-      </div>
-    </div>
-  </div>
+  {% include _latest_news.html %}
 
 </div>