diff options
| -rw-r--r-- | views/partials/navigator.php | 76 |
1 files 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> |