aboutsummaryrefslogtreecommitdiff
path: root/app/views/partials
diff options
context:
space:
mode:
authorThedro Neely <thedroneely@gmail.com>2022-07-19 11:59:45 -0400
committerThedro Neely <thedroneely@gmail.com>2022-07-19 11:59:45 -0400
commitea54421b15c9705f86a8d25a6caaa40791d66e18 (patch)
tree546ec8892c2140a48129fd521189dc68b567c95b /app/views/partials
parentf888991f298e59933250c8d56080c1805068f5e0 (diff)
downloadthedroneely.com-ea54421b15c9705f86a8d25a6caaa40791d66e18.tar.gz
thedroneely.com-ea54421b15c9705f86a8d25a6caaa40791d66e18.tar.bz2
thedroneely.com-ea54421b15c9705f86a8d25a6caaa40791d66e18.zip
app: Refactor and CSS rewrite
Diffstat (limited to 'app/views/partials')
-rw-r--r--app/views/partials/footer.php60
-rw-r--r--app/views/partials/header.php23
-rw-r--r--app/views/partials/navigator.php91
3 files changed, 75 insertions, 99 deletions
diff --git a/app/views/partials/footer.php b/app/views/partials/footer.php
index f82d4e1..0a7b37b 100644
--- a/app/views/partials/footer.php
+++ b/app/views/partials/footer.php
@@ -1,53 +1,39 @@
-<footer class="hero-foot">
- <div class="footer">
- <div class="container">
+<footer>
- <div class="columns is-centered">
- <div class="column is-6 has-text-centered footer__section">
+ <a href="/sitemap.xml">Site Map</a> |
- <p class="has-text-grey-dark is-size-7">
+ <a href="/posts/rss.xml">RSS Feed</a> |
- <a href="/sitemap.xml">Site Map</a> |
+ <a href="/index.json">JSON Feed</a> |
- <a href="/posts/rss.xml">RSS Feed</a> |
+ <a href="/resume/">Resume</a>
- <a href="/index.json">JSON Feed</a> |
+ <br>
- <a href="/resume">Resume</a>
+ <a rel="me" href="https://gitlab.com/tdro">Gitlab</a> |
- <br>
+ <a rel="me" href="https://github.com/tdro">Github</a> |
- <a rel="me" href="https://gitlab.com/tdro">Gitlab</a> |
+ <a rel="me" href="https://codeberg.org/tdro">Codeberg</a> |
- <a rel="me" href="https://github.com/tdro">Github</a> |
+ <a href="/analytics">Analytics</a> |
- <a rel="me" href="https://codeberg.org/tdro">Codeberg</a> |
+ <a href="#">Back To Top</a>
- <a href="/analytics">Analytics</a> |
+ <p>
+ The content for this site is <a href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>.
+ The <a href="/git/thedroneely/thedroneely.com">source code</a>
+ for this site is <a href="https://opensource.org/licenses/GPL-3.0">GPL</a>.<br>
+ Copyright &copy; 2018 &mdash; <?php echo date("Y"); ?>
+ </p>
- <a href="#">Back To Top</a>
+ <p hidden class="h-card">
+ <img class="u-photo" src="data:image/ico;base64,<?php echo base64('/public/favicon.ico'); ?>" alt="Terminal" />
+ <a class="p-name u-url" href="https://www.thedroneely.com">Thedro Neely</a>
+ <span class="p-note">Thedro Neely is a web developer based in The Bahamas.</span>
+ <span class="p-country-name">The Bahamas</span>
+ </p>
- </p>
-
- <p class="has-text-grey-dark is-size-7">
- The content for this site is <a href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>.
- The <a href="/git/thedroneely/thedroneely.com">source code</a>
- for this site is <a href="https://opensource.org/licenses/GPL-3.0">GPL</a>.<br>
- Copyright &copy; 2018 &mdash; <?php echo date("Y"); ?>
- </p>
-
- <p class="is-hidden h-card">
- <img class="u-photo" src="data:image/ico;base64,<?php echo base64('/public/favicon.ico'); ?>" alt="Terminal" />
- <a class="p-name u-url" href="https://www.thedroneely.com">Thedro Neely</a>
- <span class="p-note">Thedro Neely is a web developer based in The Bahamas.</span>
- <span class="p-country-name">The Bahamas</span>
- </p>
-
- </div>
- </div>
-
- </div>
- </div>
</footer>
<script src="/js/app.js"></script>
diff --git a/app/views/partials/header.php b/app/views/partials/header.php
index b236575..e5439be 100644
--- a/app/views/partials/header.php
+++ b/app/views/partials/header.php
@@ -1,22 +1,21 @@
<!DOCTYPE html>
-<html class="has-navbar-fixed-top" lang="en-us" itemscope itemtype="http://schema.org/WebPage">
+<html lang="en-us" itemscope itemtype="http://schema.org/WebPage">
<head>
- <title><?php echo $title = $title ?? 'Portfolio - '; ?>Thedro Neely</title>
+<title><?php echo $title = $title ?? 'Portfolio - '; ?>Thedro Neely</title>
- <meta name="description" content="Thedro's Portfolio Website">
- <meta name="keywords" content="Thedro,Neely,Portfolio,Website">
- <meta name="author" content="Thedro Neely">
+<meta charset="utf-8">
+<meta name="robots" content="index,follow">
+<meta name="author" content="Thedro Neely">
+<meta name="description" content="Thedro's Portfolio Website">
+<meta name="keywords" content="Thedro,Neely,Portfolio,Website">
+<meta name="viewport" content="width=device-width, initial-scale=1">
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <meta name="robots" content="index,follow">
+<?php require $_SERVER['DOCUMENT_ROOT'] . '/..' . '/app/views/snippets/rss.php'; ?>
- <?php require $_SERVER['DOCUMENT_ROOT'] . '/..' . '/app/views/snippets/rss.php'; ?>
+<?php require $_SERVER['DOCUMENT_ROOT'] . '/..' . '/app/views/snippets/favicons.php'; ?>
- <?php require $_SERVER['DOCUMENT_ROOT'] . '/..' . '/app/views/snippets/favicons.php'; ?>
-
- <?php require $_SERVER['DOCUMENT_ROOT'] . '/..' . '/app/views/snippets/stylesheets.php'; ?>
+<?php require $_SERVER['DOCUMENT_ROOT'] . '/..' . '/app/views/snippets/stylesheets.php'; ?>
</head>
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>
generated by cgit v1.2.3 (git 2.39.0) at 2024-05-02 11:58:38 +0000