diff options
-rw-r--r-- | views/partials/navigator.php | 134 |
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> + |