1 files changed, 79 insertions, 0 deletions
diff --git a/app/views/partials/navigator.php b/app/views/partials/navigator.php
new file mode 100644
index 0000000..78bb138
--- /dev/null
+++ b/app/views/partials/navigator.php
@@ -0,0 +1,79 @@
+<nav class="flex -mx-2">
+
+<a class="w-1/5 px-2 py-4 text-center" href="/" title="Home">
+
+            <div class="inline-block text-gray-700 hover:text-gray-900 no-underline
+            font-bold tracking-wider uppercase text-xs pb-1 text-center">
+                <?php echo file_get_contents($_SERVER['DOCUMENT_ROOT']
+                    . '/..'
+                    . '/public/icons/feathericons/user.svg') ?>
+                    <p class="py-1
+                    <?php echo $navigation->isActiveHome() ?? 'text-gray-700' ?> hover:text-gray-900">
+                    Home
+                    </p>
+            </div>
+
+</a>
+
+<a class="w-1/5 px-2 py-4 text-center" href="/posts/" title="Journal">
+
+            <div class="inline-block text-gray-700 hover:text-gray-900 no-underline
+            font-bold tracking-wider uppercase text-xs pb-1 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-gray-700' ?> hover:text-gray-900">
+                Journal
+                </p>
+            </div>
+
+</a>
+
+<a class="w-1/5 px-2 py-4 text-center" href="/wall/" title="Wall">
+
+        <div class="inline-block text-gray-700 hover:text-gray-900 no-underline
+        font-bold tracking-wider uppercase text-xs pb-1 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-gray-700' ?> hover:text-gray-900">
+                Wall
+                </p>
+        </div>
+
+</a>
+
+<a class="w-1/5 px-2 py-4 text-center" href="/about/" title="About">
+
+        <div class="inline-block text-gray-700 hover:text-gray-900 no-underline
+        font-bold tracking-wider uppercase text-xs pb-1 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-gray-700' ?> hover:text-gray-900">
+                About
+                </p>
+        </div>
+
+</a>
+
+<a class="w-1/5 px-2 py-4 text-center" href="/contact/" title="Contact">
+
+        <div class="inline-block text-gray-700 hover:text-gray-900 no-underline
+        font-bold tracking-wider uppercase text-xs pb-1 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-gray-700' ?> hover:text-gray-900">
+                Contact
+                </p>
+       </div>
+
+</a>
+
+</nav>
+