Add post pagination links and padding to Disqus comments. Resolves mm…

…istakes#7
cwigington3 · Jun 27, 2013 · dceaae8 · dceaae8
1 parent 7776dc2
commit dceaae8
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 0 deletions.
diff --git a/_layouts/post.html b/_layouts/post.html
@@ -32,6 +32,14 @@ <h1 class="entry-title" itemprop="headline">{% if page.headline %}{{ page.headli
  {% if page.comments %}<div id="disqus_thread"></div><!-- /#disqus_thread -->{% endif %}
  </div><!-- /.entry-content -->
  </div><!-- /.entry-wrapper -->
+ <nav class="pagination" role="navigation">
+ {% if page.previous %}
+ <a href="{{ site.url }}{{ page.previous.url }}" class="btn" title="{{ page.previous.title }}">Previous article</a>
+ {% endif %}
+ {% if page.next %}
+ <a href="{{ site.url }}{{ page.next.url }}" class="btn" title="{{ page.next.title }}">Next article</a>
+ {% endif %}
+ </nav><!-- /.pagination -->
  </article>
 </div><!-- /#main -->
 

diff --git a/assets/css/main.css b/assets/css/main.css
@@ -597,6 +597,8 @@ span+.entry-title{margin-top:0;}
 .entry-content{max-width:640px;width:100%;margin-right:auto;margin-left:auto;}.entry-content p:first-child{margin-top:0;}
 @media only screen and (min-width: 62.5em){.entry-content{float:left;}}.entry-content p>a,.entry-content li>a{border-bottom:1px dotted #b3b3b3;}.entry-content p>a:hover,.entry-content li>a:hover{border-bottom-style:solid;}
 .post-list li>a{border-bottom-width:0;}
+.pagination{text-align:center;}
+#disqus_thread{margin-top:2em;}
 #home .entry-title,#page .entry-title{text-align:center;max-width:100%;}
 @media only screen and (min-width: 62.5em){#home .entry-content,#page .entry-content{float:none;}}
 .post-list{margin:0;padding:0;list-style-type:none;}.post-list li{padding:8px 0;border-bottom:1px solid #cccccc;border-bottom:1px solid rgba(0, 0, 0, 0.1);*zoom:1;}.post-list li:before,.post-list li:after{display:table;content:"";line-height:0;}

diff --git a/assets/less/page.less b/assets/less/page.less
@@ -292,6 +292,14 @@ span + .entry-title {
  border-bottom-width: 0;
  }
 }
+// Pagination
+.pagination {
+ text-align: center;
+}
+// Disqus Comments
+#disqus_thread {
+ margin-top: 2em;
+}
 // Page layout
 #home,
 #page {