app/views/partials/footer: Footer changes.

Use base64 QR image.
Add hide event for mobile menu when scrolling or when any region outside of the menu is clicked.

1 files changed, 67 insertions, 38 deletions

diff --git a/app/views/partials/footer.php b/app/views/partials/footer.php
index 04e9633..9aaa326 100644
--- a/app/views/partials/footer.php
+++ b/app/views/partials/footer.php
@@ -1,57 +1,57 @@
 <div class="hero-foot">
 
-<footer class="footer has-text-left">
-
-<div class="container">
-<div class="columns">
-
-  <div class="column">
-
-
-      <div class="footer__custom">
-
-        <p class="has-text-grey is-size-7">Design inspired by <a href="https://github.com/solutionroute/hugo-smorg">Smorg</a></p>
-        <p class="has-text-grey is-size-7">Built with <a href="https://secure.php.net/">PHP</a> | <a href="https://gohugo.io/">Hugo</a> | <a href="https://posativ.org/isso/">Isso</a></p>
-        <p class="has-text-grey is-size-7">&copy; Thedro Neely</p>
-        <hr>
+  <footer class="footer">
+    <div class="container">
 
+      <div class="columns is-centered">
+        <div class="column is-8">
+          <hr style="margin: 0 0 0.8rem 0;">
+        </div>
       </div>
 
+      <div class="columns is-centered">
 
-  </div>
+        <div class="column is-2">
 
-  <div class="column">
+            <p class="has-text-grey-dark is-size-7">
+               <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKsAAACrAQMAAAAjJv5aAAAABlBMVEUAAAD///+l2Z/dAAAAAnRSTlP//8i138cAAAAJcEhZcwAACxIAAAsSAdLdfvwAAALJSURBVEiJ5Ze9jeQwDIUpOFBmNyBAbShTS3YD/mnAbkmZ2xCgBuRMgWDe03r29oILjk7PGAzsbwYaUXx85BD/9aL/G2ei2cWe0hXs7e0VSMnxxXV2aQuRyIye1Akix8GM2iiOC9td83bS9AovZxy4y65jTsdbPBNvoRKlWzO/w4iSTO/jEuyqafkj+H/HOO/pND+vnzQIMK4rxNnVJaSD6/IjCAHOmoi67BElLcWQbp9I8VW6lWz21CPEUEcygxwDkGvxzZr3tnBc5Pg6u+tM2RsVqipxdJ+fFOGbDPkW2XF2mewW7PUG26yb9AaOqvDBNMjxVepQ7IateajPTOVZW4azQyXFWeMT7DHO9Mm8CHOISBSOXDEyj7pMmxxn3eR/+3Q7FBY2GJUc3xppT3w2Dc7ajC6xHPOJ4Kj3ZvZwLLNwVXKcPayu25pRwW/sxt0lxxDg7dKugVGX3RHiIMfZoRpoKpW0zS5BhoccXyeKsrubQ5hex5Y6Ob49EsW7r9NpueBbj1fJMDflptzswa5fIprk+GK0oDpqRIl3GumzbxG+Pa/EKwKF38CGy8chZLi11trrbsXaZNfvtUUYWVo1jAH5pxE12jqbGDO6q4PT4AkahKKfzMvwjcVgDB4l3lwTyZ/k+ILxO7t6FBZ+p07fhifCubURpK6dN9oRlKjkGI1doapw2B4+AR09nUSGc6ukSB6drd2v7tvwJBjnNBWUFLwBN9jdGwyzXDGwUIJ8hoJHs7zAPvbtvFtR7pCSr28w4QkNBK+0+3QVeoEzenuxXxOH/dqs3eQYVybYLeYvzHTwmKcxyjCmsNHXGfo921Sozt/DmQBjHoThrR7q644Co+qOFzg8gw+8ihRqlJ6kiTFG7NVh8G/esLtPg5HiiWvvoCDMUPYoZnqBEWVzF3gDqZKgAiXHbUZG5h2qE6ZV25gsx7K/WP8D/gXGiTnQ96NZQAAAAABJRU5ErkJggg=="
+                        height="100" width="100" alt="Contact Card">
+            </p>
 
+        </div>
 
-      <div class="footer__custom">
+        <div class="column is-6">
 
-        <p class="has-text-grey is-size-7" ><a href="https://github.com/tdro">Github Profile</a></p>
-        <p class="has-text-grey is-size-7" ><a href="https://gitlab.com/tdro">Gitlab Repository</a></p>
-        <p class="has-text-grey is-size-7" ><a href="/rss.xml">RSS Syndication</a></p>
-        <hr>
+          <div class="footer__section">
 
-      </div>
+            <p class="has-text-grey-dark has-text-right has-text-left-mobile is-size-7">
+              Design inspired by
+              <a href="https://github.com/solutionroute/hugo-smorg">Smorg</a> &mdash;
+               Built with <a href="https://secure.php.net/">PHP</a> &middot;
+              <a href="https://gohugo.io/">Hugo</a> &middot;
+              <a href="https://posativ.org/isso/">Isso</a> &mdash;
+              See development profile at <a href="https://github.com/tdro">Github</a> &middot;
+              <a href="https://gitlab.com/tdro">Gitlab</a> &mdash;
+              Subscribe to <a href="/rss.xml">RSS Feed</a> &mdash;
+              Chat at <a href="https://keybase.io/tdro">Keybase</a> &mdash;
+              See my <a href="/resume">Resume</a>
+            </p>
 
+            <br>
 
-  </div>
+            <p class="has-text-grey has-text-right has-text-left-mobile is-size-7">
+              Copyright &copy; Thedro Neely <?php echo date("Y"); ?>. All rights reserved.
+            </p>
 
-   <div class="column">
+          </div>
 
-    <div class="has-text-centered has-text-grey is-size-7">
-
-        <p><a href="/pgp.asc"><img src="/images/pgp.png" height="111" width="111" alt="PGP Key"></a></p>
-        <p><a href="/pgp.asc">&mdash; PGP Public Key &mdash;</a></p>
+        </div>
 
+      </div>
     </div>
-
-  </div>
+  </footer>
 
 </div>
-</div>
-
-</footer>
-
-  </div>
 
 </section>
 
@@ -67,8 +67,7 @@
    "description": "Thedro's Personal Website",
   "author": {
     "@type": "Person",
-     "name": "Thedro Neely",
-    "email": "thedroneely@gmail.com"
+     "name": "Thedro Neely"
   },
   "publisher": {
      "name": "Thedro Neely",
@@ -94,6 +93,36 @@ document.addEventListener('DOMContentLoaded', function () {
 });
 </script>
 
+<script>
+var activeBurger = document.getElementById('navBurger');
+var activeMenu = document.getElementById('navMenu');
+document.addEventListener('click', function(event) {
+  var burgerClick= activeBurger.contains(event.target);
+  if (!burgerClick && activeBurger.classList.contains('is-active')) {
+    activeBurger.className = "navbar-burger burger has-text-white";
+    activeMenu.className = "navbar__mobile navbar-menu";
+  }
+});
+</script>
+
+<script>
+var pastPosition = window.pageYOffset;
+var navbarHeight = document.getElementById("navbar").offsetHeight;
+window.onscroll = function() {
+  var currentPosition = window.pageYOffset;
+    if (pastPosition > currentPosition) {
+      document.getElementById("navbar").style.top = "0";
+    } else if (currentPosition > navbarHeight) {
+      document.getElementById("navbar").style.top = "-4.2em";
+    }
+    if (activeBurger.classList.contains('is-active')) {
+      activeBurger.className = "navbar-burger burger has-text-white";
+      activeMenu.className = "navbar__mobile navbar-menu";
+    }
+    pastPosition = currentPosition;
+  };
+</script>
+
 <?php if (trim($_SERVER['REQUEST_URI'], '/') == 'contact') { ?>
 
 <!-- development version, includes helpful console warnings -->
@@ -113,5 +142,5 @@ document.addEventListener('DOMContentLoaded', function () {
 
 <?php } ?>
 
-</body>
+  </body>
 </html>