wip
This commit is contained in:
Joey Kimsey
41
app/views/about.html
Normal file
41
app/views/about.html
Normal file
@ -0,0 +1,41 @@
|
||||
<h1>About Me</h1>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<img src="/images/on-call.jpg" class="img-responsive center-block" alt="Description of image" style="height: 480px;">
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<img src="/images/voting.jpg" class="img-responsive 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">
|
||||
</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 33 year old web-developer. I think it would be fair to say I am a full-stack developer though I find myself in and enjoy 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, I wanted to know how the internet worked. I found out i could have my onw little spot on the internet. I found 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>
|
||||
|
||||
|
||||
|
||||
|
||||
55
app/views/hire.html
Normal file
55
app/views/hire.html
Normal file
@ -0,0 +1,55 @@
|
||||
<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>
|
||||
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@ -1 +1,159 @@
|
||||
lul, testing
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="container text-center">
|
||||
<div class="jumbotron text-center">
|
||||
<h1>Joey Kimsey</h1>
|
||||
<p>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>
|
||||
<select class="form-control dropdown-big" style="width: auto; display: inline-block; margin-bottom: 20px;">
|
||||
{LOOP}
|
||||
<option>{option}</option>
|
||||
{/LOOP}
|
||||
</select>
|
||||
<p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a></p>
|
||||
</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>
|
||||
</div>
|
||||
|
||||
<div class="media">
|
||||
<div class="media-left">
|
||||
<div id="carousel-career" class="carousel slide" data-ride="carousel" style="width: 150px; height: 150px;">
|
||||
<ol class="carousel-indicators">
|
||||
<li data-target="#carousel-career" data-slide-to="0" class="active"></li>
|
||||
<li data-target="#carousel-career" data-slide-to="1"></li>
|
||||
<li data-target="#carousel-career" data-slide-to="2"></li>
|
||||
<li data-target="#carousel-career" data-slide-to="3"></li>
|
||||
</ol>
|
||||
<div class="carousel-inner">
|
||||
<div class="item active">
|
||||
<img src="/images/ba.png" alt="First slide">
|
||||
</div>
|
||||
<div class="item">
|
||||
<img src="/images/ione.png" alt="Second">
|
||||
</div>
|
||||
<div class="item">
|
||||
<img src="/images/emeals.png" alt="eMeals">
|
||||
</div>
|
||||
<div class="item">
|
||||
<img src="/images/springbot.png" alt="Springbot">
|
||||
</div>
|
||||
</div>
|
||||
<a href="#carousel-career" class="left carousel-control" data-slide="prev">
|
||||
<span class="glyphicon glyphicon-chevron-left"></span>
|
||||
</a>
|
||||
<a href="#carousel-career" class="right carousel-control" data-slide="next">
|
||||
<span class="glyphicon glyphicon-chevron-right"></span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="media-body media-middle">
|
||||
<h4 class="media-heading">My Career</h4>
|
||||
<p>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 class="media">
|
||||
<div class="media-body media-middle">
|
||||
<h4 class="media-heading">My Products</h4>
|
||||
<p>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 class="media-right">
|
||||
<div id="carousel-products" class="carousel slide" data-ride="carousel" style="width: 150px; height: 150px;">
|
||||
<ol class="carousel-indicators">
|
||||
<li data-target="#carousel-products" data-slide-to="0" class="active"></li>
|
||||
<li data-target="#carousel-products" data-slide-to="1"></li>
|
||||
<li data-target="#carousel-products" data-slide-to="2"></li>
|
||||
<li data-target="#carousel-products" data-slide-to="3"></li>
|
||||
</ol>
|
||||
<div class="carousel-inner">
|
||||
<div class="item active">
|
||||
<img src="/images/AAA_M_Additions.png" alt="First slide">
|
||||
</div>
|
||||
<div class="item">
|
||||
<img src="/images/bedrock.jpg" alt="Second slide">
|
||||
</div>
|
||||
<div class="item">
|
||||
<img src="/images/canary.jpg" alt="Third slide">
|
||||
</div>
|
||||
<div class="item">
|
||||
<img src="/images/houdini.jpg" alt="Third slide">
|
||||
</div>
|
||||
</div>
|
||||
<a href="#carousel-products" class="left carousel-control" data-slide="prev">
|
||||
<span class="glyphicon glyphicon-chevron-left"></span>
|
||||
</a>
|
||||
<a href="#carousel-products" class="right carousel-control" data-slide="next">
|
||||
<span class="glyphicon glyphicon-chevron-right"></span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="media">
|
||||
<div class="media-left">
|
||||
<div id="carousel-projects" class="carousel slide" data-ride="carousel" style="width: 150px; height: 150px;">
|
||||
<ol class="carousel-indicators">
|
||||
<li data-target="#carousel-projects" data-slide-to="0" class="active"></li>
|
||||
</ol>
|
||||
<div class="carousel-inner">
|
||||
<div class="item active">
|
||||
<img src="/images/tte.png" alt="First slide">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="media-body media-middle">
|
||||
<h4 class="media-heading">My Projects</h4>
|
||||
<p>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 class="media">
|
||||
<div class="media-body media-middle">
|
||||
<h4 class="media-heading">Contact Me</h4>
|
||||
<p>While II do not make my phone number or email available, you can still reach out about anything using my contact form here.</p>
|
||||
</div>
|
||||
<div class="media-right">
|
||||
<a href="/contact">
|
||||
<img class="media-object" src="/images/vacation.jpg" alt="still-working" style="width: 150px; height: 150px;">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user