Modify pagination and footer

_layouts/default.html

@@ -19,7 +19,7 @@
 
       <footer>
         <span>
-          &copy; <time datetime="{{ site.time }}">{{ site.time | date: '%Y' }}</time>. All rights reserved.
+          &copy; <time datetime="{{ site.time }}">{{ site.time | date: '%Y' }}</time> Chester How. All rights reserved.
         </span>
       </footer>
     </div>

_layouts/post.html

@@ -2,12 +2,14 @@
 layout: default
 ---
 
-<div class="post">
+<div>
-  <time class="post-time" datetime="{{ page.date }}">{{ page.date | date_to_string | upcase }}</time>
+  <div class="post">
-  <h1 class="post-title">{{ page.title }}</h1>
+    <time class="post-time" datetime="{{ page.date }}">{{ page.date | date_to_string | upcase }}</time>
+    <h1 class="post-title">{{ page.title }}</h1>
 
-  {{ content }}
+    {{ content }}
 
+  </div>
 </div>
 
 <div class="pagination">

_posts/2017-03-10-welcome-to-jekyll.md

@@ -1,6 +1,6 @@
 ---
 layout: post
-title:  "Introducing Tale"
+title:  "Welcome to Jekyll!"
 categories: jekyll update
 ---
 
@@ -8,6 +8,17 @@ You’ll find this post in your `_posts` directory. Go ahead and edit it and re-
 
 To add new posts, simply add a file in the `_posts` directory that follows the convention `YYYY-MM-DD-name-of-post.ext` and includes the necessary front matter. Take a look at the source for this post to get an idea about how it works.
 
+Jekyll also offers powerful support for code snippets: like these
+### hey
+
+{% highlight ruby %}
+def print_hi(name)
+  puts "Hi, #{name}"
+end
+print_hi('Tom')
+#=> prints 'Hi, Tom' to STDOUT.
+{% endhighlight %}
+
 Check out the [Jekyll docs][jekyll-docs] for more info on how to get the most out of Jekyll. File all bugs/feature requests at [Jekyll’s GitHub repo][jekyll-gh]. If you have questions, you can ask them on [Jekyll Talk][jekyll-talk].
 
 [jekyll-docs]: https://jekyllrb.com/docs/home

_sass/_base.scss

@@ -1,5 +1,6 @@
 * {
   @include box-sizing;
+  line-height: 1.5;
 }
 
 html,
@@ -21,6 +22,7 @@ h4,
 h5,
 h6 {
   font-family: $sans-font;
+  line-height: normal;
 }
 
 a {

_sass/_layout.scss

@@ -33,9 +33,11 @@ header {
 
 footer {
   font-family: $sans-font;
-  margin: 3rem 0;
+  margin: 1.5rem 0 3rem;
+  text-align: center;
 
   span {
     color: $default-color;
+    font-size: .8rem;
   }
 }

_sass/_post.scss

@@ -1,6 +1,10 @@
 .post {
   padding: 3rem 0;
 
+  &:not(:last-child) {
+    border-bottom: .5px solid $grey-2;
+  }
+
   &-time {
     color: $default-tint;
     font-family: $sans-font;
@@ -16,11 +20,11 @@
     a {
       color: $default-shade;
       font-size: 2.7rem;
+      line-height: normal;
     }
   }
 
   p {
-    line-height: 1.5rem;
     margin: 0 0 1rem;
     text-align: justify;
   }

_sass/pagination.scss

@@ -1,11 +1,8 @@
-.preview {
-  &:not(:last-child) {
-    border-bottom: .5px solid $grey-2;
-  }
-}
-
 .pagination {
+  border-bottom: .5px solid $grey-2;
+  border-top: .5px solid $grey-2;
   font-family: $serif-font;
+  padding: 1rem 0;
   position: relative;
   text-align: center;
 
@@ -14,10 +11,6 @@
     font-size: 1.1rem;
   }
 
-  a {
-    @include transition(all .3s ease-out);
-  }
-
   .home {
     color: $default-color;
     font-family: $sans-font;
@@ -26,12 +19,12 @@
 
     &:hover,
     &:focus, {
-      color: $default-tint;
       text-decoration: underline;
     }
   }
 
   .arrow {
+    @include transition(all .3s ease-out);
     color: $default-color;
     font-size: 1.3rem;
     position: absolute;

index.html

@@ -5,7 +5,7 @@ title: Home
 
 <div>
   {% for post in paginator.posts %}
-    <div class="post preview">
+    <div class="post">
       <time class="post-time" datetime="{{ post.date }}">{{ post.date | date_to_string | upcase }}</time>
       <h1 class="post-title"><a href="{{ post.url | prepend: site.url }}">{{ post.title }}</a></h1>
 

styles.scss

@@ -4,9 +4,9 @@
 ---
 
 @import 'variables';
-@import 'layout';
-@import 'syntax';
-@import 'post';
-@import 'home';
-@import 'code';
 @import 'base';
+@import 'code';
+@import 'post';
+@import 'syntax';
+@import 'layout';
+@import 'pagination';