Add icons and improve layout

Author: bitbrain

_config.yml

@@ -7,7 +7,7 @@ description: > # this means to ignore newlines until "show_exerpts:"
   Google search results) and in your feed.xml site description.
 show_excerpts: false # set to true to show excerpts on the homepage
 
-paginate: 5
+paginate: 1
 paginate_path: "/blog/page:num/"
 
 tag_permalink_style: pretty

_includes/pagination.html

@@ -2,9 +2,9 @@
 {% if paginator.total_pages > 1 %}
 <div class="pagination">
   {% if paginator.previous_page %}
-    <a href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}">< previous</a>
+    <a href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}"><i class="fas fa-chevron-left"></i></a>
   {% else %}
-    <span>< previous</span>
+    <span><i class="fas fa-chevron-left"></i></span>
   {% endif %}
 
   {% for page in (1..paginator.total_pages) %}
@@ -18,9 +18,9 @@
   {% endfor %}
 
   {% if paginator.next_page %}
-    <a href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}"> next ></a>
+    <a href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}"><i class="fas fa-chevron-right"></i></a>
   {% else %}
-    <span>next ></span>
+    <span><i class="fas fa-chevron-right"></i></span>
   {% endif %}
 </div>
 {% endif %}

_includes/tagcloud.html

@@ -2,7 +2,7 @@
 {% if site.plugins contains "jekyll/tagging" %}
 {% assign size = site | tag_cloud | size %}
   {% if size != 0 %}
-  <h2>All tags</h2>
+  <h2>all tags</h2>
   <div class="tag-cloud">{{ site | tag_cloud }}</div>
   {% endif %}
 {% endif %}

_layouts/home.html

@@ -4,7 +4,7 @@
 {% include author.html %}
 {% assign posts_count = paginator.posts | size %}
 {% if posts_count > 0 %}
-<h1>Recent blog articles</h1>
+<h1>recent articles</h1>
     <div class="post-links">
       {% for post in paginator.posts %}
         <div class="post-link-wrapper">
@@ -32,5 +32,5 @@ <h1>Recent blog articles</h1>
 
     {% include tagcloud.html %}
 {% else %}
-<div>No posts yet.</div>
+<h2>no posts yet.</h2>
 {% endif %}

_layouts/post.html

@@ -27,7 +27,7 @@ <h1 class="post-title">{{ page.title }}</h1>
 {% assign size = site.related_posts | size %}
 {% if size != 0 %}
 <div class="related">
-  <h2>Related Posts</h2>
+  <h2>related posts</h2>
   <ul class="related-posts">
     {% for post in site.related_posts limit:3 %}
       <li>

_layouts/tag_page.html

@@ -2,7 +2,7 @@
 layout: default
 ---
 {% include author.html %}
-<h1 class="post-title">Articles tagged with <a class="tag" href="/tag/{{ page.tag }}/">{{ page.tag }}</a></h1>
+<h1 class="post-title">articles tagged with <a class="tag" href="/tag/{{ page.tag }}/">{{ page.tag }}</a></h1>
   <div class="post-links">
   {% for post in site.posts %}
   {% for tag in post.tags %}

_sass/dash/_icons.scss

@@ -5,3 +5,4 @@ $icon-chevron-right: "\f054";
 $icon-check: "\f00c";
 $icon-minus: "\f068";
 $icon-flask: "\f0c3";
+$icon-tag: "\f02b";

_sass/dash/_layout.scss

@@ -231,6 +231,15 @@
     color: lighten($color-green, 20%);
     background-color: lighten($color-background-dark, 5%);
   }
+
+  & > svg {
+    margin-right: 0.4em;
+  }
+
+  &:before {
+    content: $icon-tag;
+    @include font-awesome-icon;
+  }
 }
 
 .post-tags {
@@ -250,7 +259,7 @@
 
 .pagination {
   font-size: $post-link-font-size;
-  margin: 2em 0;
+  margin: 1em 0;
   & > a, & > span {
     font-weight: normal;
     display: inline-block;
@@ -263,6 +272,10 @@
     &:hover {
       text-decoration: none;
     }
+
+    svg {
+      padding-left: 0.1em;
+    }
   }
 
   & > a {

jekyll-dash.gemspec

@@ -2,7 +2,7 @@
 
 Gem::Specification.new do |spec|
   spec.name          = "jekyll-dash"
-  spec.version       = "1.1.3"
+  spec.version       = "1.2.0"
   spec.authors       = ["Miguel Gonzalez Sanchez"]
   spec.email         = ["[email protected]"]