finished blog

- added styles to blog
- removed test-post

_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">

_posts/2017-07-14-test-post.md

@@ -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.

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) %}
+            <!-- Page numbers -->
-              {% if page == paginator.page %}
+            <div class="page-nums">
-                <em>{{ page }}</em>
+              {% for page in (1..paginator.total_pages) %}
-              {% elsif page == 1 %}
+                {% if page == paginator.page %}
-                <a href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}">{{ page }}</a>
+                  {{ page }}
-              {% else %}
+                {% elsif page == 1 %}
-                <a href="{{ site.paginate_path | prepend: site.baseurl | replace: '//', '/' | replace: ':num', page }}">{{ page }}</a>
+                  <a href="{{site.baseurl}}{{ paginator.previous_page_path}}">{{ page }}</a>
-              {% endif %}
+                {% else %}
-            {% endfor %}
+                  <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>

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 {