views/partials/navigator: Upgrade to Tailwind CSS v1.0 syntax

1 files changed, 76 insertions, 58 deletions

diff --git a/views/partials/navigator.php b/views/partials/navigator.php
index a455be2..0d5539b 100644
--- a/views/partials/navigator.php
+++ b/views/partials/navigator.php
@@ -1,81 +1,99 @@
-<nav>
-    <ul class="list-reset">
+<nav class="flex -mx-2">
 
-        <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="w-1/5 px-2 text-center">
+
+
+            <a class="inline-block text-gray-700 hover:text-gray-900 no-underline
+            font-bold tracking-widest uppercase text-xs pb-1" href="/" title="Home">
             <div class="text-center">
                 <?php echo file_get_contents($_SERVER['DOCUMENT_ROOT']
                     . '/..'
                     . '/public/icons/feathericons/user.svg') ?>
                     <p class="py-1
-                    <?php echo $navigation->isActiveHome() ?? 'text-grey-darker' ?> hover:text-black">
+                    <?php echo $navigation->isActiveHome() ?? 'text-gray-700' ?> hover:text-gray-900">
                     Home
-                </p>
-            </div>
+                    </p>
+                </div>
             </a>
-        </li>
 
-        <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
+    </div>
+
+<div class="w-1/5 px-2 text-center">
+
+
+        <a class="inline-block text-gray-700 hover:text-gray-900 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-gray-700' ?> hover:text-gray-900">
+                Journal
                 </p>
             </div>
-            </a>
-        </li>
+        </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
+</div>
+
+<div class="w-1/5 px-2 text-center">
+
+
+
+        <a class="inline-block text-gray-700 hover:text-gray-900 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-gray-700' ?> hover:text-gray-900">
+                Wall
                 </p>
             </div>
-            </a>
-        </li>
+        </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
+
+</div>
+
+<div class="w-1/5 px-2 text-center">
+
+
+        <a class="inline-block text-gray-700 hover:text-gray-900 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-gray-700' ?> hover:text-gray-900">
+                About
                 </p>
             </div>
-            </a>
-        </li>
+        </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
+
+</div>
+
+<div class="w-1/5 px-2 text-center">
+
+
+
+        <a class="inline-block text-gray-700 hover:text-gray-900 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-gray-700' ?> hover:text-gray-900">
+                Contact
                 </p>
             </div>
-            </a>
-        </li>
+        </a>
 
 
-    </ul>
+</div>
+
 </nav>
+