update footer

arc42 · Nov 6, 2023 · 43c50a0 · 43c50a0
1 parent 43d8ebb
commit 43c50a0
Show file tree

Hide file tree

Showing 3 changed files with 43 additions and 9 deletions.
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -87,17 +87,20 @@ <h1 class="clearfix">
 
 
 <footer class="site-footer">
-
     <div class="inner">
-        <a target="_blank" rel="noopener noreferrer nofollow" href="https://status.arc42.org">
-            <i class="fas fa-chart-bar fa-fw" style="color:#50C878;" ></i>Status</a><i>&nbsp;&nbsp;</i>
-         <a href="{{ site.baseurl }}/imprint" target="_blank" rel="noopener noreferrer nofollow">
-            <i class="fa fa-user-secret" aria-hidden="true"></i> Imprint + Privacy Statement</a>
-         <br>
-         <span>Maintained by <a target="_blank" rel="noopener noreferrer nofollow" href="https://gernotstarke.de">Gernot Starke </a>with Peter Hruschka,
-            supported by <a target="_blank" rel="noopener noreferrer nofollow" href="https://innoq.com"><b>INNOQ</b></a> and <a target="_blank" rel="noopener noreferrer nofollow" href="https://perstarke-webdev.de/"><b>Per Starke Web Development</b></a>
-      </span>
+        <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="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</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="http://www.peterhruschka.eu/">Peter Hruschka</a> and
+            <a target="_blank" rel="noopener noreferrer nofollow" href="https://perstarke-webdev.de">Per Starke Web Development</a>
 
+
+
+        </span>
     </div>
 </footer>
 

diff --git a/assets/css/arc42-doc.css b/assets/css/arc42-doc.css
@@ -95,3 +95,33 @@ a.headerlink {
 .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;
+}
diff --git a/images/supported-by-innoq--petrol-apricot.svg b/images/supported-by-innoq--petrol-apricot.svg