improve layout

README.md

@@ -1,4 +1,7 @@
-# Hitchens
+---
+layout: page
+title: "Hitchens"
+---
 
 An inarguably well-designed [Jekyll](http://jekyllrb.com) theme.
 

_config.yml

@@ -40,5 +40,5 @@ markdown: kramdown
 plugins:
   - jekyll-paginate
 
-paginate: 6
+paginate: 3
 paginate_path: "/page/:num/"

_layouts/home.html

@@ -44,13 +44,13 @@ layout: default
 
       <div class="post-pagination">
         {% if paginator.next_page %}
-          <a href="{{ paginator.next_page_path | prepend: site.baseurl  }}" class="pagination-next btn">&lang; Older</a>
+          <a href="{{ paginator.next_page_path | prepend: site.baseurl  }}" class="pagination-next btn">&lang;&nbsp;Older</a>
         {% else %}
           <span>&nbsp;</span>
         {% endif %}
         <span class="pagination-number">{{ paginator.page }} of {{ paginator.total_pages }}</span>
         {% if paginator.previous_page %}
-          <a href="{{ paginator.previous_page_path | prepend: site.baseurl }}" class="pagination-previous btn">Newer &rang;</a>
+          <a href="{{ paginator.previous_page_path | prepend: site.baseurl }}" class="pagination-previous btn">Newer&nbsp;&rang;</a>
         {% else %}
           <span>&nbsp;</span>
         {% endif %}

_layouts/post.html

@@ -10,11 +10,11 @@ layout: default
 
 <article class="post h-entry" itemscope itemtype="http://schema.org/BlogPosting">
 
-  {% unless page.title == "" %}
+  {% if page.title != "" %}
     <h1 class="post-title divided p-name" itemprop="name headline">
       {{ page.title }}
     </h1>
-  {% endunless %}
+  {% endif %}
 
   <div class="post-content e-content" itemprop="articleBody">
     {{ content }}

_sass/_base.scss

@@ -5,6 +5,11 @@ body {
   line-height: 1.5;
 }
 
+h1 {
+  font-size: 3em;
+  margin: .5em auto;
+}
+
 h2 {
   font-size: 2em;
   margin: 1em auto;

_sass/_masthead.scss

@@ -2,18 +2,22 @@
   background: $brand-color;
   box-sizing: border-box;
   min-height: 50vh;
-  padding: 8em 2em;
+  padding: 2em;
   position: relative;
 
   display: flex;
   flex-direction: column;
   justify-content: center;
   text-align: center;
+  @media screen and (min-width: $on-laptop) {
+    padding: 6em 2em;
+  } 
 }
 
 .site-masthead h1 {
   font-size: 3em;
   margin-bottom: 0;
+  margin-top: 0;
   @media (min-width: $on-tablet) {
     font-size: 6em;
   }

_sass/_menu.scss

@@ -1,5 +1,5 @@
 .site-navigation {
-  margin-top: 4rem;
+  margin-top: 2rem;
 }
 
 .site-navigation ul {

_sass/_post-list.scss

@@ -29,6 +29,11 @@
   @media (min-width: $on-tablet) {
     padding: .25em 0;
   }
+  h1 {
+    font-size: 1em;
+    margin-bottom: 0;
+    margin-top: 0;
+  }
 }
 
 .post-link__title + .post-link__excerpt {
@@ -41,9 +46,11 @@
   display: flex;
   flex-direction: row;
   justify-content: space-between;
-  * > {
+  text-align: center;
+  > * {
     flex-grow: 1;
     flex-basis: 0;
+    padding: 1em 0;
   }
   a {
     text-decoration: none;