added funding info banner to front page

Author: janzenisek

_data/i18n.yml

@@ -10,6 +10,10 @@ languages:
 
 default: de
 
+logo:
+  upperaustria:
+    en: "assets/img/logos/logo_upperaustria_en.png"
+    de: "assets/img/logos/logo_upperaustria_de.png"
 
 t:
   nav:

_includes/home_header.html

@@ -1,3 +1,9 @@
+{% if page.lang == site.lang or page.lang == [] %}
+    {% assign _lang = site.lang %}
+{% else %}
+    {% assign _lang = page.lang %}    
+{% endif %}
+
 <header class="home-header">
 
     <div class="headerCodeBlock">
@@ -14,6 +20,13 @@
         </svg>
     </div>
 
+    <div class="funding-banner">
+        <div class="funding-banner-inner">
+            <figure class="image-box"><img id="image-ualogo" src="/{{ site.data.i18n.logo.upperaustria[_lang] }}" /></figure>        
+            <p>{{ site.data.i18n.t.footer.fundingtext[_lang] }} <a target="_blank" href="{{ site.data.i18n.t.footer.uv30-link[_lang] }}">www.uppervision.at</a>.</p>
+        </div>
+    </div>
+
     <!-- {% for slot in site.data.carousel.slots %}
             <header id="slot-{{ forloop.index0 }}" class="slot{% if forloop.index0 == 0 %} visible{% endif %}">
                 <div class="header-content">

_sass/home/_header.scss

@@ -67,6 +67,52 @@
     }
 }
 
+// funding info banner
+
+.funding-banner {
+    position: absolute;
+    bottom: 0;
+    width: 100%;
+    height: 30%;  
+    z-index: 9999;
+
+    display: table-cell;
+    vertical-align: middle;
+    text-align: center;
+    
+    color: #333333;
+    background-color: #ffffff; 
+    opacity: .75;   
+    
+    // border-top: $brand-secondary 5px solid;
+}
+.funding-banner-inner {
+    display: inline-block;           
+    color: $brand-secondary;
+
+    position: absolute;
+    top: 50%; left: 50%;
+    transform: translate(-50%,-50%);    
+}
+
+.funding-banner figure {    
+    float: left;
+    width: 180px;    
+}
+
+.funding-banner-inner p {
+    margin-bottom: 0;
+    margin-top: 25px;       
+    font-family: $sans-serif-font-stack; 
+}
+
+@media(min-width:768px) {
+    .funding-banner {
+        height: 10%;
+    }
+}
+
+
 .header-bg {
     position: absolute;
     top: 0;
@@ -474,5 +520,3 @@
     70% { fill: #fff; }    
     100% { fill: #fff; }      
 }
-
-