christ-it-websites/christit.com
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Import current Christ IT static site

Browse Source
This commit is contained in:
Jason Eugene Garrison
2026-07-11 08:17:34 -05:00
commit 1d5714a352
13 changed files with 5272 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index4.html
+450
View File
@@ -0,0 +1,450 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Jason E. Garrison | Infrastructure Specialist</title>
<meta name="description" content="Resume of Jason Eugene Garrison - 20+ Years IT Field Engineer & Infrastructure Specialist.">
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect x='0' y='0' width='64' height='64' rx='4' fill='%23b91c1c'/%3E%3Ctext x='50%25' y='50%25' dy='.35em' text-anchor='middle' font-family='sans-serif' font-weight='bold' font-size='32' fill='white'%3EJG%3C/text%3E%3C/svg%3E" type="image/svg+xml">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&family=Oswald:wght@500;700&display=swap" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
<style>
/* --- THEME VARIABLES --- */
:root {
/* Light Theme (Default) */
--primary: #b91c1c; /* Professional Deep Red */
--text-main: #374151; /* Charcoal */
--text-muted: #6b7280; /* Grey */
--bg-body: #f3f4f6; /* Light Grey */
--bg-paper: #ffffff; /* White Paper */
--bg-offset: #f9fafb; /* Very Light Grey */
--border: #e5e7eb;
--shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
}
[data-theme="dark"] {
/* Dark Theme (Softened) */
--primary: #ef4444; /* Softer Red */
--text-main: #e5e7eb; /* Off-White */
--text-muted: #9ca3af; /* Light Grey */
--bg-body: #111827; /* Deep Gunmetal */
--bg-paper: #1f2937; /* Lighter Gunmetal */
--bg-offset: #374151; /* Grey-Blue */
--border: #4b5563;
--shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.5);
}
* { box-sizing: border-box; margin: 0; padding: 0; }
body {
font-family: 'Roboto', sans-serif;
background-color: var(--bg-body);
color: var(--text-main);
line-height: 1.6;
padding: 40px 20px;
min-height: 100vh;
transition: background-color 0.3s, color 0.3s;
}
a { text-decoration: none; color: inherit; transition: 0.2s; }
a:hover { color: var(--primary); }
/* --- CONTAINER --- */
.resume-paper {
max-width: 900px;
margin: 0 auto;
background: var(--bg-paper);
box-shadow: var(--shadow);
border-top: 8px solid var(--primary);
padding: 0;
overflow: hidden;
transition: background-color 0.3s;
}
/* --- TOP ACTION BAR --- */
.action-bar {
background: var(--bg-offset);
border-bottom: 1px solid var(--border);
padding: 15px 40px;
display: flex;
justify-content: flex-end;
align-items: center;
gap: 15px;
}
.btn-dl {
font-size: 0.85rem; font-weight: 700; color: var(--text-main);
padding: 8px 16px; border: 1px solid var(--border);
border-radius: 4px; display: flex; align-items: center; gap: 8px;
background: var(--bg-paper);
text-transform: uppercase;
cursor: pointer;
}
.btn-dl:hover { color: var(--primary); border-color: var(--primary); }
#theme-toggle { min-width: 40px; justify-content: center; padding: 8px; }
/* --- HEADER --- */
header {
padding: 50px 60px 40px;
display: flex;
align-items: center;
gap: 40px;
border-bottom: 2px solid var(--border);
}
.profile-img {
width: 150px; height: 150px;
border-radius: 4px;
object-fit: cover;
border: 1px solid var(--border);
padding: 4px;
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
background: var(--bg-paper);
}
.header-content h1 {
font-family: 'Oswald', sans-serif;
font-size: 3rem;
color: var(--text-main);
line-height: 1.1;
text-transform: uppercase;
margin-bottom: 5px;
}
.header-content h2 {
font-size: 1.1rem;
color: var(--primary);
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 20px;
}
.contact-grid {
display: flex; flex-wrap: wrap; gap: 15px 25px;
font-size: 0.9rem; font-weight: 500; color: var(--text-main);
}
.contact-item { display: flex; align-items: center; gap: 8px; }
.contact-item i { color: var(--primary); font-size: 1rem; }
.secure-link {
cursor: pointer; border-bottom: 1px dotted var(--text-muted);
}
.secure-link:hover { color: var(--primary); border-bottom-color: var(--primary); }
/* --- CONTENT --- */
.content-body { padding: 50px 60px; }
.section { margin-bottom: 50px; }
.section-title {
font-family: 'Oswald', sans-serif;
font-size: 1.5rem;
color: var(--text-main);
text-transform: uppercase;
border-left: 5px solid var(--primary);
padding-left: 15px;
margin-bottom: 25px;
display: flex; align-items: center;
}
.profile-text {
font-size: 1.1rem; color: var(--text-main); margin-bottom: 15px;
padding-left: 20px;
}
/* --- EXPERIENCE --- */
.job-item { margin-bottom: 35px; padding-left: 20px; }
.job-head {
display: flex; justify-content: space-between; align-items: baseline;
margin-bottom: 5px; flex-wrap: wrap;
}
.job-title {
font-size: 1.25rem; font-weight: 700; color: var(--text-main);
}
.job-meta {
font-family: 'Oswald', sans-serif;
font-size: 0.95rem; color: var(--primary);
text-transform: uppercase; letter-spacing: 0.5px;
}
.job-sub {
display: block; font-weight: 600; color: var(--text-muted);
font-size: 0.9rem; margin-bottom: 10px;
}
.job-desc ul { list-style: none; }
.job-desc li {
position: relative; padding-left: 20px; margin-bottom: 8px; font-size: 1rem;
color: var(--text-main);
}
.job-desc li::before {
content: "•"; color: var(--primary); position: absolute; left: 0; font-weight: bold; font-size: 1.2rem; line-height: 1.4;
}
/* --- EDUCATION BOX --- */
.edu-box {
background: var(--bg-offset);
border: 1px solid var(--border);
padding: 30px;
border-radius: 4px;
margin-left: 20px;
}
.edu-title { font-weight: 700; color: var(--text-main); margin-bottom: 5px; font-size: 1.1rem; }
.edu-sub { font-style: italic; color: var(--text-muted); margin-bottom: 15px; font-size: 0.9rem; }
.edu-text { margin-bottom: 15px; color: var(--text-main); }
/* --- FOOTER --- */
footer {
background: #111827;
color: #9ca3af;
text-align: center;
padding: 30px;
font-size: 0.85rem;
text-transform: uppercase;
letter-spacing: 1px;
}
/* --- RESPONSIVE --- */
@media (max-width: 800px) {
body { padding: 0; }
.resume-paper { margin: 0; box-shadow: none; border-top: none; }
.action-bar { justify-content: center; flex-wrap: wrap; }
header { flex-direction: column; text-align: center; padding: 40px 20px; }
.contact-grid { justify-content: center; }
.content-body { padding: 40px 20px; }
.job-head { flex-direction: column; gap: 5px; }
.profile-text, .job-item, .edu-box { padding-left: 0; margin-left: 0; }
}
/* --- PRINT OVERRIDES (Force Light Mode) --- */
@media print {
body { background: white; color: black; padding: 0; }
.resume-paper { box-shadow: none; border: none; max-width: 100%; border-top: 5px solid #b91c1c; }
.action-bar { display: none; }
header, .content-body { padding: 20px 0; }
a { text-decoration: none; color: black; }
.job-meta { color: black; }
.section-title { border-left-color: black; }
.secure-link { border: none; color: black; }
/* Force variables */
:root {
--primary: #b91c1c !important;
--text-main: #000000 !important;
--text-muted: #444444 !important;
--bg-paper: #ffffff !important;
--bg-offset: #ffffff !important;
--border: #cccccc !important;
}
}
</style>
</head>
<body>
<div class="resume-paper">
<div class="action-bar">
<a href="Resume_Jason_Eugene_Garrison.pdf" class="btn-dl" download>
<i class="fa-solid fa-file-pdf"></i> PDF
</a>
<a href="Resume_Jason_Eugene_Garrison.docx" class="btn-dl" download>
<i class="fa-solid fa-file-word"></i> DOCX
</a>
<button id="theme-toggle" class="btn-dl" title="Toggle Theme">
<i class="fa-solid fa-moon"></i>
</button>
</div>
<header>
<img src="jason.JPG" alt="Jason Garrison" class="profile-img">
<div class="header-content">
<h1>Jason Eugene Garrison</h1>
<h2>IT Infrastructure Specialist</h2>
<div class="contact-grid">
<div class="contact-item"><i class="fa-solid fa-map-pin"></i> Oak Grove, KY</div>
<div class="contact-item">
<i class="fa-solid fa-phone"></i>
<span class="secure-link" id="show-ky">Show KY Number</span>
</div>
<div class="contact-item">
<i class="fa-solid fa-phone"></i>
<span class="secure-link" id="show-tn">Show TN Number</span>
</div>
<div class="contact-item">
<i class="fa-solid fa-envelope"></i>
<span class="secure-link" id="show-email">Show Email</span>
</div>
<div class="contact-item">
<i class="fa-solid fa-globe"></i>
<a href="https://www.jasoneugenegarrison.com">www.jasoneugenegarrison.com</a>
</div>
</div>
</div>
</header>
<div class="content-body">
<section class="section">
<h3 class="section-title">Professional Profile</h3>
<p class="profile-text">
Field-proven IT Infrastructure Specialist with over 20 years of hands-on experience in network deployment, hardware diagnostics, and commercial support. I specialize in high-security environments and sensitive commercial infrastructure where technical failure isn't an option.
</p>
</section>
<section class="section">
<h3 class="section-title">Professional Experience</h3>
<div class="job-item">
<div class="job-head">
<div class="job-title">Independent Commercial IT Specialist</div>
<div class="job-meta">2019 – Present</div>
</div>
<span class="job-sub">Tennessee & Kentucky | Field Engineering</span>
<div class="job-desc">
<ul>
<li>Operate as a primary field engineer for national MSPs and direct commercial clients, executing high-stakes technical tickets in sensitive environments including healthcare facilities and correctional institutions.</li>
<li>Directly manage end-to-end infrastructure projects and large-scale hardware deployments.</li>
<li>Specialize in validating project scope and optimizing network design to reduce unnecessary material costs while ensuring maximum system efficiency.</li>
</ul>
</div>
</div>
<div class="job-item">
<div class="job-head">
<div class="job-title">Owner & Lead Technician</div>
<div class="job-meta">2014 – 2019</div>
</div>
<span class="job-sub">Garrison Tech Services | Hopkinsville, KY</span>
<div class="job-desc">
<ul>
<li>Founded, scaled, and operated a top-rated independent computer repair business.</li>
<li>Built a profitable service business from the ground up, achieving market dominance in the local area through superior turnaround times and word-of-mouth referrals.</li>
<li>Personally diagnosed and repaired thousands of machines and managed all P&L, inventory logistics, and marketing strategies.</li>
</ul>
</div>
</div>
<div class="job-item">
<div class="job-head">
<div class="job-title">Telecommunications Contractor</div>
<div class="job-meta">2011 – 2014</div>
</div>
<span class="job-sub">ISP Infrastructure | Indiana</span>
<div class="job-desc">
<ul>
<li>Distinguished as a top-tier contractor capable of selling and installing service packages simultaneously.</li>
<li>Managed end-to-end ISP installations, including pole climbing, line running, and in-home network configuration.</li>
</ul>
</div>
</div>
<div class="job-item">
<div class="job-head">
<div class="job-title">Graphic Design & IT Consultant</div>
<div class="job-meta">2004 – 2009</div>
</div>
<span class="job-sub">Grace Evangelistic Ministries</span>
<div class="job-desc">
<ul>
<li>Directed the layout, design, and distribution of a bi-monthly newsletter for a large donor base.</li>
<li>Managed internal office IT infrastructure, ensuring uptime for administrative staff.</li>
</ul>
</div>
</div>
</section>
<section class="section">
<h3 class="section-title">Education & Background</h3>
<div class="edu-box">
<div class="edu-title">Self-Directed Professional Development</div>
<span class="edu-sub">Non-Traditional Education Path</span>
<p class="edu-text">
My education was driven by necessity, not a syllabus. Leaving the formal school system early and navigating life as a ward of the state required me to master the art of self-instruction.
</p>
<p class="edu-text" style="margin-bottom: 0;">
I have built my career on the ability to absorb, understand, and apply complex technical concepts without oversight.
</p>
</div>
</section>
<section class="section" style="margin-bottom: 0;">
<h3 class="section-title">Professional Objective</h3>
<p class="profile-text">
After over two decades of successful independent contracting, I am seeking to transition into a dedicated, long-term role. At 45, I am operating at the peak of my technical capacity and possess the field-tested judgment that only comes from years of solving problems on the fly. I am looking for the right organization to invest my skills, work ethic, and loyalty in for the next major chapter of my career.
</p>
</section>
</div>
<footer>
&copy; 2026 Jason Eugene Garrison
</footer>
</div>
<script>
// --- THEME LOGIC ---
const toggleBtn = document.getElementById('theme-toggle');
const icon = toggleBtn.querySelector('i');
const root = document.documentElement;
const savedTheme = localStorage.getItem('theme') || 'light';
if (savedTheme === 'dark') {
root.setAttribute('data-theme', 'dark');
icon.classList.replace('fa-moon', 'fa-sun');
}
toggleBtn.addEventListener('click', () => {
const isDark = root.getAttribute('data-theme') === 'dark';
if (isDark) {
root.removeAttribute('data-theme');
icon.classList.replace('fa-sun', 'fa-moon');
localStorage.setItem('theme', 'light');
} else {
root.setAttribute('data-theme', 'dark');
icon.classList.replace('fa-moon', 'fa-sun');
localStorage.setItem('theme', 'dark');
}
});
// --- SCRAPER PROTECTION (Base64) ---
const e = "amFzb25ldWdlbmVnYXJyaXNvbkBpY2xvdWQuY29t";
const k = "KDI3MCkgODg5LTgwNzI=";
const t = "KDg2NSkgOTg1LTE2NDE=";
const decode = (s) => atob(s);
// Click-to-Reveal Handlers
document.getElementById('show-email').addEventListener('click', function() {
const val = decode(e);
this.innerHTML = `<a href="mailto:${val}">${val}</a>`;
this.classList.remove('secure-link');
});
document.getElementById('show-ky').addEventListener('click', function() {
const val = decode(k);
this.innerHTML = `<a href="tel:${val.replace(/\D/g,'')}">${val}</a>`;
this.classList.remove('secure-link');
});
document.getElementById('show-tn').addEventListener('click', function() {
const val = decode(t);
this.innerHTML = `<a href="tel:${val.replace(/\D/g,'')}">${val}</a>`;
this.classList.remove('secure-link');
});
</script>
</body>
</html>