Blog sidebar #109

website/themes/uppy/layout/partials/blog.ejs

@@ -1,10 +1,26 @@
 <div class="Sidebar js-Sidebar is-blog">
   <ul class="main-menu">
-    <%- partial('partials/main_menu') %>
+      <%- partial('partials/main_menu') %>
   </ul>
+  <div class="list">
+      <h2>
+          Recent Posts
+          <a href="/atom.xml" target="_blank" style="vertical-align: middle; margin-left: 5px">
+              <img src="/images/feed.png" style="width:15px;height:15px">
+          </a>
+      </h2>
+      <ul>
+      <% site.posts.sort('date', -1).limit(10).each(function (post) { %>
+          <li>
+              <a href="/<%- post.path %>" class="sidebar-link<%- page.title === post.title ? ' current' : '' %>"><%- post.title %></a>
+          </li>
+      <% }) %>
+      </ul>
+      <%- partial('partials/social') %>
+  </div>
 </div>
 
-<div class="Content js-Content">
+<div class="Content js-Content with-sidebar">
   <h1 style="text-align: center; margin-bottom:.5em">The <%- config.title %> Blog</h1>
   <% site.posts.sort('date', -1).each(function (post) { %>
     <div class="post">

website/themes/uppy/layout/post.ejs

@@ -9,7 +9,7 @@
                 <img src="/images/feed.png" style="width:15px;height:15px">
             </a>
         </h2>
-        <ul style="padding:0">
+        <ul>
         <% site.posts.sort('date', -1).limit(10).each(function (post) { %>
             <li>
                 <a href="/<%- post.path %>" class="sidebar-link<%- page.title === post.title ? ' current' : '' %>"><%- post.title %></a>

website/themes/uppy/source/css/_page.scss

@@ -52,6 +52,8 @@
     padding-left: 1em;
   }
 
+  &.is-blog ul { padding-left: 0; }
+
   li {
     margin-bottom: 0.6em;
   }