improved footer

Author: hauner

src/layouts/oap.hbs

@@ -136,13 +136,17 @@
 
           <section class="lg:sticky pt-2" style="top: 3.95rem">
 
+            <div class="text-xl font-bold text-green-700">{{{ page.component.title }}}</div>
+
             {{#each page.navigation}}
+              {{!--
               <div class="pl-0">
                 <a href="{{{relativize this.url}}}" class="hover:text-green-600 font-bold">{{{this.content}}}</a>
               </div>
+              --}}
 
               {{#each this.items}}
-                <div class="pl-2">
+                <div class="pl-0">
                   <a href="{{{relativize this.url}}}" class="hover:text-green-600 {{#if (eq this.url @root.page.url)}}font-bold{{/if}}">{{{this.content}}}</a>
                 </div>
 
@@ -152,7 +156,9 @@
                   </div>
 
                   {{#each this.items}}
-                    <a href="{{{relativize this.url}}}" class="hover:text-green-600 {{#if (eq this.url @root.page.url)}}font-bold{{/if}}">{{{this.content}}}</a>
+                    <div class="pl-8">
+                      <a href="{{{relativize this.url}}}" class="hover:text-green-600 {{#if (eq this.url @root.page.url)}}font-bold{{/if}}">{{{this.content}}}</a>
+                    </div>
                   {{/each}}
 
                 {{/each}}
@@ -167,48 +173,63 @@
 
       </div>
 
-      <footer class="p-6 mt-4 border footer" style="position: sticky; bottom: -10rem">
+      <footer class="p-6 mt-4 border footer sticky" style="bottom: -20rem">
 
         <div class="text-gray-700 text-sm flex justify-between">
 
-          <div>
-            <img src="{{uiRootPath}}/img/openapi-processor-large.png" alt="logo" class="h-24">
+          <div class="flex-none w-48 mr-12">
+            <img src="{{uiRootPath}}/img/openapi-processor-large.png" alt="logo" class="h-24 w-48">
 
             <div class="text-xs text-center">&#169; 2019-2020 Martin Hauner</div>
           </div>
 
-          <div class="flex justify-between flex-col sm:flex-row">
+          <div class="flex justify-between flex-col lg:flex-row">
 
-            <div class="flex flex-col mb-4 mr-0 sm:mr-12">
+            <div class="flex flex-col mb-4 mr-0 mr-12">
               <div class="font-bold">Twitter</div>
 
               <a class="" href="https://twitter.com/OpenApiProcess">
                 <i class="fab fa-twitter"></i> @OpenApiProcess
               </a>
+            </div>
+
+            <div class="flex flex-col mb-4 mr-0 mr-12">
+              <div class="font-bold">Samples - GitHub</div>
+
+              <a class="" href="https://github.com/hauner/openapi-processor-spring-mvc-sample">
+                <i class="fab fa-github"></i> oap-spring-mvc
+              </a>
 
+              <a class="" href="https://github.com/hauner/openapi-processor-spring-webflux-sample">
+                <i class="fab fa-github"></i> oap-spring-webflux
+              </a>
             </div>
 
-            <div class="flex flex-col">
-              <div class="font-bold">GitHub</div>
+            <div class="flex flex-col mb-4 mr-0 mr-12">
+              <div class="font-bold">Plugin - GitHub</div>
+
+              <a class="" href="https://github.com/openapi-processor/openapi-processor-gradle">
+                <i class="fab fa-github"></i> oap-gradle
+              </a>
+            </div>
+
+            <div class="flex flex-col mr-12">
+              <div class="font-bold">Processors - GitHub</div>
 
               <a class="" href="https://github.com/openapi-processor/openapi-processor-spring">
-                <i class="fab fa-github"></i> openapi-processor-spring
+                <i class="fab fa-github"></i> oap-spring
               </a>
 
 <!--              <a class="" href="https://github.com/openapi-processor/openapi-processor-micronaut">-->
 <!--                <i class="fab fa-github"></i> openapi-processor-micronaut-->
 <!--              </a>-->
 
               <a class="" href="https://github.com/openapi-processor/openapi-processor-json">
-                <i class="fab fa-github"></i> openapi-processor-json
-              </a>
-
-              <a class="" href="https://github.com/openapi-processor/openapi-processor-gradle">
-                <i class="fab fa-github"></i> openapi-processor-gradle
+                <i class="fab fa-github"></i> oap-json
               </a>
 
               <a class="" href="https://github.com/openapi-processor/openapi-processor-core">
-                <i class="fab fa-github"></i> openapi-processor-core
+                <i class="fab fa-github"></i> oap-core
               </a>
 
             </div>
@@ -223,7 +244,6 @@
 
     <script async src="{{{uiRootPath}}}/js/vendor/highlight.js"></script>
 
-    {{!--
     <!--
       site: {{{ json site }}}
     -->
@@ -247,7 +267,6 @@
     <!--
       antoraVersion {{{ json antoraVersion}}}
     -->
-    --}}
 
   </body>