app/views: General site design update and refresh

Let website be more minimal with white background
Add home page image

2 files changed, 15 insertions, 27 deletions

diff --git a/app/views/partials/footer.php b/app/views/partials/footer.php
index 9aaa326..d8c4f7e 100644
--- a/app/views/partials/footer.php
+++ b/app/views/partials/footer.php
@@ -5,7 +5,7 @@
 
       <div class="columns is-centered">
         <div class="column is-8">
-          <hr style="margin: 0 0 0.8rem 0;">
+          <hr class="has-background-grey-lighter">
         </div>
       </div>
 
@@ -13,7 +13,7 @@
 
         <div class="column is-2">
 
-            <p class="has-text-grey-dark is-size-7">
+            <p class="has-text-grey-dark has-text-centered-mobile 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>
@@ -24,7 +24,7 @@
 
           <div class="footer__section">
 
-            <p class="has-text-grey-dark has-text-right has-text-left-mobile is-size-7">
+            <p class="has-text-grey-dark has-text-right has-text-centered-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;
@@ -39,7 +39,7 @@
 
             <br>
 
-            <p class="has-text-grey has-text-right has-text-left-mobile is-size-7">
+            <p class="has-text-grey has-text-right has-text-centered-mobile is-size-7">
               Copyright &copy; Thedro Neely <?php echo date("Y"); ?>. All rights reserved.
             </p>
 
@@ -99,7 +99,7 @@ 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";
+    activeBurger.className = "navbar-burger burger has-text-dark";
     activeMenu.className = "navbar__mobile navbar-menu";
   }
 });
@@ -116,7 +116,7 @@ window.onscroll = function() {
       document.getElementById("navbar").style.top = "-4.2em";
     }
     if (activeBurger.classList.contains('is-active')) {
-      activeBurger.className = "navbar-burger burger has-text-white";
+      activeBurger.className = "navbar-burger burger has-text-dark";
       activeMenu.className = "navbar__mobile navbar-menu";
     }
     pastPosition = currentPosition;
@@ -125,18 +125,12 @@ window.onscroll = function() {
 
 <?php if (trim($_SERVER['REQUEST_URI'], '/') == 'contact') { ?>
 
-<!-- development version, includes helpful console warnings -->
 <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
 
 <script>
     new Vue({
         el: '#contact-vue',
-        data: {
-            name: '',
-            email: '',
-            message: ''
-        }
-
+        data: { name: '', email: '', message: '' }
     });
 </script>
 
diff --git a/app/views/partials/navigator.php b/app/views/partials/navigator.php
index f82dbd2..d544db0 100644
--- a/app/views/partials/navigator.php
+++ b/app/views/partials/navigator.php
@@ -4,10 +4,14 @@
             <div class="navbar-brand">
 
                 <a href="/" class="has-text-white">
-                    <div class="navbar__mobile navbar__custom has-text-weight-semibold navbar-item">Home</div>
+                    <div class="navbar__mobile navbar__custom navbar-item">Home</div>
                 </a>
 
-                <div id="navBurger" class="navbar-burger burger has-text-white" data-target="navMenu">
+                 <a href="/project" class="has-text-white">
+                    <div class="navbar__mobile navbar__custom navbar-item">Projects</div>
+                </a>
+
+                <div id="navBurger" class="navbar-burger burger has-text-dark" data-target="navMenu">
                   <span></span>
                   <span></span>
                   <span></span>
@@ -22,21 +26,11 @@
                     <?php $navigation->generateNavBar(); ?>
                 </div>
 
-            </div>
+        </div>
 
             <div class="navbar__desktop navbar-menu">
 
-                <!-- <div class="navbar-start">
-
-                    <div class="navbar-item">
-                    <div class="control">
-                      <input class="navbar__search input" type="text">
-                    </div>
-                    </div>
-
-                </div> -->
-
-                <div class="columns is-centered heading is-size-7">
+                <div class="columns is-centered">
 
                     <div class="navbar__left column is-3">
                         <?php $navigation->generatehomeButton(); ?>