Add footer transition

Author: aireilly

_stylesheets/docs.css

@@ -527,6 +527,8 @@ h2:hover>a.anchor, h2>a.anchor:hover, h3:hover>a.anchor, h3>a.anchor:hover, h4:h
     background-color: #000;
     padding: 0px 0;
     z-index: 5;
+    transition: transform 0.5s ease-out;
+    transform: translateY(0);
   }
 
   .close-btn-sm {

_templates/_page_openshift.html.erb

@@ -803,5 +803,17 @@
     })
   </script>
 
+  <!-- hide footer after 3 seconds -->
+  <script type="text/javascript">
+    const bottomVisible = () => document.documentElement.clientHeight + window.scrollY >= (document.documentElement.scrollHeight || document.documentElement.clientHeight);
+
+    if (bottomVisible()) {
+      setTimeout(() => {
+        document.querySelector('footer#rh').classList.add('hide-footer');
+      }, 3000);
+    } else {
+      document.querySelector('footer#rh').classList.remove('hide-footer');
+    }
+  </script>
 </body>
 </html>