451 lines
19 KiB
HTML
451 lines
19 KiB
HTML
<!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>
|
||
© 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>
|