337 lines
16 KiB
HTML
337 lines
16 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<title>Justin Frasier | IT Support Analyst</title>
|
||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||
<link
|
||
href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;500;600&family=IBM+Plex+Sans:wght@300;400;500&display=swap"
|
||
rel="stylesheet">
|
||
<link rel="stylesheet" href="css/style.css">
|
||
</head>
|
||
|
||
<body>
|
||
|
||
<div class="layout">
|
||
|
||
<!-- ── Sidebar ── -->
|
||
<aside>
|
||
<img class="profile-photo" src="https://ki5bhv.com/photo/justin1.jpg" alt="Justin Frasier"
|
||
onerror="this.style.display='none'">
|
||
<div class="profile-name">Justin Frasier</div>
|
||
<div class="profile-title">IT Support Analyst</div>
|
||
<div class="profile-loc">📍 Bossier City, LA</div>
|
||
|
||
<hr class="divider">
|
||
|
||
<nav>
|
||
<a href="#about" class="active"><span class="dot"></span>about</a>
|
||
<a href="#experience"><span class="dot"></span>experience</a>
|
||
<a href="#skills"><span class="dot"></span>technical skills</a>
|
||
<a href="#education"><span class="dot"></span>education</a>
|
||
<a href="#certifications"><span class="dot"></span>certifications</a>
|
||
<a href="#contact"><span class="dot"></span>contact</a>
|
||
</nav>
|
||
|
||
<div class="socials">
|
||
<a href="https://github.com/cerealkiller1918" target="_blank" rel="noopener noreferrer">github</a>
|
||
<a href="https://www.linkedin.com/in/justin-frasier-bb29b8a9" target="_blank" rel="noopener noreferrer">linkedin</a>
|
||
<a href="https://git.ki5bhv.com/justin" target="_blank" rel="noopener noreferrer">gitea</a>
|
||
<a href="https://twitter.com/Cerealkiller191" target="_blank" rel="noopener noreferrer">twitter</a>
|
||
<a href="https://www.facebook.com/cerealkiller1918" target="_blank" rel="noopener noreferrer">facebook</a>
|
||
</div>
|
||
</aside>
|
||
|
||
<!-- ── Main ── -->
|
||
<main>
|
||
|
||
<!-- About -->
|
||
<section id="about">
|
||
<div class="prompt"><span>~/k5bss</span> $ whoami</div>
|
||
<h1>Justin<br>Frasier<span class="cursor"></span></h1>
|
||
<p class="hero-sub">
|
||
<strong>IT Support Analyst</strong> with a background in computer systems, infrastructure, and security.
|
||
CompTIA A+ certified with hands-on experience in <strong>Azure Active Directory</strong>,
|
||
Windows Server, networking, and self-hosted services.
|
||
Amateur radio operator <strong>(K5BSS — General Class)</strong>.
|
||
</p>
|
||
<div class="tags">
|
||
<span class="tag accent">CompTIA A+</span>
|
||
<span class="tag accent">PCPro Certified</span>
|
||
<span class="tag blue">Azure AD</span>
|
||
<span class="tag blue">Docker</span>
|
||
<span class="tag blue">Proxmox VE</span>
|
||
<span class="tag blue">Web Design</span>
|
||
<span class="tag">Self-hosted Infrastructure</span>
|
||
<span class="tag">FCC K5BSS</span>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Experience -->
|
||
<section id="experience">
|
||
<h2><span class="hash">#</span>experience</h2>
|
||
|
||
<div class="exp-item">
|
||
<div class="exp-role">IT Support Analyst</div>
|
||
<div class="exp-company">Margaritaville Resort & Casino</div>
|
||
<div class="exp-meta">Mar 2023 — Present · Bossier City, LA</div>
|
||
<ul class="exp-list">
|
||
<li>Install and image Windows OS; onboard machines to Active Directory</li>
|
||
<li>Troubleshoot hardware, software, and networking issues in a high-availability environment</li>
|
||
<li>Punch down networking cable to patch panels and keystones</li>
|
||
<li>Author troubleshooting documentation and lead projects</li>
|
||
<li>Administer and support Windows Server environments</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="exp-item">
|
||
<div class="exp-role">Security Supervisor</div>
|
||
<div class="exp-company">Boomtown Casino & Hotel</div>
|
||
<div class="exp-meta">Nov 2017 — Mar 2023 · Bossier City, LA</div>
|
||
<ul class="exp-list">
|
||
<li>Monitored CCTV systems and alarm infrastructure across the facility</li>
|
||
<li>Led security operations and managed incident response</li>
|
||
<li>Patrolled facility and enforced physical security protocols</li>
|
||
<li>De-escalation, crisis management, and customer service</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="exp-item">
|
||
<div class="exp-role">Software Development Intern</div>
|
||
<div class="exp-company">xententLABS</div>
|
||
<div class="exp-meta">Jan 2016 — May 2016 · Bossier City, LA</div>
|
||
<ul class="exp-list">
|
||
<li>Agile development practices and sprint workflows</li>
|
||
<li>Source code management and cross-platform software development</li>
|
||
<li>Database design, management, and software quality assurance</li>
|
||
</ul>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Skills -->
|
||
<section id="skills">
|
||
<h2><span class="hash">#</span>technical skills</h2>
|
||
|
||
<div class="skills-subheading">Languages</div>
|
||
<div class="skills-grid">
|
||
<div class="skill-cell"><span class="skill-icon">▸</span>Python</div>
|
||
<div class="skill-cell"><span class="skill-icon">▸</span>Java</div>
|
||
<div class="skill-cell"><span class="skill-icon">▸</span>C# / .NET</div>
|
||
<div class="skill-cell"><span class="skill-icon">▸</span>C++</div>
|
||
<div class="skill-cell"><span class="skill-icon">▸</span>C</div>
|
||
<div class="skill-cell"><span class="skill-icon">▸</span>JavaScript</div>
|
||
<div class="skill-cell"><span class="skill-icon">▸</span>Node.js</div>
|
||
<div class="skill-cell"><span class="skill-icon">▸</span>HTML5 / CSS3</div>
|
||
<div class="skill-cell"><span class="skill-icon">▸</span>Rust</div>
|
||
<div class="skill-cell"><span class="skill-icon">▸</span>SQL</div>
|
||
</div>
|
||
|
||
<div class="skills-subheading">Operating Systems</div>
|
||
<div class="skills-grid">
|
||
<div class="skill-cell"><span class="skill-icon">▸</span>Linux (Arch, Ubuntu)</div>
|
||
<div class="skill-cell"><span class="skill-icon">▸</span>Windows Server</div>
|
||
<div class="skill-cell"><span class="skill-icon">▸</span>Windows 10/11</div>
|
||
</div>
|
||
|
||
<div class="skills-subheading">Hardware</div>
|
||
<div class="skills-grid">
|
||
<div class="skill-cell"><span class="skill-icon">▸</span>RAM</div>
|
||
<div class="skill-cell"><span class="skill-icon">▸</span>HDD/SSD</div>
|
||
<div class="skill-cell"><span class="skill-icon">▸</span>Power Supplies</div>
|
||
<div class="skill-cell"><span class="skill-icon">▸</span>Motherboards</div>
|
||
<div class="skill-cell"><span class="skill-icon">▸</span>Peripherals</div>
|
||
<div class="skill-cell"><span class="skill-icon">▸</span>Printers</div>
|
||
<div class="skill-cell"><span class="skill-icon">▸</span>Laptop</div>
|
||
<div class="skill-cell"><span class="skill-icon">▸</span>Desktops</div>
|
||
<div class="skill-cell"><span class="skill-icon">▸</span>Component Diagnostics</div>
|
||
</div>
|
||
|
||
<div class="skills-subheading">Tools & Platforms</div>
|
||
<div class="skills-grid">
|
||
<div class="skill-cell"><span class="skill-icon">▸</span>Active Directory</div>
|
||
<div class="skill-cell"><span class="skill-icon">▸</span>Azure AD</div>
|
||
<div class="skill-cell"><span class="skill-icon">▸</span>Office 365</div>
|
||
<div class="skill-cell"><span class="skill-icon">▸</span>Mobile Device Support</div>
|
||
<div class="skill-cell"><span class="skill-icon">▸</span>Printer Support</div>
|
||
<div class="skill-cell"><span class="skill-icon">▸</span>System Imaging & Deployment</div>
|
||
<div class="skill-cell"><span class="skill-icon">▸</span>Docker</div>
|
||
<div class="skill-cell"><span class="skill-icon">▸</span>Proxmox VE</div>
|
||
<div class="skill-cell"><span class="skill-icon">▸</span>Git</div>
|
||
<div class="skill-cell"><span class="skill-icon">▸</span>Help Desk Ticketing Systems</div>
|
||
</div>
|
||
|
||
<div class="skills-subheading">Development IDEs</div>
|
||
<div class="skills-grid">
|
||
<div class="skill-cell"><span class="skill-icon">▸</span>Vim</div>
|
||
<div class="skill-cell"><span class="skill-icon">▸</span>NeoVim</div>
|
||
<div class="skill-cell"><span class="skill-icon">▸</span>IntelliJ</div>
|
||
<div class="skill-cell"><span class="skill-icon">▸</span>Visual Studio</div>
|
||
<div class="skill-cell"><span class="skill-icon">▸</span>VS Code</div>
|
||
<div class="skill-cell"><span class="skill-icon">▸</span>Google Antigravity</div>
|
||
<div class="skill-cell"><span class="skill-icon">▸</span>Unity</div>
|
||
</div>
|
||
|
||
<div class="skills-subheading">Networking</div>
|
||
<div class="skills-grid">
|
||
<div class="skill-cell"><span class="skill-icon">▸</span>TCP/IP</div>
|
||
<div class="skill-cell"><span class="skill-icon">▸</span>DNS</div>
|
||
<div class="skill-cell"><span class="skill-icon">▸</span>DHCP</div>
|
||
<div class="skill-cell"><span class="skill-icon">▸</span>IP Addressing</div>
|
||
<div class="skill-cell"><span class="skill-icon">▸</span>Wire & Wireless Connectivity</div>
|
||
<div class="skill-cell"><span class="skill-icon">▸</span>Patch panels</div>
|
||
<div class="skill-cell"><span class="skill-icon">▸</span>Keystones</div>
|
||
<div class="skill-cell"><span class="skill-icon">▸</span>Switch Management</div>
|
||
<div class="skill-cell"><span class="skill-icon">▸</span>Troubleshooting</div>
|
||
</div>
|
||
|
||
<div class="skills-subheading">IT Support</div>
|
||
<div class="skills-grid">
|
||
<div class="skill-cell"><span class="skill-icon">▸</span>Customer Service</div>
|
||
<div class="skill-cell"><span class="skill-icon">▸</span>Issue Escalation</div>
|
||
<div class="skill-cell"><span class="skill-icon">▸</span>Asset Tracking</div>
|
||
<div class="skill-cell"><span class="skill-icon">▸</span>Equipment Moves</div>
|
||
<div class="skill-cell"><span class="skill-icon">▸</span>End-User Training</div>
|
||
<div class="skill-cell"><span class="skill-icon">▸</span>Technical Documentation</div>
|
||
<div class="skill-cell"><span class="skill-icon">▸</span>De-escalation</div>
|
||
</div>
|
||
|
||
<div class="skills-subheading">Security</div>
|
||
<div class="skills-grid">
|
||
<div class="skill-cell"><span class="skill-icon">▸</span>Corporate Security</div>
|
||
<div class="skill-cell"><span class="skill-icon">▸</span>CCTV</div>
|
||
<div class="skill-cell"><span class="skill-icon">▸</span>Physical Security</div>
|
||
<div class="skill-cell"><span class="skill-icon">▸</span>Crisis Management</div>
|
||
</div>
|
||
|
||
</section>
|
||
|
||
<!-- Education -->
|
||
<section id="education">
|
||
<h2><span class="hash">#</span>education</h2>
|
||
|
||
<div class="edu-card">
|
||
<div class="edu-school">Bossier Parish Community College</div>
|
||
<div class="edu-degree">A.A.S. Cyber Technology — Programmer-Analyst</div>
|
||
<div class="edu-meta">2013 – 2016</div>
|
||
<span class="edu-honor">Dean's List & Chancellor's List</span>
|
||
<div class="tags" style="margin-top:0.8rem;">
|
||
<span class="tag">C++ / Java / C#</span>
|
||
<span class="tag">Web Design</span>
|
||
<span class="tag">Database Coding</span>
|
||
<span class="tag">Web App Dev</span>
|
||
<span class="tag">Cyber Internship</span>
|
||
<span class="tag">Phi Theta Kappa</span>
|
||
<span class="tag">Cyber Club</span>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="edu-card">
|
||
<div class="edu-school">Northwood High School</div>
|
||
<div class="edu-meta">1999 – 2003</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Certifications -->
|
||
<section id="certifications">
|
||
<h2><span class="hash">#</span>certifications</h2>
|
||
|
||
<div class="cert-group">
|
||
<div class="cert-group-title">Computer</div>
|
||
<ul class="cert-list">
|
||
<li>CompTIA A+ ce Certified</li>
|
||
<li>PCPro Certified</li>
|
||
<li>Technical Competency Area in Web Design — BPCC</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="cert-group">
|
||
<div class="cert-group-title">Udemy</div>
|
||
<ul class="cert-list">
|
||
<li>Master Microsoft PowerShell</li>
|
||
<li>PowerShell for Active Directory Administrators</li>
|
||
<li>IT Troubleshooting Skill Training</li>
|
||
<li>IT Help Desk Professional</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="cert-group">
|
||
<div class="cert-group-title">Amateur Radio</div>
|
||
<ul class="cert-list">
|
||
<li>FCC License — Callsign: K5BSS | General Class</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="cert-group">
|
||
<div class="cert-group-title">Locomotive</div>
|
||
<ul class="cert-list">
|
||
<li>LocoMotive Air Brake — Wabtec</li>
|
||
<li>Dash 2 / GP 38 Static / GP 9 / SW 1200 Electrical — TTC</li>
|
||
<li>EMD Locomotive Engines — Technical Training Consultants</li>
|
||
</ul>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Contact -->
|
||
<section id="contact">
|
||
<h2><span class="hash">#</span>contact</h2>
|
||
<div class="contact-grid">
|
||
<div class="contact-item">
|
||
<div class="contact-label">Email</div>
|
||
<div class="contact-val"><a href="mailto:justin@ki5bhv.com">justin@ki5bhv.com</a></div>
|
||
</div>
|
||
<div class="contact-item">
|
||
<div class="contact-label">Phone</div>
|
||
<div class="contact-val"><a href="tel:13185641918">(318) 564-1918</a></div>
|
||
</div>
|
||
<div class="contact-item">
|
||
<div class="contact-label">Location</div>
|
||
<div class="contact-val">3243 Cottonwood St.<br>Bossier City, LA 71111</div>
|
||
</div>
|
||
<div class="contact-item">
|
||
<div class="contact-label">GitHub</div>
|
||
<div class="contact-val"><a href="https://github.com/cerealkiller1918" target="_blank" rel="noopener noreferrer">cerealkiller1918</a>
|
||
</div>
|
||
</div>
|
||
<div class="contact-item">
|
||
<div class="contact-label">LinkedIn</div>
|
||
<div class="contact-val"><a href="https://www.linkedin.com/in/justin-frasier-bb29b8a9"
|
||
target="_blank" rel="noopener noreferrer">justin-frasier</a></div>
|
||
</div>
|
||
<div class="contact-item">
|
||
<div class="contact-label">Self-hosted Git</div>
|
||
<div class="contact-val"><a href="https://git.ki5bhv.com/justin" target="_blank" rel="noopener noreferrer">git.ki5bhv.com</a></div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<footer>
|
||
<span style="color:var(--accent)">$</span> site built by Justin Frasier · k5bss.com ·
|
||
2026
|
||
</footer>
|
||
|
||
</main>
|
||
</div>
|
||
|
||
<script>
|
||
// Highlight active nav link on scroll
|
||
const sections = document.querySelectorAll('section[id]');
|
||
const links = document.querySelectorAll('nav a');
|
||
|
||
const observer = new IntersectionObserver(entries => {
|
||
entries.forEach(e => {
|
||
if (e.isIntersecting) {
|
||
links.forEach(l => l.classList.remove('active'));
|
||
const active = document.querySelector(`nav a[href="#${e.target.id}"]`);
|
||
if (active) active.classList.add('active');
|
||
}
|
||
});
|
||
}, { threshold: 0.3 });
|
||
|
||
sections.forEach(s => observer.observe(s));
|
||
</script>
|
||
|
||
</body>
|
||
|
||
</html> |