This commit is contained in:
Joey Kimsey
2025-01-20 22:42:30 -05:00
parent 1d8d48e7c1
commit ca50450682
55 changed files with 1385 additions and 337 deletions

View File

@ -1,15 +1,20 @@
<h1>About Me</h1>
<div class="container">
<div class="row">
<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">
<img src="/images/on-call.jpg" class="img-responsive center-block" alt="Description of image" style="height: 480px;">
<img src="/images/voting.jpg" class="img-fluid center-block" alt="Description of image">
</div>
<div class="col-md-4">
<img src="/images/voting.jpg" class="img-responsive center-block" alt="Description of image">
<img src="/images/on-call.jpg" class="img-fluid center-block" alt="Description of image">
</div>
<div class="col-md-4">
<img src="/images/cleaned-up.jpg" class="img-responsive center-block" alt="Description of image">
<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">
<h2 class="text-center mb-4">About Me</h2>
<div class="col-md-offset-3 col-md-6">
<hr>
</div>
<div class="col-md-offset-2 col-md-8" style="padding-top: 20px;">
<p>Generally speaking, I feel uncomfortable talking to anyone about myself.
@ -34,8 +39,4 @@
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>

View File

@ -0,0 +1,9 @@
<div class="col-8 mx-auto p-4 rounded shadow-sm context-main-bg my-4">
<h2 class="text-center mb-4">Bedrock Changes</h2>
<p class="lead">
Here you can find a simple list of the important changes made to the Bedrock library.
</p>
<p class="text-muted">
Not all changes may be addressed individually on this page.
</p>
</div>

View File

@ -0,0 +1,9 @@
<div class="col-8 mx-auto p-4 rounded shadow-sm context-main-bg my-4">
<h2 class="text-center mb-4">Canary Changes</h2>
<p class="lead">
Here you can find a simple list of the important changes made to the Canary library.
</p>
<p class="text-muted">
Not all changes may be addressed individually on this page.
</p>
</div>

View File

@ -0,0 +1,9 @@
<div class="col-8 mx-auto p-4 rounded shadow-sm context-main-bg my-4">
<h2 class="text-center mb-4">Hermes Changes</h2>
<p class="lead">
Here you can find a simple list of the important changes made to the Hermes library.
</p>
<p class="text-muted">
Not all changes may be addressed individually on this page.
</p>
</div>

View File

@ -0,0 +1,9 @@
<div class="col-8 mx-auto p-4 rounded shadow-sm context-main-bg my-4">
<h2 class="text-center mb-4">Houdini Changes</h2>
<p class="lead">
Here you can find a simple list of the important changes made to the Houdini library.
</p>
<p class="text-muted">
Not all changes may be addressed individually on this page.
</p>
</div>

View File

@ -0,0 +1,27 @@
<div class="col-8 mx-auto p-4 rounded shadow-sm context-main-bg my-4">
<div class="container col-xxl-8">
<div class="row flex-lg-row-reverse align-items-center g-5 py-5">
<div class="col-10 col-sm-8 col-lg-6">
<img src="{ROOT_URL}images/bedrock.jpg" class="d-block mx-lg-auto img-fluid" alt="Bootstrap Themes" width="700" height="500" loading="lazy">
</div>
<div class="col-lg-6">
<h1 class="display-5 fw-bold lh-1 mb-3">Bedrock</h1>
<p class="lead">
Bedrock, as the name may suggest, is the core functionality the project is built on.
From Basic text checks to the core functionality behind models and controllers, bedrock handles it all.
</p>
<div class="d-grid gap-2 d-md-flex justify-content-md-start">
<a href="/bedrock/git" class="btn btn-primary btn-lg px-4 me-sm-3">
Git
</a>
<a href="/bedrock/packagist" class="btn btn-outline-primary btn-lg px-4">
Packagist
</a>
</div>
</div>
</div>
</div>
<p class="text-muted">
For a list of recent changes, please check <a href="/bedrock/changes">here</a>.
</p>
</div>

View File

@ -0,0 +1,27 @@
<div class="col-8 mx-auto p-4 rounded shadow-sm context-main-bg my-4">
<div class="container col-xxl-8">
<div class="row flex-lg-row-reverse align-items-center g-5 py-5">
<div class="col-10 col-sm-8 col-lg-6">
<img src="{ROOT_URL}images/canary.jpg" class="d-block mx-lg-auto img-fluid" alt="Bootstrap Themes" width="700" height="500" loading="lazy">
</div>
<div class="col-lg-6">
<h1 class="display-5 fw-bold lh-1 mb-3">Canary</h1>
<p class="lead">
Canary is a library that allows {SITENAME} to add logs during execution.
The resulting logs can be printed to the browser console in real-time, saved to a log file, or even used on-page for debugging.
</p>
<div class="d-grid gap-2 d-md-flex justify-content-md-start">
<a href="/canary/git" class="btn btn-primary btn-lg px-4 me-sm-3">
Git
</a>
<a href="/canary/packagist" class="btn btn-outline-primary btn-lg px-4">
Packagist
</a>
</div>
</div>
</div>
</div>
<p class="text-muted">
For a list of recent changes, please check <a href="/canary/changes">here</a>.
</p>
</div>

View File

@ -0,0 +1,27 @@
<div class="col-8 mx-auto p-4 rounded shadow-sm context-main-bg my-4">
<div class="container col-xxl-8">
<div class="row flex-lg-row-reverse align-items-center g-5 py-5">
<div class="col-10 col-sm-8 col-lg-6">
<img src="{ROOT_URL}images/hermes.jpg" class="d-block mx-lg-auto img-fluid" alt="Bootstrap Themes" width="700" height="500" loading="lazy">
</div>
<div class="col-lg-6">
<h1 class="display-5 fw-bold lh-1 mb-3">Hermes</h1>
<p class="lead">
Hermes is a simple library that provides a small set of commonly used helper functions.
These functions primarily help with navigating the url or file systems in a consistent way across several libraries and projects.
</p>
<div class="d-grid gap-2 d-md-flex justify-content-md-start">
<a href="/hermes/git" class="btn btn-primary btn-lg px-4 me-sm-3">
Git
</a>
<a href="/hermes/packagist" class="btn btn-outline-primary btn-lg px-4">
Packagist
</a>
</div>
</div>
</div>
</div>
<p class="text-muted">
For a list of recent changes, please check <a href="/hermes/changes">here</a>.
</p>
</div>

View File

@ -0,0 +1,27 @@
<div class="col-8 mx-auto p-4 rounded shadow-sm context-main-bg my-4">
<div class="container col-xxl-8">
<div class="row flex-lg-row-reverse align-items-center g-5 py-5">
<div class="col-10 col-sm-8 col-lg-6">
<img src="{ROOT_URL}images/houdini.jpg" class="d-block mx-lg-auto img-fluid" alt="Bootstrap Themes" width="700" height="500" loading="lazy">
</div>
<div class="col-lg-6">
<h1 class="display-5 fw-bold lh-1 mb-3">Houdini</h1>
<p class="lead">
Houdini is where the front-end magic happens and it serves as the primary front-end html generator.
It handles the storage and applications of frontend components, all the views, templates, and several other critical features of the front-end.
</p>
<div class="d-grid gap-2 d-md-flex justify-content-md-start">
<a href="/houdini/git" class="btn btn-primary btn-lg px-4 me-sm-3">
Git
</a>
<a href="/houdini/packagist" class="btn btn-outline-primary btn-lg px-4">
Packagist
</a>
</div>
</div>
</div>
</div>
<p class="text-muted">
For a list of recent changes, please check <a href="/houdini/changes">here</a>.
</p>
</div>

47
app/views/deps/index.html Normal file
View File

@ -0,0 +1,47 @@
<div class="col-8 mx-auto p-4 rounded shadow-sm context-main-bg my-4">
<h2 class="text-center mb-4">{SITENAME} Libraries</h2>
<p class="lead">
{SITENAME} uses a number of libraries developed in conjunction with the main project. Here you can find a list of these libraries with more information on each.
</p>
<hr>
<div class="container px-4 py-5" id="custom-cards">
<div class="row row-cols-1 row-cols-lg-3 align-items-stretch g-4 py-5">
<div class="col">
<a href="/bedrock" class="text-decoration-none">
<div class="card card-cover h-100 overflow-hidden text-bg-dark rounded-4 shadow-lg" style="background-image: url('{ROOT_URL}images/bedrock.jpg');">
<div class="d-flex flex-column h-100 p-5 pb-3 text-white text-shadow-1">
<h3 class="pt-5 mt-5 mb-4 display-6 lh-1 fw-bold">Bedrock</h3>
</div>
</div>
</a>
</div>
<div class="col">
<a href="/canary" class="text-decoration-none">
<div class="card card-cover h-100 overflow-hidden text-bg-dark rounded-4 shadow-lg" style="background-image: url('{ROOT_URL}images/canary.jpg');">
<div class="d-flex flex-column h-100 p-5 pb-3 text-white text-shadow-1">
<h3 class="pt-5 mt-5 mb-4 display-6 lh-1 fw-bold">Canary</h3>
</div>
</div>
</a>
</div>
<div class="col">
<a href="/hermes" class="text-decoration-none">
<div class="card card-cover h-100 overflow-hidden text-bg-dark rounded-4 shadow-lg" style="background-image: url('{ROOT_URL}images/hermes.jpg');">
<div class="d-flex flex-column h-100 p-5 pb-3 text-shadow-1">
<h3 class="pt-5 mt-5 mb-4 display-6 lh-1 fw-bold">Hermes</h3>
</div>
</div>
</a>
</div>
<div class="col">
<a href="/houdini" class="text-decoration-none">
<div class="card card-cover h-100 overflow-hidden text-bg-dark rounded-4 shadow-lg" style="background-image: url('{ROOT_URL}images/houdini.jpg');">
<div class="d-flex flex-column h-100 p-5 pb-3 text-white text-shadow-1">
<h3 class="pt-5 mt-5 mb-4 display-6 lh-1 fw-bold">Houdini</h3>
</div>
</div>
</a>
</div>
</div>
</div>
</div>

View File

@ -1,13 +1,11 @@
<div class="container border-top border-white mt-auto">
<footer class="pt-4">
<div class="row">
{FOOTER_LEFT}
{FOOTER_CENTER}
{FOOTER_RIGHT}
</div>
<div class="d-flex flex-column flex-sm-row justify-content-between py-3 mt-2 border-top border-white">
{COPY}
{SOCIAL}
</div>
<div class="container">
<footer class="d-flex flex-wrap justify-content-between align-items-center py-3 my-4 border-top">
<div class="col-md-6 d-flex align-items-center">
<a href="/" class="mb-3 me-2 mb-md-0 text-muted text-decoration-none lh-1">
<img src="{ROOT_URL}images/logo.png" class="bi me-2" width="40" height="32" alt="{SITENAME} Logo" aria-label="{SITENAME} Logo">
</a>
{COPY}
</div>
{SOCIAL}
</footer>
</div>
</div>

View File

@ -1,55 +1,62 @@
<div class="container">
<div class="row">
<div class="col-md-12">
<h1>Interested in hiring me?</h1>
<h3>
<span class="label label-primary">Open To</span> Freelance / Limited Contract Work
</h3>
<h3>
<span class="label label-success">Actively Seeking</span> Long-Term Contract Work
</h3>
<h3>
<span class="label label-success">Actively Seeking</span> Salaried Positions
</h3>
<h3>Disclaimer</h3>
<p>I am a full-stack developer but I am generally more capable at backend work. If your project is requires complex design elements or revisions, I may not be the right fit for your needs.</p>
<h3>Pricing</h3>
<div class="container context-main-bg p-3 my-4">
<!-- Hero Section -->
<div class="text-center py-5 rounded context-third-bg">
<h1 class="fw-bold">Let's Build Something Amazing Together</h1>
<p class="lead text-muted">Im a full-stack developer specializing in backend development. Whether you're looking for freelance support, a long-term contractor, or a full-time developer, Im here to help!</p>
<button class="btn btn-primary btn-lg mt-3">Get in Touch</button>
</div>
<p>When it comes to this industry; level-of-effort is the key to everything.
With that in mind, it can be challenging to reliably quote a rate for my time.
For most purposes my rate is $75/hour with a two hour minimum. With larger or repeat projects, compensation is more flexible.</p>
<form action="" method="post" class="form-horizontal">
<h3>Contact</h3>
<p>For privacy reasons, I do not make my personal contact details publicly available. In order to schedule a call or meeting, please connect with me on LinkedIn or use the contact form below.</p>
<p>I am generally able to respond to requests within 24 hours.</p>
<fieldset>
<div class="form-group">
<label for="name" class="col-lg-1 control-label">Name:</label>
<div class="col-lg-2">
<input class="form-control" type="text" name="name" id="name">
</div>
</div>
<div class="form-group">
<label for="contactEmail" class="col-lg-1 control-label">E-mail:</label>
<div class="col-lg-2">
<input class="form-control" type="text" name="contactEmail" id="contactEmail">
</div>
</div>
<div class="form-group">
<label for="details" class="col-lg-3 control-label">Details:<br> (max:2000 characters)</label>
<div class="col-lg-6">
<textarea class="form-control" name="details" maxlength="2000" rows="10" cols="50" id="details"></textarea>
</div>
</div>
</fieldset>
<input type="hidden" name="token" value="{TOKEN}">
<button name="submit" value="submit" type="submit" class="btn btn-lg btn-primary center-block">Submit</button><br>
</form>
<!-- Work Preferences -->
<div class="mt-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>
<span class="badge bg-success p-3">Long-Term Contract Work</span>
<span class="badge bg-success p-3">Salaried Positions</span>
</div>
</div>
<!-- About Section -->
<div class="mt-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.
</p>
</div>
<!-- Pricing Section -->
<div class="mt-5 ps-3">
<h2>Pricing</h2>
<p class="text-muted">
My standard rate is <strong>$75/hour</strong> with a two-hour minimum. For larger or repeat projects, Im open to flexible arrangements. Lets discuss your project to find a solution that works for both of us.
</p>
</div>
<!-- Contact Form -->
<div class="mt-5 ps-3">
<h2>Contact Me</h2>
<p class="text-muted">To respect privacy, I dont share personal contact details publicly. Please fill out the form below or connect with me on LinkedIn. I typically respond within 24 hours.</p>
<form action="" method="post" class="row g-3">
<div class="col-md-6">
<label for="name" class="form-label">Name</label>
<input type="text" class="form-control" id="name" name="name" placeholder="Your Full Name">
</div>
<div class="col-md-6">
<label for="contactEmail" class="form-label">Email</label>
<input type="email" class="form-control" id="contactEmail" name="contactEmail" placeholder="Your Email Address">
</div>
<div class="col-12">
<label for="details" class="form-label">Details (max 2000 characters)</label>
<textarea class="form-control" id="details" name="details" rows="5" maxlength="2000" placeholder="Tell me about your project"></textarea>
</div>
<input type="hidden" name="token" value="{TOKEN}">
<div class="col-12 text-center">
<button type="submit" name="submit" value="submit" class="btn btn-primary btn-lg">Submit</button>
</div>
</form>
</div>
</div>

View File

@ -1,75 +1,196 @@
<div class="container">
<div id="myCarousel" class="carousel slide m-3" data-bs-ride="carousel">
<div class="carousel-indicators">
<button type="button" data-bs-target="#myCarousel" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#myCarousel" data-bs-slide-to="1" aria-label="Slide 2"></button>
<button type="button" data-bs-target="#myCarousel" data-bs-slide-to="2" aria-label="Slide 3"></button>
<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="container text-center">
<div class="jumbotron text-center pb-5">
<h1 class="display-5 fw-bold">Joey Kimsey</h1>
<p class="fs-4">
I tried to put something clever here, but when I didn't understand it later I changed it to:<br>
There are too many stories to tell here but explore a few below.
</p>
<div class="col-4 offset-4 mb-3">
<select class="form-control dropdown-big" id="postSelector">
{LOOP}
<option value="{post}">{option}</option>
{/LOOP}
</select>
</div>
<button id="goToPost" class="btn btn-primary btn-lg">Learn More</button>
</div>
<p>
Thanks for taking the time to learn more about me! Forgive the implied redundancy, but my name is Joey Kimsey, and I professionally describe myself as a web developer. On this site you will find a few
brief writings on my career and personal life as well as links to various projects and other services. At this time I don't find much value in the social media platforms. While I do have them, they serve
more as a reservation in my name than an active party.
</p>
<p>
I would love to change the landscape of social media, but alas, I feel we need to give up "free" for "fees" lest we become the product.
</p>
<p>
I live on inbox-zero, and for anyone willing to suffer my google assistant on the first call, I'm always available by phone. With that said, I do not make my personal email or phone number publicly
available on this site. If anything here peaks your interest, or you just want to talk more about a project, feel free to contact me here and I should respond relatively quickly.
</p>
</div>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="{ROOT_URL}app/images/ttp.png" class="bd-placeholder-img" alt="First slide">
<div class="container">
<div class="carousel-caption text-start bg-dark px-4">
<h1>Powerful</h1>
<p>
The Tempus Project is built with expansion in mind. From a custom template engine to the simple to use MVC style, The Tempus Project is built to provide a powerful and stable foundation for web applications.
</p>
</div>
</div>
</div>
<div class="carousel-item">
<img src="{ROOT_URL}app/images/ttp-install.png" class="bd-placeholder-img" alt="Second slide">
<div class="container">
<div class="carousel-caption bg-dark px-4">
<h1>Quick and Simple Installation</h1>
<p>
Built with rapid deployment in mind you can have The Tempus Project installed in just minutes.
</p>
</div>
</div>
</div>
<div class="carousel-item">
<img src="{ROOT_URL}app/images/ttp-github.png" class="bd-placeholder-img" alt="Third slide">
<div class="container">
<div class="carousel-caption text-end bg-dark px-4">
<h1>Open Source</h1>
<p>
The Tempus Project is completely open source and only utilizes other open-source components. The Project is provided under the MIT license.
</p>
</div>
</div>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#myCarousel" data-bs-slide="prev">
<span class="carousel-control-prev-icon text-dark" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#myCarousel" data-bs-slide="next">
<span class="carousel-control-next-icon text-dark" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
<div class="row m-3">
<div class="col-lg-9 col-md-9 col-sm-12 col-centered">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12">
<h2>Welcome to The Tempus Project</h2>
<hr>
<p>The aim of The Tempus Project is to create an easy to use and implement CMS based
around the MVC style and build using php 5.6 and MySQL. Here are some of the features:</p>
<ul>
<li>Fully secured registration/login system</li>
<li>Automatic error handling</li>
<li>Built in debugging tools</li>
<li>Testing implements to help you expand it further</li>
<li>Customizable logging to ensure you are always up to date on whats going on</li>
<li>Simple administration panel</li>
<li>Bug reports and feedback forms included!</li>
<li>Drag and drop simple to install</li>
</ul>
<p>DISCLAIMER: as of January 1, 2025 this code is not production ready! Please use at your own risk! That being said, I am always trying to improve this system. If you have any suggestions or need to report a bug, you can do so on my <a href="https://github.com/TheTempusProject/TheTempusProject">GitHub</a>.</p>
</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-md-4">
<div id="carousel-career" class="carousel slide carousel-fade m-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;">
</div>
<div class="carousel-item d-flex justify-content-center align-items-center" style="height: 250px;">
<img src="{ROOT_URL}images/emeals.png" class="img-fluid" alt="eMeals" style="max-height: 100%; max-width: 100%; object-fit: contain;">
</div>
<div class="carousel-item d-flex justify-content-center align-items-center" style="height: 250px;">
<img src="{ROOT_URL}images/springbot.png" class="img-fluid" alt="Springbot" style="max-height: 100%; max-width: 100%; object-fit: contain;">
</div>
<div class="carousel-item d-flex justify-content-center align-items-center" style="height: 250px;">
<img src="{ROOT_URL}images/ione.png" class="img-fluid" alt="IgnitionOne" style="max-height: 100%; max-width: 100%; object-fit: contain;">
</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="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="visually-hidden">Next</span>
</button>
</div>
</div>
<div class="col-md-8 d-flex justify-content-center align-items-center">
<div class="card-body">
<h4 class="card-title text-center">
<a href="/resume" class="text-decoration-none">
My Career
</a>
</h4>
<p class="card-text">
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-md-8 d-flex justify-content-center align-items-center">
<div class="card-body">
<h4 class="card-title text-center">
<a href="/portfolio" class="text-decoration-none">
My Products
</a>
</h4>
<p class="card-text">
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 II have some long running project examples which are available for download and review.
</p>
</div>
</div>
<div class="col-md-4">
<div id="carousel-products" class="carousel slide carousel-fade m-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;">
</div>
<div class="carousel-item d-flex justify-content-center align-items-center" style="height: 250px;">
<img src="{ROOT_URL}images/bedrock.jpg" class="img-fluid" alt="Bedrock" style="max-height: 100%; max-width: 100%; object-fit: contain;">
</div>
<div class="carousel-item d-flex justify-content-center align-items-center" style="height: 250px;">
<img src="{ROOT_URL}images/canary.jpg" class="img-fluid" alt="Canary" style="max-height: 100%; max-width: 100%; object-fit: contain;">
</div>
<div class="carousel-item d-flex justify-content-center align-items-center" style="height: 250px;">
<img src="{ROOT_URL}images/houdini.jpg" class="img-fluid" alt="Houdini" style="max-height: 100%; max-width: 100%; object-fit: contain;">
</div>
<div class="carousel-item d-flex justify-content-center align-items-center" style="height: 250px;">
<img src="{ROOT_URL}images/hermes.jpg" class="img-fluid" alt="Houdini" style="max-height: 100%; max-width: 100%; object-fit: contain;">
</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="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="visually-hidden">Next</span>
</button>
</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-md-4">
<div id="carousel-projects" class="carousel slide carousel-fade m-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;">
</div>
<div class="carousel-item d-flex justify-content-center align-items-center" style="height: 250px;">
<img src="{ROOT_URL}images/ttp.jpg" class="img-fluid" alt="eMeals" style="max-height: 100%; max-width: 100%; object-fit: contain;">
</div>
<div class="carousel-item d-flex justify-content-center align-items-center" style="height: 250px;">
<img src="{ROOT_URL}images/atb.jpg" class="img-fluid" alt="eMeals" style="max-height: 100%; max-width: 100%; object-fit: contain;">
</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="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="visually-hidden">Next</span>
</button>
</div>
</div>
<div class="col-md-8 d-flex justify-content-center align-items-center">
<div class="card-body">
<h4 class="card-title text-center">
<a href="/wip" class="text-decoration-none">
My Projects
</a>
</h4>
<p class="card-text">
At any given time I have at least a half dozen projects in various stages of completion. As most could attest; interests peak and
wain as moods and times change. Here you can find a brief overview of the various projects I am devoting some level of attention to.
Not guaranteed acuate, and not guaranteed complete, but you're here anyways, so take a peak behind the homepage
</p>
</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-md-8 d-flex justify-content-center align-items-center">
<div class="card-body">
<h4 class="card-title text-center">
Contact Me
</h4>
<p class="card-text">
While I do not make my phone number or email available, you can still reach out about anything using my contact form here.
</p>
<div class="text-center">
<a class="btn btn-outline-primary btn-lg" href="/contact" role="button">Contact Me</a>
</div>
</div>
</div>
<div class="col-md-4 p-3">
<img class="img-fluid" src="/images/vacation.jpg" alt="still-working">
</div>
</div>
</div>