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) --> <!-- Centered Logo (Now inside normal document flow) -->
<a href="/" class="align-items-center text-white text-decoration-none d-flex d-md-none"> <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> </a>
<!-- Logo (Normal Position for Large Screens) --> <!-- Logo (Normal Position for Large Screens) -->
<a href="/" class="align-items-center text-white text-decoration-none d-none d-md-flex"> <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> </a>
<div class="navbar-expand-md flex-grow-1"> <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> <h2 class="text-center">Portfolio</h2>
<hr> <hr>
{LOOP} {LOOP}
<div class="card context-main context-third-bg py-2 my-2"> <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"> <div class="col-md-4 ps-2 d-flex justify-content-center align-items-center">
<a href="{url}"> <a href="{url}">
<img class="img-fluid rounded" src="{image}" alt="{title} preview"> <img class="img-fluid rounded" src="{image}" alt="{title} preview">
@ -25,4 +26,5 @@
<p>None Found</p> <p>None Found</p>
</div> </div>
{/ALT} {/ALT}
</div>
</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"> <div class="my-3 row" role="group" aria-label="Resume Downloads">
<!-- Adjusted the col-3 div --> <!-- 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> <h3>Download</h3>
</div> </div>
<!-- Button group --> <!-- 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/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/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> <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="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="?view=tiimeline" class="btn btn-primary" role="button">Timeline</a>
<a href="?" class="btn btn-primary" role="button">Standard</a> <a href="?" class="btn btn-primary" role="button">Standard</a>
</div> </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"> <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> <label class="form-check-label ps-2" for="hidebs">Hide the Fluff</label>
</div> </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> <h2 class="text-center">Resume</h2>
<hr> <hr>
{RESUME_NAV} {RESUME_NAV}
{LOOP} {LOOP}
<div class="card context-main context-third-bg py-2 my-2 rounded"> <div class="card context-main context-third-bg py-2 my-2 rounded">
<div class="row g-0 px-3"> <div class="row g-0 px-3">
<div class="col-md-4 d-flex justify-content-center align-items-center"> <div class="col-md-4 d-flex justify-content-center align-items-center p-2">
<img class="img-fluid rounded" src="{image}" alt="{name}"> <img class="img-fluid" src="{image}" alt="{name}">
</div> </div>
<div class="col-md-8"> <div class="col-md-8">
<div class="card-body"> <div class="card-body">
@ -31,4 +32,5 @@
</div> </div>
{/ALT} {/ALT}
{RESUME_DOWNLOADS} {RESUME_DOWNLOADS}
</div>
</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> <h2 class="text-center">Resume</h2>
<hr> <hr>
{RESUME_NAV} {RESUME_NAV}
@ -30,4 +31,5 @@
</div> </div>
{/ALT} {/ALT}
{RESUME_DOWNLOADS} {RESUME_DOWNLOADS}
</div>
</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\Canary\Bin\Canary as Debug;
use TheTempusProject\Classes\DatabaseModel; use TheTempusProject\Classes\DatabaseModel;
use TheTempusProject\Plugins\Wip as Plugin; use TheTempusProject\Plugins\Wip as Plugin;
use DateTime;
class Projects extends DatabaseModel { class Projects extends DatabaseModel {
public $tableName = 'projects'; public $tableName = 'projects';
@ -25,6 +26,7 @@ class Projects extends DatabaseModel {
[ 'description', 'text', '' ], [ 'description', 'text', '' ],
[ 'progress', 'int', '3' ], [ 'progress', 'int', '3' ],
[ 'startDate', 'varchar', '32' ], [ 'startDate', 'varchar', '32' ],
[ 'endDate', 'varchar', '32' ],
]; ];
public $plugin; public $plugin;
@ -73,7 +75,20 @@ class Projects extends DatabaseModel {
$instance = $postArray; $instance = $postArray;
$end = true; $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; $out[] = $instance;
if ( !empty( $end ) ) { if ( !empty( $end ) ) {
$out = $out[0]; $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> <h1 class="text-center">Work in Progress</h1>
<hr> <hr>
{LOOP} {LOOP}
<div class="wip-project"> <div class="wip-project">
<h3 class="wip-project-title atb-green">{title}</h3> <h3 class="wip-project-title text-center text-md-start text-primary">{title}</h3>
<small class=""><b>Started: </b><i>{prettyStart}</i></small> <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 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>
<div class="well my-3"> <div class="well my-3">
{description} {description}
@ -21,4 +25,5 @@
<p>None Found</p> <p>None Found</p>
</div> </div>
{/ALT} {/ALT}
</div>
</div> </div>

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

@ -30,8 +30,7 @@
<!-- Side Navigation --> <!-- Side Navigation -->
<div class="d-flex flex-column flex-shrink-0 p-3 text-bg-dark" style="width: 280px;"> <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"> <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"> <img src="{ROOT_URL}{LOGO}" class="bi me-2" height="48" role="img" aria-label="{SITENAME} Logo">
<span class="fs-4">{SITENAME}</span>
</a> </a>
<hr> <hr>
{ADMIN} {ADMIN}

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

@ -46,12 +46,12 @@
<!-- Centered Logo (Now inside normal document flow) --> <!-- Centered Logo (Now inside normal document flow) -->
<a href="/" class="align-items-center text-white text-decoration-none d-flex d-md-none"> <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> </a>
<!-- Logo (Normal Position for Large Screens) --> <!-- Logo (Normal Position for Large Screens) -->
<a href="/" class="align-items-center text-white text-decoration-none d-none d-md-flex"> <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> </a>
<div class="navbar-expand-md flex-grow-1"> <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="m-2 m-lg-4">
<div class="row d-flex justify-content-center align-items-center m-5"> <div class="col-12 mx-5 col-sm-10 col-lg-8 mx-auto p-4 rounded shadow-sm context-main-bg">
<div class="col-md-4"> <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"> <img src="/images/voting.jpg" class="img-fluid center-block" alt="Description of image">
</div> </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"> <img src="/images/on-call.jpg" class="img-fluid center-block" alt="Description of image">
</div> </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"> <img src="/images/cleaned-up.jpg" class="img-fluid center-block" alt="Description of image">
</div> </div>
</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> <h2 class="text-center mb-4">About Me</h2>
<div class="col-md-offset-3 col-md-6"> <div class="col-md-offset-3 col-md-6">
<hr> <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> 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>
</div>
</div> </div>

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

@ -1,29 +1,22 @@
<div class="container mt-auto"> <div class="container mt-auto border-top context-main-border">
<footer class="pt-4"> <footer class="pt-2">
<!-- Footer Toggle Button (Visible on Small Screens) --> <div class="d-lg-block collapse" id="footerMenu">
<div class="text-center border-top context-main-border"> <div class="d-flex justify-content-between align-items-center py-2 my-2">
<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"> <a href="/" class="text-decoration-none lh-1">
<i class="fa fa-bars"></i> <img src="/images/logo.png" class="bi me-2" width="40" height="32" alt="Joey Kimsey Logo">
</button> </a>
</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="material-switch"> <div class="material-switch">
<input name="dark-mode-toggle" type="checkbox" id="dark-mode-toggle" class="form-check-input"> <input name="dark-mode-toggle" type="checkbox" id="dark-mode-toggle" class="form-check-input">
<label for="dark-mode-toggle" class="label-default"></label> <label for="dark-mode-toggle" class="label-default"></label>
</div> </div>
{SOCIAL} {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> </footer>
</div> </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> <span>© 2025 {SITENAME}, Powered by <a href="https://thetempusproject.com" class="text-decoration-none">The Tempus Project</a></span>
</div> </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"> <li class="ms-3">
<a class="context-main" href="{ROOT_URL}fb"> <a class="context-main" href="{ROOT_URL}fb">
<span class="fa-brands fa-fw fa-facebook"></span> <span class="fa-brands fa-fw fa-facebook"></span>
@ -21,4 +21,3 @@
</a> </a>
</li> </li>
</ul> </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 --> <!-- Hero Section -->
<div class="text-center py-5 rounded context-third-bg"> <div class="text-center py-5 rounded context-third-bg">
<h1 class="fw-bold">Let's Build Something Amazing Together</h1> <h1 class="fw-bold">Let's Build Something Amazing Together</h1>
@ -7,7 +8,7 @@
</div> </div>
<!-- Work Preferences --> <!-- Work Preferences -->
<div class="mt-5"> <div class="mt-3 mt-lg-5">
<h2 class="text-center mb-4">Work Preferences</h2> <h2 class="text-center mb-4">Work Preferences</h2>
<div class="d-flex justify-content-center gap-3 flex-wrap"> <div class="d-flex justify-content-center gap-3 flex-wrap">
<span class="badge bg-primary p-3">Freelance / Limited Contract Work</span> <span class="badge bg-primary p-3">Freelance / Limited Contract Work</span>
@ -17,7 +18,7 @@
</div> </div>
<!-- About Section --> <!-- About Section -->
<div class="mt-5 ps-3"> <div class="mt-3 mt-lg-5 ps-3">
<h2>About Me</h2> <h2>About Me</h2>
<p class="text-muted"> <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. 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> </div>
<!-- Pricing Section --> <!-- Pricing Section -->
<div class="mt-5 ps-3"> <div class="mt-3 mt-lg-5 ps-3">
<h2>Pricing</h2> <h2>Pricing</h2>
<p class="text-muted"> <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. 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> </div>
<!-- Contact Form --> <!-- Contact Form -->
<div class="mt-5 ps-3"> <div class="mt-3 mt-lg-5 ps-3">
<h2>Contact Me</h2> <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> <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> </div>
</form> </form>
</div> </div>
</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="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-4 mb-4 rounded-3 context-main context-main-bg"> <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="container text-center">
<div class="jumbotron text-center pb-5"> <div class="jumbotron text-center pb-3 pb-lg-5">
<p class="fs-4"> <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. There are too many stories to tell them all on one site. Feel free to explore a few of those stories below.
</p> </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"> <select class="form-control dropdown-big" id="postSelector">
{LOOP} {LOOP}
<option value="{post}">{option}</option> <option value="{post}">{option}</option>
@ -30,10 +30,11 @@
</div> </div>
</div> </div>
<div class="card context-main context-main-bg col-8 offset-2 mb-5"> <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="row g-0 px-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 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-inner">
<div class="carousel-item active d-flex justify-content-center align-items-center" style="height: 250px;"> <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;"> <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>
</div> </div>
<button class="carousel-control-prev" type="button" data-bs-target="#carousel-career" data-bs-slide="prev"> <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> <span class="visually-hidden">Previous</span>
</button> </button>
<button class="carousel-control-next" type="button" data-bs-target="#carousel-career" data-bs-slide="next"> <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> <span class="visually-hidden">Next</span>
</button> </button>
</div> </div>
@ -65,17 +66,19 @@
My Career My Career
</a> </a>
</h4> </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 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. 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> </p>
</div> </div>
</div> </div>
</div> </div>
</div>
</div> </div>
<div class="card context-main context-main-bg col-8 offset-2 mb-5"> <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="row g-0 px-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="col-md-8 d-flex justify-content-center align-items-center">
<div class="card-body"> <div class="card-body">
<h4 class="card-title text-center"> <h4 class="card-title text-center">
@ -83,7 +86,7 @@
My Products My Products
</a> </a>
</h4> </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 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 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. 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> </div>
<div class="col-md-4"> <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-inner">
<div class="carousel-item active d-flex justify-content-center align-items-center" style="height: 250px;"> <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;"> <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>
</div> </div>
<button class="carousel-control-prev" type="button" data-bs-target="#carousel-products" data-bs-slide="prev"> <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> <span class="visually-hidden">Previous</span>
</button> </button>
<button class="carousel-control-next" type="button" data-bs-target="#carousel-products" data-bs-slide="next"> <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> <span class="visually-hidden">Next</span>
</button> </button>
</div> </div>
</div> </div>
</div> </div>
</div>
</div> </div>
<div class="card context-main context-main-bg col-8 offset-2 mb-5"> <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="row g-0 px-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 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-inner">
<div class="carousel-item active d-flex justify-content-center align-items-center" style="height: 250px;"> <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;"> <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>
</div> </div>
<button class="carousel-control-prev" type="button" data-bs-target="#carousel-projects" data-bs-slide="prev"> <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> <span class="visually-hidden">Previous</span>
</button> </button>
<button class="carousel-control-next" type="button" data-bs-target="#carousel-projects" data-bs-slide="next"> <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> <span class="visually-hidden">Next</span>
</button> </button>
</div> </div>
@ -162,10 +167,12 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</div> </div>
<div class="card context-main context-main-bg col-8 offset-2 mb-5"> <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="row g-0 px-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="col-md-8 d-flex justify-content-center align-items-center">
<div class="card-body"> <div class="card-body">
<h4 class="card-title text-center"> <h4 class="card-title text-center">
@ -179,8 +186,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-4 p-3"> <div class="col-md-4 p-3 d-flex justify-content-center">
<img class="img-fluid" src="/images/vacation.jpg" alt="still-working"> <img class="img-fluid" src="/images/vacation.jpg" alt="still-working" style="max-height: 356px;">
</div>
</div> </div>
</div> </div>
</div> </div>