diff options
author | Thedro Neely <thedroneely@gmail.com> | 2019-03-24 20:20:38 -0400 |
---|---|---|
committer | Thedro Neely <thedroneely@gmail.com> | 2019-03-24 20:20:38 -0400 |
commit | f140e66dd5492c96c585def542033687c6298b9f (patch) | |
tree | f7776010ef3e064215e55d7305e90f2c71f030d8 | |
parent | a85bf687252953d529deace690a09162cac7740f (diff) | |
download | edwinmattiacci.com-f140e66dd5492c96c585def542033687c6298b9f.tar.gz edwinmattiacci.com-f140e66dd5492c96c585def542033687c6298b9f.tar.bz2 edwinmattiacci.com-f140e66dd5492c96c585def542033687c6298b9f.zip |
views/partials/navigator: Add icons to navigation links
-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> |