wip
This commit is contained in:
Joey Kimsey
@ -1,27 +1,44 @@
|
||||
<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">
|
||||
<h2 class="text-center mb-4">About {SITENAME}</h2>
|
||||
<p class="lead text-center text-lg-start">
|
||||
{SITENAME} was built out of a need to create and manage web applications.
|
||||
At the time, I had used wordpress but I didn't want or even need any of the blog functionality.
|
||||
No matter what plugins you add, no matter how you customize layout, wordpress is still a blog at its core.
|
||||
There is nothing inherently wrong with a blog, but when you start from a blog, everything is a post, or a plugin.
|
||||
Under the hood, wordpress is going to run how wordpress wants, as a web interface for accessing text records.
|
||||
</p>
|
||||
<p class="text-center text-lg-start">
|
||||
The Tempus Project was always intended to be a web application, not a blog.
|
||||
</p>
|
||||
<p class="text-muted text-center text-lg-start">
|
||||
Right now, this entire system was built and managed by myself. As stated, I have used my own version of this for years, but translating it to a publicly available product is not a 1-to-1 job. There may be bugs or issues encountered while you use the product. I can't guarantee a fix for every need in every case immediately, but I do actively keep track of bugs and work hard to ensure everyone has a great experience using the app.
|
||||
</p>
|
||||
<p class="text-center text-lg-start">
|
||||
If you encounter any bugs, feel free to report them <a href="/bugreport" class="text-decoration-none">here</a>. Likewise, there are forms for feedback, reviews, suggestions, and a general contact form. Thanks for taking the time to check out the product!
|
||||
</p>
|
||||
<div class="text-center mt-4 pb-4">
|
||||
{loggedin}
|
||||
<a href="/bugreport" class="btn btn-primary px-3 btn-lg m-2">Report a Bug</a>
|
||||
{/loggedin}
|
||||
<a href="/contact" class="btn btn-outline-primary px-3 m-2 btn-lg">Contact Us</a>
|
||||
<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-4">
|
||||
<img src="/images/on-call.jpg" class="img-fluid center-block" alt="Description of image">
|
||||
</div>
|
||||
<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">
|
||||
<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.
|
||||
It may seem a bit hollow to say in the about-me section of a website bearing my own name, but its true.</p>
|
||||
|
||||
<p>My name is... Joey Kimsey and I am a 34 year old web-developer. I think it would be fair to say I am a full-stack developer though I find myself working on and gravitating towards backend development more.
|
||||
Over the past decade I have moved from professionally designing popup advertising for major car manufacturers, to working for the CDC in a major time of crisis,
|
||||
to harassing AI to spread information to entrepreneurs in other languages. I love this technology and I love what we can do with it.</p>
|
||||
|
||||
<p>Things always get a bit awkward when I tell people I am 33 but I've been doing this for 20 years, but its true. When I was still in single-digits, we got our first PC, with windows 98.
|
||||
I won't lie to you about remembering the specs, but I can tell you that it changed the world for me. I believe we had internet access through our phone provider before, but eventually we wound up on AOL and the world expanded in front of me.
|
||||
There were websites for everything and it was all new. They were still talking about the internet like it was something that was going to happen, but I was already living through it, it was already changing the world around me.</p>
|
||||
|
||||
<p>As many children do, I became curious and wanted to know how the internet worked. I found out I could have my onw little spot on the internet with lycos or angelfire.
|
||||
I learned about html, images, pearl scripts, and I even made webpages for everything I liked: runescape, skateboarding, vampires. Eventually I really wanted to make something so my friends could send me messages on the website.
|
||||
At the time, pearl was pretty complicated, not many people used it, and it was heavily limited on free hosting. I needed to find a different way, so I started searching and eventually stumbled into php.</p>
|
||||
|
||||
<p>Once I found php, I fell in love with programming. Not only was the web new and fresh, I knew how it worked. I had a magical superpower that no one else did.
|
||||
Over the years I built dozens of projects including working for many local business-owners from a young age.
|
||||
I eventually went to college for computer science, where I learned that java is a terrible language and that I was more interested in building than learning how to build, so I dropped out.
|
||||
After working several jobs over the following years, I was given the opportunity by a close friend to move out of my small town.
|
||||
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>
|
||||
@ -1,25 +1,25 @@
|
||||
<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">
|
||||
<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="d-flex align-items-center">
|
||||
{SHARE_IMAGE}
|
||||
</div>
|
||||
<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>
|
||||
|
||||
<!-- 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}
|
||||
{SOCIAL}
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
@ -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>
|
||||
@ -1,5 +1,4 @@
|
||||
<div class="col-12 col-sm-6 col-md-3 col-lg-2 mb-3 text-center">
|
||||
{SHARE_IMAGE}
|
||||
<h5>Dark Mode</h5>
|
||||
<div class="material-switch px-4 mt-2">
|
||||
<input name="dark-mode-toggle" type="checkbox" id="dark-mode-toggle" class="form-check-input">
|
||||
|
||||
@ -1,6 +1,5 @@
|
||||
<div class="text-center mb-3">
|
||||
<h5 class="mb-3">Share</h5>
|
||||
<div class="px-4 mt-2">
|
||||
<div class="d-flex justify-content-center">
|
||||
<div class="px-4">
|
||||
<!-- Share Button (visible only on medium+ screens) -->
|
||||
<button type="button" class="btn btn-outline-primary"
|
||||
data-bs-toggle="popover" data-bs-html="true" title="Share" data-bs-placement="top"
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
<div class="d-flex justify-content-center justify-content-md-end mt-3 mt-md-0">
|
||||
|
||||
<ul class="list-unstyled d-flex mb-0">
|
||||
<li class="ms-3">
|
||||
<a class="context-main" href="{ROOT_URL}fb">
|
||||
@ -15,15 +15,9 @@
|
||||
<span class="fa-brands fa-fw fa-linkedin"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="ms-3">
|
||||
<a class="context-main" href="{ROOT_URL}youtube">
|
||||
<span class="fa-brands fa-fw fa-youtube"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="ms-3">
|
||||
<a class="context-main" href="{ROOT_URL}git">
|
||||
<span class="fa-brands fa-fw fa-github"></span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</ul>
|
||||
61
app/views/hire.html
Normal file
61
app/views/hire.html
Normal file
@ -0,0 +1,61 @@
|
||||
<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>
|
||||
<p class="lead text-muted">I'm a full-stack developer specializing in backend development. Whether you're looking for freelance support, a long-term contractor, or a full-time developer, I'm here to help!</p>
|
||||
<a href="#hire-me" class="btn btn-primary btn-lg mt-3">Get in Touch</a>
|
||||
</div>
|
||||
|
||||
<!-- Work Preferences -->
|
||||
<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>
|
||||
<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-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.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<!-- Pricing Section -->
|
||||
<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.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<!-- Contact Form -->
|
||||
<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>
|
||||
|
||||
<form action="" method="post" class="row g-3" id="hire-me">
|
||||
<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>
|
||||
</div>
|
||||
@ -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>
|
||||
@ -1,32 +0,0 @@
|
||||
<div class="container py-5">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-8 text-center">
|
||||
<!-- Success Icon -->
|
||||
<div class="mb-4">
|
||||
<i class="fa fa-check-circle text-success display-3"></i>
|
||||
</div>
|
||||
<!-- Title -->
|
||||
<h1 class="display-5 fw-bold text-success">Success</h1>
|
||||
<!-- Subtitle -->
|
||||
<h3 class="mt-3">
|
||||
The Tempus Project has been successfully installed.
|
||||
</h3>
|
||||
<p class="lead mt-3">
|
||||
You can now log in and manage your site or jump straight into building your new features!
|
||||
</p>
|
||||
<!-- Info Readout Placeholder -->
|
||||
<p class="mt-4 text-muted">
|
||||
<em>Some plugins may need additional configuration and there are already some pre-made resources to get you started. (Both in the files and the Admin Panel)</em>
|
||||
</p>
|
||||
<!-- Call-to-Action Buttons -->
|
||||
<div class="d-flex justify-content-center gap-3 mt-4">
|
||||
<a href="/home/login" class="btn btn-success btn-lg">
|
||||
<i class="fa fa-sign-in-alt me-2"></i> Log In
|
||||
</a>
|
||||
<a href="/home/index" class="btn btn-outline-success btn-lg">
|
||||
<i class="fa fa-cogs me-2"></i> Go to Homepage
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -1,44 +0,0 @@
|
||||
<div class="context-main-bg my-3 pb-3 rounded col-10 offset-1">
|
||||
{installer-nav}
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-md-10">
|
||||
<legend class="my-3 text-center">Configure</legend>
|
||||
<form method="post" enctype="multipart/form-data">
|
||||
<fieldset>
|
||||
<div class="mb-3 col-md-4 offset-md-4">
|
||||
<label for="siteName" class="form-label">Site Name:</label>
|
||||
<input class="form-control" type="text" name="siteName" id="siteName" value="">
|
||||
</div>
|
||||
<div class="mb-3 col-md-4 offset-md-4">
|
||||
<label for="logo" class="form-label">Logo (200 x 200px):</label>
|
||||
<input class="form-control" type="file" name="logo" id="logo">
|
||||
</div>
|
||||
<div class="mb-3 col-md-4 offset-md-4">
|
||||
<label for="dbPrefix" class="form-label">Database Table Prefix:</label>
|
||||
<input class="form-control" type="text" name="dbPrefix" id="dbPrefix" value="">
|
||||
</div>
|
||||
<div class="mb-3 col-md-4 offset-md-4">
|
||||
<label for="dbHost" class="form-label">Database Host:</label>
|
||||
<input class="form-control" type="text" name="dbHost" id="dbHost" value="">
|
||||
</div>
|
||||
<div class="mb-3 col-md-4 offset-md-4">
|
||||
<label for="dbName" class="form-label">Database Name:</label>
|
||||
<input class="form-control" type="text" name="dbName" id="dbName" value="">
|
||||
</div>
|
||||
<div class="mb-3 col-md-4 offset-md-4">
|
||||
<label for="dbUsername" class="form-label">Database Username:</label>
|
||||
<input class="form-control" type="text" name="dbUsername" id="dbUsername" value="">
|
||||
</div>
|
||||
<div class="mb-3 col-md-4 offset-md-4">
|
||||
<label for="dbPassword" class="form-label">Database Password:</label>
|
||||
<input class="form-control" type="password" name="dbPassword" id="dbPassword">
|
||||
</div>
|
||||
</fieldset>
|
||||
<input type="hidden" name="token" value="{TOKEN}">
|
||||
<div class="text-center mb-3">
|
||||
<button class="btn btn-lg btn-primary center-block" type="submit" name="submit" value="submit">Save</button><br>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -1,37 +0,0 @@
|
||||
<div class="context-main-bg my-3 pb-3 rounded col-10 offset-1">
|
||||
{installer-nav}
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-md-10">
|
||||
<p class="my-4">All models are required for proper installation of The Tempus Project. In this step, we will add the database tables required for these models. In the next step, you'll be able to select which plugins you would like installed.</p>
|
||||
<form method="post">
|
||||
<table class="table table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="px-5" style="width: 70%">Model Name</th>
|
||||
<th class="text-center" style="width: 20%">Version</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{LOOP}
|
||||
<tr>
|
||||
<td class="px-5">{name}</td>
|
||||
<td class="text-center">{version}</td>
|
||||
</tr>
|
||||
{/LOOP}
|
||||
{ALT}
|
||||
<tr>
|
||||
<td class="text-center" colspan="3">
|
||||
No models to install.
|
||||
</td>
|
||||
</tr>
|
||||
{/ALT}
|
||||
</tbody>
|
||||
</table>
|
||||
<input type="hidden" name="token" value="{TOKEN}">
|
||||
<div class="text-center">
|
||||
<button class="btn btn-lg btn-primary center-block" type="submit" name="submit" value="submit">Install</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -1,12 +0,0 @@
|
||||
<div class="nav nav-tabs justify-content-center pt-3 col-10 offset-1" id="nav-tab" role="tablist">
|
||||
<button class="nav-link {menu-Welcome}" type="button" role="tab">Welcome</button>
|
||||
<button class="nav-link {menu-Terms}" type="button" role="tab">Terms</button>
|
||||
<button class="nav-link {menu-Verify}" type="button" role="tab">Verify</button>
|
||||
<button class="nav-link {menu-Configure}" type="button" role="tab">Configure</button>
|
||||
<button class="nav-link {menu-Routing}" type="button" role="tab">Routing</button>
|
||||
<button class="nav-link {menu-Models}" type="button" role="tab">Models</button>
|
||||
<button class="nav-link {menu-Plugins}" type="button" role="tab">Plugins</button>
|
||||
<button class="nav-link {menu-Resources}" type="button" role="tab">Resources</button>
|
||||
<button class="nav-link {menu-User}" type="button" role="tab">User</button>
|
||||
<button class="nav-link {menu-Complete}" type="button" role="tab">Complete</button>
|
||||
</div>
|
||||
@ -1,45 +0,0 @@
|
||||
<div class="context-main-bg my-3 pb-3 rounded col-10 offset-1">
|
||||
{installer-nav}
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-md-10">
|
||||
<p class="my-4">
|
||||
The Tempus Project was built to utilize all of the plugins provided with the installer. You can choose not to enable any one of them, but it may negatively impact the operation of your site.
|
||||
</p>
|
||||
<form method="post">
|
||||
<table class="table table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="px-5" style="width: 70%">Plugin Name</th>
|
||||
<th class="text-center" style="width: 20%">Version</th>
|
||||
<th class="text-center" style="width: 10%">
|
||||
<input type="checkbox" onchange="checkAll(this)" name="check.m" value="P_[]" checked="checked">
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{LOOP}
|
||||
<tr>
|
||||
<td class="px-5">{name}</td>
|
||||
<td class="text-center">{version}</td>
|
||||
<td class="text-center">
|
||||
<input type="checkbox" value="{name}" name="P_[]" checked="checked">
|
||||
</td>
|
||||
</tr>
|
||||
{/LOOP}
|
||||
{ALT}
|
||||
<tr>
|
||||
<td align="center" colspan="3">
|
||||
No models to install.
|
||||
</td>
|
||||
</tr>
|
||||
{/ALT}
|
||||
</tbody>
|
||||
</table>
|
||||
<input type="hidden" name="token" value="{TOKEN}">
|
||||
<div class="text-center mb-3">
|
||||
<button class="btn btn-lg btn-primary center-block" type="submit" name="submit" value="submit">Install</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -1,16 +0,0 @@
|
||||
<div class="context-main-bg my-3 pb-3 rounded col-10 offset-1">
|
||||
{installer-nav}
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-md-10">
|
||||
<p class="my-4">
|
||||
Some models such as groups will need additional database resources and configurations to function properly. In this step, we will install those features.
|
||||
</p>
|
||||
<form method="post">
|
||||
<input type="hidden" name="token" value="{TOKEN}">
|
||||
<div class="text-center my-3">
|
||||
<button class="btn btn-lg btn-primary center-block" type="submit" name="submit" value="submit">Install Resources</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -1,18 +0,0 @@
|
||||
<div class="context-main-bg my-3 pb-3 rounded col-10 offset-1">
|
||||
{installer-nav}
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-md-10">
|
||||
<p class="mt-4">The Tempus Project uses rewrites in htaccess files (Apache), or location directives (Nginx), to automatically route all incoming traffic through the app. In this step, we will help set-up and then test that the required configurations have been made.</p>
|
||||
<h3>Apache Users</h3>
|
||||
<p>In this step, we will attempt to generate the appropriate files for Apache servers.</p>
|
||||
<h3>Nginx Users</h3>
|
||||
<p>If you are using Nginx, you will need to update your server's configuration manually. Please see the documentation, for convenience, an example configuration has been provided with TheTempusProject and can be found in the app/resources directory.</p>
|
||||
<form method="post">
|
||||
<input type="hidden" name="token" value="{TOKEN}">
|
||||
<div class="text-center">
|
||||
<button class="btn btn-lg btn-primary center-block mb-3" type="submit" name="submit" value="submit">Generate</button><br>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -1,16 +0,0 @@
|
||||
<div class="context-main-bg my-3 pb-3 rounded col-10 offset-1">
|
||||
{installer-nav}
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-10">
|
||||
<div class="install-terms col-lg-8 mx-auto mt-4">
|
||||
{TERMS}
|
||||
</div>
|
||||
<div class="text-center my-4">
|
||||
<form method="post">
|
||||
<input type="hidden" name="token" value="{TOKEN}">
|
||||
<button class="btn btn-lg btn-primary center-block mb-3" type="submit" name="submit" value="submit">I Agree</button><br>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -1,35 +0,0 @@
|
||||
<div class="context-main-bg my-3 pb-3 rounded col-10 offset-1">
|
||||
{installer-nav}
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-md-10 pt-4">
|
||||
<form method="post">
|
||||
<fieldset>
|
||||
<div class="mb-3 col-md-4 offset-md-4">
|
||||
<label for="newUsername" class="form-label">Username:</label>
|
||||
<input class="form-control" type="text" name="newUsername" id="newUsername" value="">
|
||||
</div>
|
||||
<div class="mb-3 col-md-4 offset-md-4">
|
||||
<label for="userEmail" class="form-label">Email:</label>
|
||||
<input class="form-control" type="email" name="userEmail" id="userEmail" value="">
|
||||
</div>
|
||||
<div class="mb-3 col-md-4 offset-md-4">
|
||||
<label for="userEmail2" class="form-label">Re-enter Email:</label>
|
||||
<input class="form-control" type="email" name="userEmail2" id="userEmail2" value="">
|
||||
</div>
|
||||
<div class="mb-3 col-md-4 offset-md-4">
|
||||
<label for="userPassword" class="form-label">Password:</label>
|
||||
<input class="form-control" type="password" name="userPassword" id="userPassword">
|
||||
</div>
|
||||
<div class="mb-3 col-md-4 offset-md-4">
|
||||
<label for="userPassword2" class="form-label">Re-enter Password:</label>
|
||||
<input class="form-control" type="password" name="userPassword2" id="userPassword2">
|
||||
</div>
|
||||
</fieldset>
|
||||
<input type="hidden" name="token" value="{TOKEN}">
|
||||
<div class="text-center">
|
||||
<button class="btn btn-lg btn-primary center-block" type="submit" name="submit" value="submit">Complete</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -1,23 +0,0 @@
|
||||
<div class="context-main-bg my-3 pb-3 rounded col-10 offset-1">
|
||||
{installer-nav}
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-md-10">
|
||||
<h2 class="mt-4">Requirements</h2>
|
||||
<ul>
|
||||
<li>PHP version greater than 5.6</li>
|
||||
<li>Session storage must be enabled</li>
|
||||
<li>PHP mail must be enabled.</li>
|
||||
<li>Safe mode must be disabled.</li>
|
||||
<li>Rewrite rule must be on</li>
|
||||
<li>file uploads must be on</li>
|
||||
<li>mysql_pdo must be enabled</li>
|
||||
</ul>
|
||||
<div class="text-center">
|
||||
<form method="post">
|
||||
<input type="hidden" name="token" value="{TOKEN}">
|
||||
<button class="btn btn-lg btn-primary center-block mb-3" type="submit" name="submit" value="submit">Check</button><br>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -1,17 +0,0 @@
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-md-10 text-center">
|
||||
<div class="context-main-bg my-3 pb-3 rounded">
|
||||
{installer-nav}
|
||||
<h1 class="mt-5 mb-4">Welcome to The Tempus Project Installer.</h1>
|
||||
<p class="lead p-3">
|
||||
This installer will guide you through the process of installing and configuring The Tempus Project. Do not forget to delete this file once you have completed installation.
|
||||
</p>
|
||||
<form method="post">
|
||||
<input type="hidden" name="token" value="{TOKEN}">
|
||||
<button class="btn btn-lg btn-primary center-block mb-3" type="submit" name="submit" id="submit" value="submit">Begin Installation</button><br>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user