diff options
| author | Thedro Neely <thedroneely@gmail.com> | 2022-07-19 11:59:45 -0400 |
|---|---|---|
| committer | Thedro Neely <thedroneely@gmail.com> | 2022-07-19 11:59:45 -0400 |
| commit | ea54421b15c9705f86a8d25a6caaa40791d66e18 (patch) | |
| tree | 546ec8892c2140a48129fd521189dc68b567c95b /app/views/partials/navigator.php | |
| parent | f888991f298e59933250c8d56080c1805068f5e0 (diff) | |
| download | thedroneely.com-ea54421b15c9705f86a8d25a6caaa40791d66e18.tar.gz thedroneely.com-ea54421b15c9705f86a8d25a6caaa40791d66e18.tar.bz2 thedroneely.com-ea54421b15c9705f86a8d25a6caaa40791d66e18.zip | |
app: Refactor and CSS rewrite
Diffstat (limited to 'app/views/partials/navigator.php')
| -rw-r--r-- | app/views/partials/navigator.php | 91 |
1 files changed, 41 insertions, 50 deletions
diff --git a/app/views/partials/navigator.php b/app/views/partials/navigator.php index ab2ea58..a9e8c7c 100644 --- a/app/views/partials/navigator.php +++ b/app/views/partials/navigator.php @@ -1,57 +1,48 @@ -<nav id="navbar" class="navbar is-fixed-top" aria-label="main navigation"> - <div class="container"> - <div class="navbar-menu"> - <div class="columns is-centered"> +<nav id="navbar"> + <section> - <div class="navbar__left column"> - <a title="Go to Website Repository" - href="/git/" - class="navbar-item item__box button is-inline-flex"> - <?php echo icon('git-commit'); ?> - <span>Repo</span> - </a> + <column-left> + <button-repo> + <button-anchor> + <a title="Go to Website Repository" href="/git/"> + <?php echo icon('git-commit'); ?> + <span>Repo</span> + </a> + </button-anchor> + </button-repo> - <?php - $formClass = 'is-inline'; - $buttonClass ='navbar-item button item__box'; - require views('components', 'theme.toggle'); - ?> - </div> + <?php require views('components', 'theme.toggle'); ?> + </column-left> - <div class="navbar__middle column is-7"> - <?php - $route = '/'; $label = 'Home'; $icon = 'home'; require views('components', 'navigator.link'); - $route = '/posts/'; $label = 'Posts'; $icon = 'feather'; require views('components', 'navigator.link'); - $route = '/projects/'; $label = 'Projects'; $icon = 'package'; require views('components', 'navigator.link'); - $route = '/about/'; $label = 'Profile'; $icon = 'file-text'; require views('components', 'navigator.link'); - $route = '/contact/'; $label = 'Contact'; $icon = 'mail'; require views('components', 'navigator.link'); - ?> + <column-middle> + <?php + $route = '/'; $label = 'Home'; $icon = 'home'; require views('components', 'navigator.link'); + $route = '/posts/'; $label = 'Posts'; $icon = 'feather'; require views('components', 'navigator.link'); + $route = '/projects/'; $label = 'Projects'; $icon = 'package'; require views('components', 'navigator.link'); + $route = '/about/'; $label = 'Profile'; $icon = 'file-text'; require views('components', 'navigator.link'); + $route = '/contact/'; $label = 'Contact'; $icon = 'mail'; require views('components', 'navigator.link'); + ?> - <?php - $links = true; - $id = 'mobile-compact'; - $type = 'navbar-item is-menu is-right navbar__icon has-text-dark has-tap-transparent'; - $icon = icon('arrow-down-circle'); - $label = <<<insert - <span class="is-block has-text-centered"> - $icon - <span class="is-block navbar__icon__label">More</span> - </span> - insert; - require views('components', 'context.menu'); - ?> - </div> + <?php + $links = true; + $id = 'navigation'; + $icon = icon('arrow-down-circle'); + $label = <<<insert + $icon + <span>More</span> + insert; + require views('components', 'context.menu'); + ?> + </column-middle> - <div class="navbar__right column"> - <a title="Coffee" - href ="https://ko-fi.com/thedroneely" - class="navbar-item item__box button is-inline-flex has-margin-left-none"> - <?php echo icon('coffee'); ?> - <span>Coffee</span> - </a> - </div> + <column-right> + <button-anchor> + <a title="Coffee" href ="https://ko-fi.com/thedroneely"> + <?php echo icon('coffee'); ?> + <span>Coffee</span> + </a> + </button-anchor> + </column-right> - </div> - </div> - </div> + </section> </nav> |