Merge pull request #138 from arc42/footer

update footer

_layouts/default.html

@@ -89,17 +89,16 @@ <h1 class="clearfix">
 
 <footer class="site-footer">
     <div class="inner">
-        <span>Created and maintained by <a href="https://www.gernotstarke.de">Gernot Starke</a>,
-          supported by <a href="https://www.innoq.com"><b>INNOQ</b></a> and <a href="https://perstarke-webdev.github.io/"><b>Per Starke</b></a>.<br>
-
+        <p class="footer-icons"><a href="https://www.innoq.com" target="_blank" rel="noopener noreferrer nofollow"><img class="supported-by-innoq" src="/images/supported-by-innoq--petrol-apricot.svg"></a><br>
             <a href="https://status.arc42.org">
-            <i class="fas fa-chart-bar fa-fw" style="color:#50C878;" ></i>Status</a><i>&nbsp;&nbsp;</i>
-
+                <i class="fa fa-chart-bar fa-fw" style="color:#50C878;" ></i>Status</a><i>&nbsp;&nbsp;</i>
             <i class="fa fa-user-secret" aria-hidden="true"></i>
-            <a href="{{ site.baseurl }}/imprint">Imprint + Privacy Statement</a>
+            <a href="{{ site.baseurl }}/imprint">
+                Imprint + Privacy</a></p>
+        <span>Maintained by <a target="_blank" rel="noopener noreferrer nofollow" href="https://gernotstarke.de">Gernot Starke</a>,
+          supported by <a target="_blank" rel="noopener noreferrer nofollow" href="https://perstarke-webdev.de">Per Starke Web Development</a>
         </span>
     </div>
-
 </footer>
 
 

assets/css/arc42-doc.css

@@ -111,3 +111,34 @@ p {
 .subtle-ad a {
   color: ff796a;
 }
+
+
+
+
+
+
+.supported-by-innoq {
+    margin-bottom: 13px;
+    width: 110px;
+}
+
+.supported-by-innoq:hover {
+    opacity: 0.8;
+}
+
+
+@media (max-width: 900px) {
+    .supported-by-innoq {
+        width: 100px;
+    }
+}
+
+@media (max-width: 600px) {
+    .supported-by-innoq {
+        width: 90px;
+    }
+}
+
+p.footer-icons {
+    margin-bottom: 8px;
+}