From 0180af3d7e4de4ddbee7a258b48c0b2daf592df3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Hendrik=20Bl=C3=B6=C3=9F?= <hendrik.bloess@googlemail.com>
Date: Tue, 8 Aug 2017 13:20:08 +0200
Subject: [PATCH] finished blog

- added styles to blog
- removed test-post
---
 _layouts/post.html             |  2 +-
 _posts/2017-07-14-test-post.md | 25 -------------------
 blog/index.html                | 45 ++++++++++++++++++++++------------
 css/main.css                   | 15 ++++++++++++
 4 files changed, 45 insertions(+), 42 deletions(-)
 delete mode 100644 _posts/2017-07-14-test-post.md

diff --git a/_layouts/post.html b/_layouts/post.html
index f967d5f4..969ab86f 100644
--- a/_layouts/post.html
+++ b/_layouts/post.html
@@ -14,7 +14,7 @@
       <div class="row">
         <div class="PageNavigation">
         <br />
-        <h1 class="">{{page.title}}</h1>
+        <h1>{{page.title}}</h1>
         <div class="post-info">
           <i class="fa fa-calendar" aria-hidden="true"></i> {{ page.date | date_to_long_string }}
           <a href="https://github.com/{{ page.author }}" class="author-link">
diff --git a/_posts/2017-07-14-test-post.md b/_posts/2017-07-14-test-post.md
deleted file mode 100644
index 8963b35b..00000000
--- a/_posts/2017-07-14-test-post.md
+++ /dev/null
@@ -1,25 +0,0 @@
----
-layout: post
-section-type: post
-title: This is a test post!
-tags: [ 'test' ]
-author: "hendrikbl"
-image: "release-01.png"
----
-
-Dear Vocaluxe fans,
-
-This is a test post.  
-<!--more-->
-
-Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy e
-
-irmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam v
-oluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita
- kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
- Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
- eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam
- voluptua.
-
- At vero eos et accusam et justo duo dolores et ea rebum. Stet clita
- kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
diff --git a/blog/index.html b/blog/index.html
index 3e791d24..386bf58a 100644
--- a/blog/index.html
+++ b/blog/index.html
@@ -12,11 +12,12 @@ title: Blog
 
   {% include navigation.html %}
 
-  <section class="{{ page.section-type }}">
+  <section>
     <div class="container">
       <div class="row">
-        <!-- This loops through the paginated posts -->
+        <!-- loop through posts -->
         {% for post in paginator.posts %}
+        <div class="post post-list">
           <h1><a href="{{site.baseurl}}{{post.url}}">{{post.title}}</a></h1>
           <div class="post-info">
             <i class="fa fa-calendar" aria-hidden="true"></i> {{ post.date | date_to_long_string }}
@@ -33,36 +34,48 @@ title: Blog
           <div>
             {{post.excerpt | markdownify }}
           </div>
+          <a href="{{site.baseurl}}{{post.url}}">Read more <i class="fa fa-angle-right" aria-hidden="true"></i></a>
+        </div>
+        <hr />
         {% endfor %}
 
-        <!-- Pagination links -->
+        <!-- Pagination -->
         {% if paginator.total_pages > 1 %}
           <div class="pagination">
+            <!-- Previous Link -->
             {% if paginator.previous_page %}
-              <a href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}">&laquo; Prev</a>
+              <a class="page-prev" href="{{site.baseurl}}{{ paginator.previous_page_path}}"><i class="fa fa-arrow-left" aria-hidden="true"></i> Previous</a>
             {% else %}
-              <span>&laquo; Prev</span>
+              <a></a>
             {% endif %}
 
-            {% for page in (1..paginator.total_pages) %}
-              {% if page == paginator.page %}
-                <em>{{ page }}</em>
-              {% elsif page == 1 %}
-                <a href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}">{{ page }}</a>
-              {% else %}
-                <a href="{{ site.paginate_path | prepend: site.baseurl | replace: '//', '/' | replace: ':num', page }}">{{ page }}</a>
-              {% endif %}
-            {% endfor %}
+            <!-- Page numbers -->
+            <div class="page-nums">
+              {% for page in (1..paginator.total_pages) %}
+                {% if page == paginator.page %}
+                  {{ page }}
+                {% elsif page == 1 %}
+                  <a href="{{site.baseurl}}{{ paginator.previous_page_path}}">{{ page }}</a>
+                {% else %}
+                  <a href="{{site.baseurl}}{{ site.paginate_path | replace: ':num', page }}">{{ page }}</a>
+                {% endif %}
+              {% endfor %}
+            </div>
 
+            <!-- Next Link -->
             {% if paginator.next_page %}
-              <a href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}">Next &raquo;</a>
+              <a class="page-next" href="{{site.baseurl}}{{ paginator.next_page_path}}">Next <i class="fa fa-arrow-right" aria-hidden="true"></i></a>
             {% else %}
-              <span>Next &raquo;</span>
+              <a></a>
             {% endif %}
           </div>
         {% endif %}
       </div>
     </div>
   </section>
+
+  {% include footer.html %}
+
+  {% include js.html %}
 </body>
 </html>
diff --git a/css/main.css b/css/main.css
index 9c47019c..5e2609ff 100644
--- a/css/main.css
+++ b/css/main.css
@@ -701,6 +701,21 @@ a:hover {
 /**************/
 
 
+/***Postlist***/
+
+.post-list {
+  margin-bottom: 40px;
+}
+
+.pagination {
+  text-align: center;
+  display: flex;
+  justify-content: space-between;
+}
+
+/**************/
+
+
 /****Footer****/
 
 .footer {