From ce225e401b070a2fd854a3ec58087b6bb16ad264 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Hendrik=20Bl=C3=B6=C3=9F?= <hendrik.bloess@googlemail.com>
Date: Fri, 14 Jul 2017 15:49:07 +0200
Subject: [PATCH] Small fixes and improvements

- fixed footer not staying at bottom
- fixed some bugs with news section
---
 _includes/footer.html          | 40 +++++++++++++++-------------------
 _includes/news.html            | 18 ++++++++-------
 _posts/2017-07-14-test-post.md | 25 +++++++++++++++++++++
 css/main.css                   | 30 ++++++++++++-------------
 4 files changed, 68 insertions(+), 45 deletions(-)
 create mode 100644 _posts/2017-07-14-test-post.md

diff --git a/_includes/footer.html b/_includes/footer.html
index d2e97c91..aa18f227 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -1,33 +1,29 @@
 <!-- Footer -->
 
-<footer>
-  <div class="footer">
-    <div class="container">
-      <div class="footer-left">
-        {% if page.section-type == "index" %}
-          <a href="#"><h3>Vocaluxe</h3></a>
-        {% else %}
-          <a href="{{site.baseurl}}/"><h3>Vocaluxe</h3></a>
-        {% endif %}
-      </div>
-      <ul class="footer-right">
-        <li>
-          <a href="https://github.com/Vocaluxe/Vocaluxe">
+<footer class="footer">
+  <div class="container">
+    <div class="footer-left">
+      {% if page.section-type == "index" %}
+      <a href="#"><h3>Vocaluxe</h3></a> {% else %}
+      <a href="{{site.baseurl}}/"><h3>Vocaluxe</h3></a> {% endif %}
+    </div>
+    <ul class="footer-right">
+      <li>
+        <a href="https://github.com/Vocaluxe/Vocaluxe">
             <i class="fa fa-github" aria-hidden="true"></i>
           </a>
-        </li>
-        <li>
-          <a href="https://facebook.com/Vocaluxe">
+      </li>
+      <li>
+        <a href="https://facebook.com/Vocaluxe">
             <i class="fa fa-facebook" aria-hidden="true"></i>
           </a>
-        </li>
-        <li>
-          <a href="{{site.baseurl}}/feed.xml">
+      </li>
+      <li>
+        <a href="{{site.baseurl}}/feed.xml">
             <i class="fa fa-rss" aria-hidden="true"></i>
           </a>
-        </li>
-      </ul>
-    </div>
+      </li>
+    </ul>
   </div>
 </footer>
 
diff --git a/_includes/news.html b/_includes/news.html
index a95ef8f8..319f165d 100644
--- a/_includes/news.html
+++ b/_includes/news.html
@@ -10,14 +10,16 @@
 
       <h1 class="title">{{ page.title }}</h1>
       {% if post_1 != nil %}
-      <div class="col-md-8 news-card">
-        <img src="{{site.baseurl}}/img/posts/{{ post_1.image }}" class="img-responsive" />
-        <div class="news-card-text dark-bg">
-          <div class="post-info red-text">
-            <i class="fa fa-calendar" aria-hidden="true"></i>
-            {{ post_1.date | date_to_long_string }}
+      <div class="col-md-8">
+        <div class="col-lg-12 news-card">
+          <img src="{{site.baseurl}}/img/posts/{{ post_1.image }}" class="img-responsive" />
+          <div class="news-card-text dark-bg">
+            <div class="post-info red-text">
+              <i class="fa fa-calendar" aria-hidden="true"></i>
+              {{ post_1.date | date_to_long_string }}
+            </div>
+            <h2><a href="{{site.baseurl}}{{ post_1.url }}">{{post_1.title}} </a></h2>
           </div>
-          <h2><a href="{{site.baseurl}}{{ post_1.url }}">{{post_1.title}} </a></h2>
         </div>
       </div>
       {% endif %}
@@ -36,7 +38,7 @@
         {% endif %}
         {% if post_3 != nil %}
         <div class="col-lg-12 news-card">
-          <img src="{{site.baseurl}}/img/posts/{{ post_2.image }}" class="img-responsive" />
+          <img src="{{site.baseurl}}/img/posts/{{ post_3.image }}" class="img-responsive" />
           <div class="news-card-text dark-bg">
             <div class="post-info red-text">
               <i class="fa fa-calendar" aria-hidden="true"></i>
diff --git a/_posts/2017-07-14-test-post.md b/_posts/2017-07-14-test-post.md
new file mode 100644
index 00000000..8963b35b
--- /dev/null
+++ b/_posts/2017-07-14-test-post.md
@@ -0,0 +1,25 @@
+---
+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/css/main.css b/css/main.css
index 485c4fc0..5f0c6abd 100644
--- a/css/main.css
+++ b/css/main.css
@@ -97,6 +97,9 @@ body {
   -webkit-font-smoothing: subpixel-antialiased;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
 }
 
 a {
@@ -359,13 +362,6 @@ a:hover {
   width: 100%;
 }
 
-#news .col-md-8,
-#news .col-lg-12 {
-  border: 1px solid #2C3E50;
-  border-radius: 8px;
-  overflow: hidden;
-}
-
 #news h2,
 #news h3 {
   margin-top: 0;
@@ -376,12 +372,12 @@ a:hover {
   font-size: 12pt;
 }
 
-#news .btn {
-  align-items:
-}
-
 .news-card {
   padding: 0;
+  margin: 10px 0px;
+  border: 1px solid #2C3E50;
+  border-radius: 8px;
+  overflow: hidden;
 }
 
 .news-card-text {
@@ -594,6 +590,10 @@ a:hover {
 
 /*****Post*****/
 
+.post {
+  flex: 1;
+}
+
 .post .post-banner {
   width: 100%;
 }
@@ -649,8 +649,8 @@ a:hover {
   background-color: #243342;
   color: white;
   /*border-top: 1px solid rgba(255,255,255,0.1);*/
-  padding-top: 20px;
-  padding-bottom: 10px;
+  padding-top: 15px;
+  padding-bottom: 5px;
 }
 
 .footer-left {
@@ -664,11 +664,11 @@ a:hover {
 .footer li {
   display: inline-block;
   list-style-type: none;
-  margin-right: 10px;
+  margin-left: 10px;
 }
 
 .footer li i {
-  font-size: 20pt;
+  font-size: 18pt;
 }
 
 .footer a {