Quick Start Guide, css changes, footer with logos and new index page

site/_includes/footer.html

@@ -1,14 +1,13 @@
-<footer class="footer" style="padding: 1rem">
-    <div class="content has-text-centered">
-      <img class="footer-logo" src="/assets/dfg_logo_{%- if page.lang == 'en' -%}eng{%- else -%}ger{%- endif -%}.jpg" alt="DFG logo"/>
-    </div>
-    <!-- <div class="content has-text-centered"> -->
-    <!--   <img class="footer-logo" src="/assets/logo-bbaw.png" alt="BBAW logo"/> -->
-    <!--   <img class="footer-logo" src="/assets/logo-hab.gif" alt="HAB logo"/> -->
-    <!--   <img class="footer-logo" src="/assets/logo-kit.png" alt="KIT logo"/> -->
-    <!--   <img class="footer-logo" src="/assets/logo-sbb.png" alt="SBB logo"/> -->
-    <!-- </div> -->
-    <div class="content has-text-centered">
+<footer class="footer" style="position:relative; overflow:hidden;"> 
+   <div>
+			<div class="title title-image-header" style="text-align: left">Our partners:</div>
+      <img class="footer-logo" src="/assets/dfg_logo_{%- if page.lang == 'en' -%}eng{%- else -%}ger{%- endif -%}.jpg" style="max-height:100px; padding-right:50px" align="left" alt="DFG logo"/>
+	  <img class="footer-logo" src="/assets/logos/kitodo_logo_rgb.jpg" style="max-height:100px; padding-right:50px" align="left" alt="Kitodo Logo">
+	<img class="footer-logo" src="/assets/logos/ocr4all.svg" style="max-height:100px; padding-right:50px" align="left" alt="OCR4all Logo">
+	<img class="footer-logo" src="/assets/logos/CCS-v1.jpg" style="max-height:100px; padding-right:50px" align="left" alt="CCS Logo">
+</div>   
+
+   <div class="content has-text-centered">
 		<a href="https://github.com/OCR-D">GitHub</a>
 		|
 		<a href="https://gitter.im/OCR-D/Lobby">Gitter</a>
@@ -28,7 +27,16 @@
 		{% else %}
 			<a href="/en/imprint">Imprint</a>
 		{% endif %}
-    </div>
+    </div>   
+
+
+    <!-- <div class="content has-text-centered"> -->
+    <!--   <img class="footer-logo" src="/assets/logo-bbaw.png" alt="BBAW logo"/> -->
+    <!--   <img class="footer-logo" src="/assets/logo-hab.gif" alt="HAB logo"/> -->
+    <!--   <img class="footer-logo" src="/assets/logo-kit.png" alt="KIT logo"/> -->
+    <!--   <img class="footer-logo" src="/assets/logo-sbb.png" alt="SBB logo"/> -->
+    <!-- </div> -->
+
 
 <script src="/assets/script.js"></script>
 </footer>

site/_layouts/page.html

@@ -7,16 +7,16 @@
     {%- include header.html -%}
     <div class="wrapper{% if page.toc %} has-toc{% endif %}">
       {% if page.toc %}
-      <div id="toc-sidebar-toggle">
-        <a class="button is-outlined is-link" title="
+      <aside id="toc-sidebar">
+        <div id="toc-sidebar-toggle">
+          <a class="button is-outlined is-link" title="
           {% if page.lang == 'en' -%} Toggle Table of Contents
           {% elsif page.lang == 'de' %} Inhaltsverzeichnis umschalten
           {% endif %}
         ">
-          <i class="fa"></i>
-        </a>
-      </div>
-      <aside id="toc-sidebar">
+            <i class="fa"></i>
+          </a>
+        </div>
         <div class="toc-wrapper">
           <div class="toc-header">
             <h2>
@@ -37,8 +37,10 @@ <h2>
       </main>
     </div>
 
-    {%- include footer.html -%}
 
   </body>
 
+    {%- include footer.html -%}
+
+
 </html>

site/assets/logos/2284A78B.tmp:Zone.Identifier

@@ -0,0 +1,2 @@
+[ZoneTransfer]
+ZoneId=3

site/assets/logos/A24C8EB5.tmp:Zone.Identifier

@@ -0,0 +1,2 @@
+[ZoneTransfer]
+ZoneId=3

site/assets/ocrd.css

@@ -43,7 +43,7 @@ ul {
 /* sidebar */
 #toc-sidebar {
     display: none;
-    position: fixed;
+    position: sticky;
     left: 0;
     top: 55px;
     width: 22%;
@@ -91,9 +91,9 @@ ul {
 }
 
 #toc-sidebar-toggle {
-    position: fixed;
+    position: absolute;
     z-index: 100;
-    top: 94px;
+    top: 38px;
     left: 16px;
     display: none;
 }
@@ -131,7 +131,6 @@ main.content {
 @media screen and (min-width: 1088px) {
     .wrapper.has-toc main.content {
         margin: 0;
-        left: 22%;
         padding-left: 24px;
     }
 }
@@ -151,6 +150,17 @@ main.content {
     text-align: center;
 }
 
+/* highlights in tiles */
+.tile-headline {
+    /* padding-top: .75rem; */
+    color: #c8ab37;
+    text-decoration: none;
+    text-align: center;
+	margin-bottom:0em;
+	font-size: 2rem;
+    font-weight: 600;
+}
+
 article.tile ul {
   list-style-type: none !important
 }

site/assets/script.js

@@ -34,13 +34,14 @@ document.addEventListener('DOMContentLoaded', fixBulmanNavbarBurgers)
  */
 const sidebarToggle = document.querySelector('#toc-sidebar-toggle')
 if (sidebarToggle) {
-  const sidebarContent = document.querySelector('#toc-sidebar')
+  const sidebarContent = document.querySelector('#toc-sidebar .toc-wrapper')
   const mainContent = document.querySelector('main')
   sidebarToggle.onclick = function onClickSidebarToggle () {
     sidebarToggle.classList.toggle('closed')
     sidebarContent.classList.toggle('is-one-third')
     sidebarContent.classList.toggle('is-hidden')
     mainContent.classList.toggle('is-two-thirds')
+    mainContent.classList.toggle('has-toc-padding')
   }
 }