wip
This commit is contained in:
Joey Kimsey
@ -1,75 +1,194 @@
|
||||
<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-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-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-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>
|
||||
{/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-gitlab.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="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-2 m-lg-3" data-bs-ride="carousel">
|
||||
<div class="carousel-inner px-5">
|
||||
<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 bg-dark p-3 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 bg-dark p-3 rounded" 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 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="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">
|
||||
<a href="/portfolio" class="text-decoration-none">
|
||||
My Products
|
||||
</a>
|
||||
</h4>
|
||||
<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.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div id="carousel-products" class="carousel slide carousel-fade m-2 m-lg-3" data-bs-ride="carousel">
|
||||
<div class="carousel-inner px-5">
|
||||
<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 bg-dark p-3 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 bg-dark p-3 rounded" aria-hidden="true"></span>
|
||||
<span class="visually-hidden">Next</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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-2 m-lg-3" data-bs-ride="carousel">
|
||||
<div class="carousel-inner px-5">
|
||||
<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 bg-dark p-3 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 bg-dark p-3 rounded" 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>
|
||||
|
||||
<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">
|
||||
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 d-flex justify-content-center">
|
||||
<img class="img-fluid" src="/images/vacation.jpg" alt="still-working" style="max-height: 356px;">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user