From f140e66dd5492c96c585def542033687c6298b9f Mon Sep 17 00:00:00 2001
From: Thedro Neely <thedroneely@gmail.com>
Date: Sun, 24 Mar 2019 20:20:38 -0400
Subject: views/partials/navigator: Add icons to navigation links

---
 views/partials/navigator.php | 76 ++++++++++++++++++++++++++++++++++++++------
 1 file changed, 66 insertions(+), 10 deletions(-)

diff --git a/views/partials/navigator.php b/views/partials/navigator.php
index 0d3e343..71db007 100644
--- a/views/partials/navigator.php
+++ b/views/partials/navigator.php
@@ -4,26 +4,82 @@
 <nav role="navigation">
     <ul class="list-reset">
 
-        <li class="my-4 sm:inline sm:mr-4">
-            <a class="<?php echo $navigation->isActiveHome() ?? 'text-grey-darker' ?> hover:text-black no-underline font-bold tracking-wide uppercase text-xs pb-1" href="/" title="Home">Home</a>
+        <li class="my-4 mr-4 inline">
+            <a class="inline-block text-grey-darker hover:text-black no-underline
+            font-bold tracking-wide uppercase text-xs pb-1" href="/" title="Home">
+            <div class="text-center">
+                <?php echo file_get_contents($_SERVER['DOCUMENT_ROOT']
+                    . '/..'
+                    . '/public/icons/feathericons/layers.svg') ?>
+                    <p class="py-1
+                    <?php echo $navigation->isActiveHome() ?? 'text-grey-darker' ?> hover:text-black">
+                    Home
+                </p>
+            </div>
+            </a>
         </li>
 
-        <li class="my-4 sm:inline sm:mr-4">
-            <a class="<?php echo $navigation->isActive('/journal/') ?? 'text-grey-darker' ?> hover:text-black no-underline font-bold tracking-wide uppercase text-xs pb-1" href="/journal/" title="Journal">Journal</a>
+        <li class="my-4 mr-4 inline">
+            <a class="inline-block text-grey-darker hover:text-black no-underline
+            font-bold tracking-wide uppercase text-xs pb-1" href="/posts/" title="Home">
+            <div class="text-center">
+                <?php echo file_get_contents($_SERVER['DOCUMENT_ROOT']
+                    . '/..'
+                    . '/public/icons/feathericons/book-open.svg') ?>
+                    <p class="py-1
+                    <?php echo $navigation->isActive('/posts/') ?? 'text-grey-darker' ?> hover:text-black">
+                    Journal
+                </p>
+            </div>
+            </a>
         </li>
 
-        <li class="my-4 sm:inline sm:mr-4">
-            <a class="<?php echo $navigation->isActive('/wall/') ?? 'text-grey-darker' ?> hover:text-black no-underline font-bold tracking-wide uppercase text-xs pb-1" href="/wall/" title="Wall">Wall</a>
+        <li class="my-4 mr-4 inline">
+            <a class="inline-block text-grey-darker hover:text-black no-underline
+            font-bold tracking-wide uppercase text-xs pb-1" href="/wall/" title="Wall">
+            <div class="text-center">
+                <?php echo file_get_contents($_SERVER['DOCUMENT_ROOT']
+                    . '/..'
+                    . '/public/icons/feathericons/message-square.svg') ?>
+                    <p class="py-1
+                    <?php echo $navigation->isActive('/wall/') ?? 'text-grey-darker' ?> hover:text-black">
+                    Wall
+                </p>
+            </div>
+            </a>
         </li>
 
-        <li class="my-4 sm:inline sm:mr-4">
-            <a class="<?php echo $navigation->isActive('/about/') ?? 'text-grey-darker' ?> hover:text-black no-underline font-bold tracking-wide uppercase text-xs pb-1" href="/about/" title="About">About</a>
+        <li class="my-4 mr-4 inline">
+            <a class="inline-block text-grey-darker hover:text-black no-underline
+            font-bold tracking-wide uppercase text-xs pb-1" href="/about/" title="About">
+            <div class="text-center">
+                <?php echo file_get_contents($_SERVER['DOCUMENT_ROOT']
+                    . '/..'
+                    . '/public/icons/feathericons/help-circle.svg') ?>
+                    <p class="py-1
+                    <?php echo $navigation->isActive('/about/') ?? 'text-grey-darker' ?> hover:text-black">
+                    About
+                </p>
+            </div>
+            </a>
         </li>
 
-        <li class="my-4 sm:inline sm:mr-4">
-            <a class="<?php echo $navigation->isActive('/contact/') ?? 'text-grey-darker' ?> hover:text-black no-underline font-bold tracking-wide uppercase text-xs pb-1" href="/contact/" title="Contact">Contact</a>
+        <li class="my-4 mr-4 inline">
+            <a class="inline-block text-grey-darker hover:text-black no-underline
+            font-bold tracking-wide uppercase text-xs pb-1" href="/contact/" title="Contact">
+            <div class="text-center">
+                <?php echo file_get_contents($_SERVER['DOCUMENT_ROOT']
+                    . '/..'
+                    . '/public/icons/feathericons/mail.svg') ?>
+                    <p class="py-1
+                    <?php echo $navigation->isActive('/contact/') ?? 'text-grey-darker' ?> hover:text-black">
+                    Contact
+                </p>
+            </div>
+            </a>
         </li>
 
+
     </ul>
 </nav>
 
-- 
cgit v1.2.3