Small fixes and improvements

- fixed footer not staying at bottom
- fixed some bugs with news section

_includes/footer.html

@@ -1,33 +1,29 @@
 <!-- Footer -->
 
-<footer>
+<footer class="footer">
-  <div class="footer">
+  <div class="container">
-    <div class="container">
+    <div class="footer-left">
-      <div class="footer-left">
+      {% if page.section-type == "index" %}
-        {% if page.section-type == "index" %}
+      <a href="#"><h3>Vocaluxe</h3></a> {% else %}
-          <a href="#"><h3>Vocaluxe</h3></a>
+      <a href="{{site.baseurl}}/"><h3>Vocaluxe</h3></a> {% endif %}
-        {% else %}
+    </div>
-          <a href="{{site.baseurl}}/"><h3>Vocaluxe</h3></a>
+    <ul class="footer-right">
-        {% endif %}
+      <li>
-      </div>
+        <a href="https://github.com/Vocaluxe/Vocaluxe">
-      <ul class="footer-right">
-        <li>
-          <a href="https://github.com/Vocaluxe/Vocaluxe">
             <i class="fa fa-github" aria-hidden="true"></i>
           </a>
-        </li>
+      </li>
-        <li>
+      <li>
-          <a href="https://facebook.com/Vocaluxe">
+        <a href="https://facebook.com/Vocaluxe">
             <i class="fa fa-facebook" aria-hidden="true"></i>
           </a>
-        </li>
+      </li>
-        <li>
+      <li>
-          <a href="{{site.baseurl}}/feed.xml">
+        <a href="{{site.baseurl}}/feed.xml">
             <i class="fa fa-rss" aria-hidden="true"></i>
           </a>
-        </li>
+      </li>
-      </ul>
+    </ul>
-    </div>
   </div>
 </footer>
 

_includes/news.html

@@ -10,14 +10,16 @@
 
       <h1 class="title">{{ page.title }}</h1>
       {% if post_1 != nil %}
-      <div class="col-md-8 news-card">
+      <div class="col-md-8">
-        <img src="{{site.baseurl}}/img/posts/{{ post_1.image }}" class="img-responsive" />
+        <div class="col-lg-12 news-card">
-        <div class="news-card-text dark-bg">
+          <img src="{{site.baseurl}}/img/posts/{{ post_1.image }}" class="img-responsive" />
-          <div class="post-info red-text">
+          <div class="news-card-text dark-bg">
-            <i class="fa fa-calendar" aria-hidden="true"></i>
+            <div class="post-info red-text">
-            {{ post_1.date | date_to_long_string }}
+              <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>

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

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-top: 15px;
-  padding-bottom: 10px;
+  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 {