Better vertical rhythym

alixedi · Jun 9, 2014 · dfeab64 · dfeab64
1 parent 617a9d8
commit dfeab64
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 9 deletions.
diff --git a/_config.yml b/_config.yml
@@ -8,7 +8,7 @@ url: "http://alixedi.github.io"
 markdown: kramdown
 permalink: pretty
 highlighter: pygments
-paginate: 5
+paginate: 3
 
 # Links
 links:

diff --git a/css/main.css b/css/main.css
@@ -11,7 +11,7 @@ body {
   margin: 100px auto 0;
   max-width: 400px;
   min-height: 300px;
-  padding: 80px;
+  padding: 200px;
   position: relative;
   width: 80%;
 }
@@ -87,7 +87,7 @@ h3 {
 
 .header {
   text-align: center;
-  margin: 80px 40px;
+  margin-bottom: 100px;
 }
 
 .header > h1 {
@@ -104,7 +104,7 @@ h3 {
 
 .posts > li {
   list-style-type: none;
-  margin: 40px 0px;
+  margin: 80px 0px;
 }
 
 /* code blocks */
@@ -116,7 +116,7 @@ h3 {
 
 /* footer */
 footer {
-  padding-top: 80px;
+  margin-top: 100px;
   text-align: center;
 }
 
@@ -128,3 +128,9 @@ footer {
 .pagination > a, .pagination > span {
   margin: 40px 10px;
 }
+
+/* continue reading */
+.continue {
+  text-align: center;
+  margin-top: 40px;
+}
diff --git a/index.html b/index.html
@@ -11,7 +11,7 @@
       <h1 >{{ post.title }}</h1>
       <span>{{ post.date | date: "%b %-d, %Y" }}</span>
       {{ post.excerpt }}
-      <div style="text-align: center;">
+      <div class="continue">
         <a href="{{ post.url | prepend: site.baseurl }}">&bull;&bull;&bull;</a>
       </div>
     </li>
@@ -20,16 +20,20 @@ <h1 >{{ post.title }}</h1>
 
   <div class="pagination">
     {% if paginator.previous_page %}
-      <a class="page-link" href="/page{{ paginator.previous_page }}">prv</a>
+      {% if page == 2 %}
+        <a class="page-link" href="{{ '/index.html' | prepend: site.baseurl | replace: '//', '/' | replace: ':num', page }}">prv</a>
+      {% else %}
+        <a class="page-link" href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}">prv</a>
+      {% endif %}
     {% else %}
       <span class="page-link">prv</span>
     {% endif %}
+
     {% if paginator.next_page %}
-      <a class="page-link" href="/page{{ paginator.next_page }}">nxt</a>
+      <a class="page-link" href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}">nxt</a>
     {% else %}
       <span class="page-link">nxt</span>
     {% endif %}
-
   </div>
 
 </div>