the-tempus-project/thetempusproject
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

mobile updates

Browse Source
This commit is contained in:
Joey Kimsey
2025-02-04 05:10:00 -05:00
parent b670c977cf
commit ff36d27c38
16 changed files with 416 additions and 387 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/plugins/blog/templates/blog.tpl
View File

@ -46,12 +46,12 @@
<!-- Centered Logo (Now inside normal document flow) -->
<a href="/" class="align-items-center text-white text-decoration-none d-flex d-md-none">
<img src="{ROOT_URL}{LOGO}" width="40" height="32" alt="{SITENAME} Logo" class="bi">
<img src="{ROOT_URL}images/logo.png" width="40" height="32" alt="{SITENAME} Logo" class="bi">
</a>
<!-- Logo (Normal Position for Large Screens) -->
<a href="/" class="align-items-center text-white text-decoration-none d-none d-md-flex">
<img src="{ROOT_URL}{LOGO}" width="40" height="32" alt="{SITENAME} Logo" class="bi">
<img src="{ROOT_URL}{LOGO}" height="48" alt="{SITENAME} Logo" class="bi">
</a>
<div class="navbar-expand-md flex-grow-1">

6
app/plugins/portfolio/views/portfolio.html
View File

@ -1,9 +1,10 @@
<div class="card context-main context-main-bg col-8 offset-2 my-4 p-3">
<div class="col-12 col-md-10 col-lg-8 offset-lg-2 offset-md-1 offset-0 mb-3 mb-lg-5 mt-2 mt-lg-4">
<div class="p-2 p-lg-4 mb-lg-4 m-2 rounded-3 context-main context-main-bg">
<h2 class="text-center">Portfolio</h2>
<hr>
{LOOP}
<div class="card context-main context-third-bg py-2 my-2">
<div class="row g-0">
<div class="row g-0 p-lg-2">
<div class="col-md-4 ps-2 d-flex justify-content-center align-items-center">
<a href="{url}">
<img class="img-fluid rounded" src="{image}" alt="{title} preview">
@ -25,4 +26,5 @@
<p>None Found</p>
</div>
{/ALT}
</div>
</div>

4
app/plugins/resume/views/download.html
View File

@ -1,10 +1,10 @@
<div class="my-3 row" role="group" aria-label="Resume Downloads">
<!-- Adjusted the col-3 div -->
<div class="col-3 d-flex align-items-center justify-content-end">
<div class="col-4 col-md-3 d-flex align-items-center justify-content-end">
<h3>Download</h3>
</div>
<!-- Button group -->
<div class="btn-group btn-group-justified col-6" role="group" aria-label="Resume Downloads">
<div class="btn-group btn-group-justified col-8 col-md-6" role="group" aria-label="Resume Downloads">
<a href="/downloads/resume/docx" class="btn btn-primary" role="button" target="_blank" download>Word</a>
<a href="/downloads/resume/pdf" class="btn btn-primary" role="button" target="_blank" download>PDF</a>
<a href="/downloads/resume/md" class="btn btn-primary" role="button" target="_blank" download>Markdown</a>

4
app/plugins/resume/views/nav.html
View File

@ -1,9 +1,9 @@
<div class="mb-3 row" role="group" aria-label="Resume View Type">
<div class="btn-group btn-group-justified col-6 offset-3" role="group" aria-label="Resume View Type">
<div class="btn-group btn-group-justified col-6 offset-lg-3" role="group" aria-label="Resume View Type">
<a href="?view=tiimeline" class="btn btn-primary" role="button">Timeline</a>
<a href="?" class="btn btn-primary" role="button">Standard</a>
</div>
<div class="form-check form-switch col-3 d-flex align-items-center">
<div class="form-check form-switch col-6 col-lg-3 d-flex align-items-center justify-content-center justify-content-lg-start">
<input class="form-check-input" type="checkbox" role="switch" name="hidebs" id="hidebs" value="true">
<label class="form-check-label ps-2" for="hidebs">Hide the Fluff</label>
</div>

8
app/plugins/resume/views/resume.html
View File

@ -1,12 +1,13 @@
<div class="card context-main context-main-bg col-8 offset-2 my-4 p-3">
<div class="col-12 col-md-10 col-lg-8 offset-lg-2 offset-md-1 offset-0 mb-3 mb-lg-5 mt-2 mt-lg-4">
<div class="p-2 p-lg-4 mb-lg-4 m-2 rounded-3 context-main context-main-bg">
<h2 class="text-center">Resume</h2>
<hr>
{RESUME_NAV}
{LOOP}
<div class="card context-main context-third-bg py-2 my-2 rounded">
<div class="row g-0 px-3">
<div class="col-md-4 d-flex justify-content-center align-items-center">
<img class="img-fluid rounded" src="{image}" alt="{name}">
<div class="col-md-4 d-flex justify-content-center align-items-center p-2">
<img class="img-fluid" src="{image}" alt="{name}">
</div>
<div class="col-md-8">
<div class="card-body">
@ -31,4 +32,5 @@
</div>
{/ALT}
{RESUME_DOWNLOADS}
</div>
</div>

4
app/plugins/resume/views/timeline.html
View File

@ -1,4 +1,5 @@
<div class="card context-main context-main-bg col-8 offset-2 my-4 p-3">
<div class="col-12 col-md-10 col-lg-8 offset-lg-2 offset-md-1 offset-0 mb-3 mb-lg-5 mt-2 mt-lg-4">
<div class="p-2 p-lg-4 mb-lg-4 m-2 rounded-3 context-main context-main-bg">
<h2 class="text-center">Resume</h2>
<hr>
{RESUME_NAV}
@ -30,4 +31,5 @@
</div>
{/ALT}
{RESUME_DOWNLOADS}
</div>
</div>

17
app/plugins/wip/models/projects.php
View File

@ -17,6 +17,7 @@ use TheTempusProject\Bedrock\Functions\Check;
use TheTempusProject\Canary\Bin\Canary as Debug;
use TheTempusProject\Classes\DatabaseModel;
use TheTempusProject\Plugins\Wip as Plugin;
use DateTime;
class Projects extends DatabaseModel {
public $tableName = 'projects';
@ -25,6 +26,7 @@ class Projects extends DatabaseModel {
[ 'description', 'text', '' ],
[ 'progress', 'int', '3' ],
[ 'startDate', 'varchar', '32' ],
[ 'endDate', 'varchar', '32' ],
];
public $plugin;
@ -73,7 +75,20 @@ class Projects extends DatabaseModel {
$instance = $postArray;
$end = true;
}
$instance->prettyStart = $instance->startDate;
if ( ! empty( $instance->startDate ) ) {
$startDate = DateTime::createFromFormat( 'Y-m', $instance->startDate );
$startDateFormatted = $startDate->format('F Y');
$instance->prettyStart = $startDateFormatted;
} else {
$instance->prettyStart = 'TBD';
}
if ( ! empty( $instance->endDate ) ) {
$endDate = DateTime::createFromFormat( 'Y-m', $instance->endDate );
$endDateFormatted = $endDate->format('F Y');
$instance->prettyEnd = $endDateFormatted;
} else {
$instance->prettyEnd = 'TBD';
}
$out[] = $instance;
if ( !empty( $end ) ) {
$out = $out[0];

13
app/plugins/wip/views/wip.html
View File

@ -1,12 +1,16 @@
<div class="col-8 mx-auto p-3 rounded shadow-sm my-4 context-main-bg">
<div class="m-2 m-lg-4">
<div class="col-12 mx-5 col-sm-10 col-lg-8 mx-auto p-4 rounded shadow-sm context-main-bg">
<h1 class="text-center">Work in Progress</h1>
<hr>
{LOOP}
<div class="wip-project">
<h3 class="wip-project-title atb-green">{title}</h3>
<small class=""><b>Started: </b><i>{prettyStart}</i></small>
<h3 class="wip-project-title text-center text-md-start text-primary">{title}</h3>
<div class="d-flex justify-content-between">
<small><span class="text-muted">Started: </span><i class="">{prettyStart}</i></small>
<small><span class="text-muted">Finished: </span><i class="">{prettyEnd}</i></small>
</div>
<div class="progress mt-2">
<div class="progress-bar atb-green-bg" role="progressbar" style="width: {progress}%" aria-valuenow="{progress}" aria-valuemin="0" aria-valuemax="100"></div>
<div class="progress-bar" role="progressbar" style="width: {progress}%" aria-valuenow="{progress}" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<div class="well my-3">
{description}
@ -21,4 +25,5 @@
<p>None Found</p>
</div>
{/ALT}
</div>
</div>

3
app/templates/admin/admin.tpl
View File

@ -30,8 +30,7 @@
<!-- Side Navigation -->
<div class="d-flex flex-column flex-shrink-0 p-3 text-bg-dark" style="width: 280px;">
<a href="/" class="d-flex align-items-center mb-3 mb-md-0 me-md-auto text-white text-decoration-none">
<img src="{ROOT_URL}{LOGO}" class="bi me-2" width="40" height="32" role="img" aria-label="{SITENAME} Logo">
<span class="fs-4">{SITENAME}</span>
<img src="{ROOT_URL}{LOGO}" class="bi me-2" height="48" role="img" aria-label="{SITENAME} Logo">
</a>
<hr>
{ADMIN}

4
app/templates/default/default.tpl
View File

@ -46,12 +46,12 @@
<!-- Centered Logo (Now inside normal document flow) -->
<a href="/" class="align-items-center text-white text-decoration-none d-flex d-md-none">
<img src="{ROOT_URL}{LOGO}" width="40" height="32" alt="{SITENAME} Logo" class="bi">
<img src="{ROOT_URL}images/logo.png" width="40" height="32" alt="{SITENAME} Logo" class="bi">
</a>
<!-- Logo (Normal Position for Large Screens) -->
<a href="/" class="align-items-center text-white text-decoration-none d-none d-md-flex">
<img src="{ROOT_URL}{LOGO}" width="40" height="32" alt="{SITENAME} Logo" class="bi">
<img src="{ROOT_URL}{LOGO}" height="48" alt="{SITENAME} Logo" class="bi">
</a>
<div class="navbar-expand-md flex-grow-1">

14
app/views/about.html
View File

@ -1,17 +1,18 @@
<div class="container context-main-bg p-3 my-4">
<div class="row d-flex justify-content-center align-items-center m-5">
<div class="col-md-4">
<div class="m-2 m-lg-4">
<div class="col-12 mx-5 col-sm-10 col-lg-8 mx-auto p-4 rounded shadow-sm context-main-bg">
<div class="row d-flex justify-content-center align-items-center mb-2 mb-lg-3">
<div class="col-4">
<img src="/images/voting.jpg" class="img-fluid center-block" alt="Description of image">
</div>
<div class="col-md-4">
<div class="col-4">
<img src="/images/on-call.jpg" class="img-fluid center-block" alt="Description of image">
</div>
<div class="col-md-4">
<div class="col-4">
<img src="/images/cleaned-up.jpg" class="img-fluid center-block" alt="Description of image">
</div>
</div>
<div class="row d-flex justify-content-center align-items-center m-5">
<div class="row d-flex justify-content-center align-items-center">
<h2 class="text-center mb-4">About Me</h2>
<div class="col-md-offset-3 col-md-6">
<hr>
@ -39,4 +40,5 @@
When I moved to Atlanta, I finally found an employer willing to give me a shot and my resume picks up from there.</p>
</div>
</div>
</div>
</div>

37
app/views/footer/container.html
View File

@ -1,29 +1,22 @@
<div class="container mt-auto">
<footer class="pt-4">
<!-- Footer Toggle Button (Visible on Small Screens) -->
<div class="text-center border-top context-main-border">
<button class="d-md-none my-3 btn btn-lg context-main context-main-border" type="button" data-bs-toggle="collapse" data-bs-target="#footerMenu" aria-controls="footerMenu" aria-expanded="false" aria-label="Toggle footer navigation">
<i class="fa fa-bars"></i>
</button>
</div>
<!-- Collapsible Footer Content -->
<div class="collapse d-md-block my-4" id="footerMenu">
<div class="row">
{FOOTER_LEFT}
{FOOTER_CENTER}
{FOOTER_RIGHT}
</div>
</div>
<!-- Copy & Social (Always Visible) -->
<div class="d-flex flex-column flex-md-row justify-content-md-between py-3 border-top context-main-border">
{COPY}
</div>
<div class="container mt-auto border-top context-main-border">
<footer class="pt-2">
<div class="d-lg-block collapse" id="footerMenu">
<div class="d-flex justify-content-between align-items-center py-2 my-2">
<a href="/" class="text-decoration-none lh-1">
<img src="/images/logo.png" class="bi me-2" width="40" height="32" alt="Joey Kimsey Logo">
</a>
<div class="material-switch">
<input name="dark-mode-toggle" type="checkbox" id="dark-mode-toggle" class="form-check-input">
<label for="dark-mode-toggle" class="label-default"></label>
</div>
{SOCIAL}
</div>
{COPY}
</div>
<div class="text-center">
<button class="d-md-none my-3 btn btn-lg context-main context-main-border" type="button" data-bs-toggle="collapse" data-bs-target="#footerMenu" aria-controls="footerMenu" aria-expanded="false" aria-label="Toggle footer navigation">
<i class="fa fa-bars"></i>
</button>
</div>
</footer>
</div>

2
app/views/footer/copy.html
View File

@ -1,3 +1,3 @@
<div class="d-flex justify-content-center justify-content-md-start text-center text-md-start">
<div class="d-flex justify-content-center mb-2 text-center text-md-start">
<span>© 2025 {SITENAME}, Powered by <a href="https://thetempusproject.com" class="text-decoration-none">The Tempus Project</a></span>
</div>

5
app/views/footer/social.html
View File

@ -1,5 +1,5 @@
<div class="d-flex justify-content-center justify-content-md-end mt-3 mt-md-0">
<ul class="list-unstyled d-flex mb-0">
<ul class="list-unstyled d-flex mb-0">
<li class="ms-3">
<a class="context-main" href="{ROOT_URL}fb">
<span class="fa-brands fa-fw fa-facebook"></span>
@ -21,4 +21,3 @@
</a>
</li>
</ul>
</div>

12
app/views/hire.html
View File

@ -1,4 +1,5 @@
<div class="container context-main-bg p-3 my-4">
<div class="col-12 col-md-10 col-lg-8 offset-lg-2 offset-md-1 offset-0 mb-3 mb-lg-5 mt-2 mt-lg-4">
<div class="p-2 p-lg-4 mb-lg-4 m-2 rounded-3 context-main context-main-bg">
<!-- Hero Section -->
<div class="text-center py-5 rounded context-third-bg">
<h1 class="fw-bold">Let's Build Something Amazing Together</h1>
@ -7,7 +8,7 @@
</div>
<!-- Work Preferences -->
<div class="mt-5">
<div class="mt-3 mt-lg-5">
<h2 class="text-center mb-4">Work Preferences</h2>
<div class="d-flex justify-content-center gap-3 flex-wrap">
<span class="badge bg-primary p-3">Freelance / Limited Contract Work</span>
@ -17,7 +18,7 @@
</div>
<!-- About Section -->
<div class="mt-5 ps-3">
<div class="mt-3 mt-lg-5 ps-3">
<h2>About Me</h2>
<p class="text-muted">
As a full-stack developer, I excel in backend development but may not be the best fit for design-heavy projects requiring frequent revisions. I focus on delivering robust and scalable solutions for my clients.
@ -25,7 +26,7 @@
</div>
<!-- Pricing Section -->
<div class="mt-5 ps-3">
<div class="mt-3 mt-lg-5 ps-3">
<h2>Pricing</h2>
<p class="text-muted">
My standard rate for smaller projects is hourly with a two-hour minimum. For larger or repeat projects, I'm open to flexible arrangements. Let's discuss your project to find a solution that works for both of us.
@ -33,7 +34,7 @@
</div>
<!-- Contact Form -->
<div class="mt-5 ps-3">
<div class="mt-3 mt-lg-5 ps-3">
<h2>Contact Me</h2>
<p class="text-muted">To respect privacy, I don't share personal contact details publicly. Please fill out the form below or connect with me on LinkedIn. I typically respond within 24 hours.</p>
@ -56,4 +57,5 @@
</div>
</form>
</div>
</div>
</div>

58
app/views/index.html
View File

@ -1,11 +1,11 @@
<div class="col-8 offset-2 mb-5 mt-4">
<div class="p-4 mb-4 rounded-3 context-main context-main-bg">
<div class="col-12 col-md-10 col-lg-8 offset-lg-2 offset-md-1 offset-0 mb-3 mb-lg-5 mt-2 mt-lg-4">
<div class="p-2 p-lg-4 mb-lg-4 m-2 rounded-3 context-main context-main-bg">
<div class="container text-center">
<div class="jumbotron text-center pb-5">
<div class="jumbotron text-center pb-3 pb-lg-5">
<p class="fs-4">
There are too many stories to tell them all on one site. Feel free to explore a few of those stories below.
</p>
<div class="col-4 offset-4 mb-3">
<div class="col-12 col-sm-10 col-md-8 col-lg-4 offset-0 offset-md-2 offset-lg-4 mb-3">
<select class="form-control dropdown-big" id="postSelector">
{LOOP}
<option value="{post}">{option}</option>
@ -30,10 +30,11 @@
</div>
</div>
<div class="card context-main context-main-bg col-8 offset-2 mb-5">
<div class="row g-0 px-3">
<div class="col-12 col-md-10 col-lg-8 offset-lg-2 offset-md-1 offset-0 my-2 my-lg-3">
<div class="card context-main context-main-bg m-2">
<div class="p-2 p-lg-3 m-2 rounded-3 row">
<div class="col-md-4">
<div id="carousel-career" class="carousel slide carousel-fade m-3" data-bs-ride="carousel">
<div id="carousel-career" class="carousel slide carousel-fade m-2 m-lg-3" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active d-flex justify-content-center align-items-center" style="height: 250px;">
<img src="{ROOT_URL}images/ba.png" class="img-fluid" alt="Black Airplane" style="max-height: 100%; max-width: 100%; object-fit: contain;">
@ -49,11 +50,11 @@
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carousel-career" data-bs-slide="prev">
<span class="carousel-control-prev-icon text-dark" aria-hidden="true"></span>
<span class="carousel-control-prev-icon bg-dark p-4 rounded" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carousel-career" data-bs-slide="next">
<span class="carousel-control-next-icon text-dark" aria-hidden="true"></span>
<span class="carousel-control-next-icon bg-dark p-4 rounded" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
@ -65,17 +66,19 @@
My Career
</a>
</h4>
<p class="card-text">
<p class="card-text text-center text-md-start">
From IPB to ChatGPT and everything in-between; I have worked with, and on, many platforms. What I would refer to as my "professional experience" spans 7 years but my experience
in this field spans another decade at least. Learn more when you view my Resume. It can be viewed, downloaded, and expounded upon via my blog. Feel free to explore and follow up with any questions.
</p>
</div>
</div>
</div>
</div>
</div>
<div class="card context-main context-main-bg col-8 offset-2 mb-5">
<div class="row g-0 px-3">
<div class="col-12 col-md-10 col-lg-8 offset-lg-2 offset-md-1 offset-0 my-2 my-lg-3">
<div class="card context-main context-main-bg m-2">
<div class="p-2 p-lg-3 m-2 rounded-3 row">
<div class="col-md-8 d-flex justify-content-center align-items-center">
<div class="card-body">
<h4 class="card-title text-center">
@ -83,7 +86,7 @@
My Products
</a>
</h4>
<p class="card-text">
<p class="card-text text-center text-md-start">
One of the downfalls I have as a developer is failing to save my failures. (trust me, its less philosophical than it sounds) Many times when I finish projects, or call it quits, the code is
either resigned to its life in production where I would prefer it not to be publicly available, or It goes to the big backup disk in the sky. When you factor in my immense respect
for lawyers and the whimsically worded writs they have me sign; I am left with limited examples to share. Fortunately I have some long running project examples which are available for download and review.
@ -91,7 +94,7 @@
</div>
</div>
<div class="col-md-4">
<div id="carousel-products" class="carousel slide carousel-fade m-3" data-bs-ride="carousel">
<div id="carousel-products" class="carousel slide carousel-fade m-2 m-lg-3" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active d-flex justify-content-center align-items-center" style="height: 250px;">
<img src="{ROOT_URL}images/AAA_M_Additions.png" class="img-fluid" alt="AAA M+ Additions" style="max-height: 100%; max-width: 100%; object-fit: contain;">
@ -110,22 +113,24 @@
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carousel-products" data-bs-slide="prev">
<span class="carousel-control-prev-icon text-dark" aria-hidden="true"></span>
<span class="carousel-control-prev-icon bg-dark p-4 rounded" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carousel-products" data-bs-slide="next">
<span class="carousel-control-next-icon text-dark" aria-hidden="true"></span>
<span class="carousel-control-next-icon bg-dark p-4 rounded" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</div>
</div>
</div>
</div>
<div class="card context-main context-main-bg col-8 offset-2 mb-5">
<div class="row g-0 px-3">
<div class="col-12 col-md-10 col-lg-8 offset-lg-2 offset-md-1 offset-0 my-2 my-lg-3">
<div class="card context-main context-main-bg m-2">
<div class="p-2 p-lg-3 m-2 rounded-3 row">
<div class="col-md-4">
<div id="carousel-projects" class="carousel slide carousel-fade m-3" data-bs-ride="carousel">
<div id="carousel-projects" class="carousel slide carousel-fade m-2 m-lg-3" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active d-flex justify-content-center align-items-center" style="height: 250px;">
<img src="{ROOT_URL}images/tte.png" class="img-fluid" alt="TableTopElite" style="max-height: 100%; max-width: 100%; object-fit: contain;">
@ -138,11 +143,11 @@
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carousel-projects" data-bs-slide="prev">
<span class="carousel-control-prev-icon text-dark" aria-hidden="true"></span>
<span class="carousel-control-prev-icon bg-dark p-4 rounded" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carousel-projects" data-bs-slide="next">
<span class="carousel-control-next-icon text-dark" aria-hidden="true"></span>
<span class="carousel-control-next-icon bg-dark p-4 rounded" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
@ -162,10 +167,12 @@
</div>
</div>
</div>
</div>
</div>
<div class="card context-main context-main-bg col-8 offset-2 mb-5">
<div class="row g-0 px-3">
<div class="col-12 col-md-10 col-lg-8 offset-lg-2 offset-md-1 offset-0 my-2 my-lg-3">
<div class="card context-main context-main-bg m-2">
<div class="p-2 p-lg-3 m-2 rounded-3 row">
<div class="col-md-8 d-flex justify-content-center align-items-center">
<div class="card-body">
<h4 class="card-title text-center">
@ -179,8 +186,9 @@
</div>
</div>
</div>
<div class="col-md-4 p-3">
<img class="img-fluid" src="/images/vacation.jpg" alt="still-working">
<div class="col-md-4 p-3 d-flex justify-content-center">
<img class="img-fluid" src="/images/vacation.jpg" alt="still-working" style="max-height: 356px;">
</div>
</div>
</div>
</div>