Add Recent Posts button at bottom of blog posts

lib/core/BlogPostLayout.js

@@ -40,6 +40,14 @@ class BlogPostLayout extends React.Component {
                 config={this.props.config}
               />
             </div>
+            <div className="blog-recent-bar">
+              <a
+                className="blog-recent button"
+                href={this.props.config.baseUrl + "blog"}
+              >
+                Recent Posts
+              </a>
+            </div>
           </Container>
         </div>
       </Site>

lib/static/css/main.css

@@ -1554,6 +1554,17 @@ table tr th {
   overflow: hidden;
   width: 70px;
 }
+.blog-recent-bar {
+  margin: 20px 0;
+}
+.blog-recent {
+  float: left;
+}
+@media only screen and (min-device-width: 360px) and (max-device-width: 736px) {
+  .blog-recent-bar {
+    height: 40px;
+  }
+}
 
 .header-link {
   position: absolute;