Compare commits

..

2 Commits

2 changed files with 58 additions and 14 deletions

View File

@ -0,0 +1,44 @@
# k5bss.com
Personal portfolio and resume site for Justin Frasier — IT Support Analyst and amateur radio operator (K5BSS, General Class).
Live at: [k5bss.com](https://k5bss.com)
---
## Overview
A static, single-page resume site with a dark terminal aesthetic. No frameworks or build tools — just HTML and CSS.
## Structure
```
k5bss.com/
├── index.html # Main page (all content)
├── css/
│ └── style.css # All styles
├── favicon.ico
├── favicon-32x32.png
├── favicon-64x64.png
└── favicon-256x256.png
```
## Sections
- **About** — summary, tags, and certifications at a glance
- **Experience** — work history (Margaritaville, Boomtown, xententLABS)
- **Technical Skills** — languages, OS, hardware, tools, networking, IT support, security
- **Education** — BPCC A.A.S. Cyber Technology, Northwood High School
- **Certifications** — CompTIA A+, PCPro, Udemy courses, amateur radio, locomotive
- **Contact** — email, phone, address, GitHub, LinkedIn, self-hosted Git
## Tech
- Plain HTML5 / CSS3 — no JavaScript frameworks or build step
- Fonts: [IBM Plex Mono](https://fonts.google.com/specimen/IBM+Plex+Mono) and [IBM Plex Sans](https://fonts.google.com/specimen/IBM+Plex+Sans) via Google Fonts
- Sticky sidebar with scroll-spy nav via `IntersectionObserver`
- Responsive at 768px breakpoint (sidebar stacks above content on mobile)
## Deployment
Static files — drop the repo contents onto any web server or host (Nginx, Apache, Caddy, GitHub Pages, etc.). No build step required.

View File

@ -36,11 +36,11 @@
</nav> </nav>
<div class="socials"> <div class="socials">
<a href="https://github.com/cerealkiller1918" target="_blank">github</a> <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">linkedin</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">gitea</a> <a href="https://git.ki5bhv.com/justin" target="_blank" rel="noopener noreferrer">gitea</a>
<a href="https://twitter.com/Cerealkiller191" target="_blank">twitter</a> <a href="https://twitter.com/Cerealkiller191" target="_blank" rel="noopener noreferrer">twitter</a>
<a href="https://www.facebook.com/cerealkiller1918" target="_blank">facebook</a> <a href="https://www.facebook.com/cerealkiller1918" target="_blank" rel="noopener noreferrer">facebook</a>
</div> </div>
</aside> </aside>
@ -153,9 +153,9 @@
<div class="skill-cell"><span class="skill-icon"></span>Active Directory</div> <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>Azure AD</div>
<div class="skill-cell"><span class="skill-icon"></span>Office 365</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>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>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>System Imaging &amp; Deployment</div>
<div class="skill-cell"><span class="skill-icon"></span>Docker</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>Proxmox VE</div>
<div class="skill-cell"><span class="skill-icon"></span>Git</div> <div class="skill-cell"><span class="skill-icon"></span>Git</div>
@ -168,8 +168,8 @@
<div class="skill-cell"><span class="skill-icon"></span>NeoVim</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>IntelliJ</div>
<div class="skill-cell"><span class="skill-icon"></span>Visual Studio</div> <div class="skill-cell"><span class="skill-icon"></span>Visual Studio</div>
<div class="skill-cell"><span class="skill-icon"></span>VS Codes</div> <div class="skill-cell"><span class="skill-icon"></span>VS Code</div>
<div class="skill-cell"><span class="skill-icon"></span>Antigravity</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 class="skill-cell"><span class="skill-icon"></span>Unity</div>
</div> </div>
@ -182,7 +182,7 @@
<div class="skill-cell"><span class="skill-icon"></span>Wire &amp; Wireless Connectivity</div> <div class="skill-cell"><span class="skill-icon"></span>Wire &amp; Wireless Connectivity</div>
<div class="skill-cell"><span class="skill-icon"></span>Patch panels</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>Keystones</div>
<div class="skill-cell"><span class="skill-icon"></span>Switch Managemet</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 class="skill-cell"><span class="skill-icon"></span>Troubleshooting</div>
</div> </div>
@ -291,24 +291,24 @@
</div> </div>
<div class="contact-item"> <div class="contact-item">
<div class="contact-label">GitHub</div> <div class="contact-label">GitHub</div>
<div class="contact-val"><a href="https://github.com/cerealkiller1918" target="_blank">cerealkiller1918</a> <div class="contact-val"><a href="https://github.com/cerealkiller1918" target="_blank" rel="noopener noreferrer">cerealkiller1918</a>
</div> </div>
</div> </div>
<div class="contact-item"> <div class="contact-item">
<div class="contact-label">LinkedIn</div> <div class="contact-label">LinkedIn</div>
<div class="contact-val"><a href="https://www.linkedin.com/in/justin-frasier-bb29b8a9" <div class="contact-val"><a href="https://www.linkedin.com/in/justin-frasier-bb29b8a9"
target="_blank">justin-frasier</a></div> target="_blank" rel="noopener noreferrer">justin-frasier</a></div>
</div> </div>
<div class="contact-item"> <div class="contact-item">
<div class="contact-label">Self-hosted Git</div> <div class="contact-label">Self-hosted Git</div>
<div class="contact-val"><a href="https://git.ki5bhv.com/justin" target="_blank">git.ki5bhv.com</a></div> <div class="contact-val"><a href="https://git.ki5bhv.com/justin" target="_blank" rel="noopener noreferrer">git.ki5bhv.com</a></div>
</div> </div>
</div> </div>
</section> </section>
<footer> <footer>
<span style="color:var(--accent)">$</span> site built by Justin Frasier &nbsp;·&nbsp; k5bss.com &nbsp;·&nbsp; <span style="color:var(--accent)">$</span> site built by Justin Frasier &nbsp;·&nbsp; k5bss.com &nbsp;·&nbsp;
2025 2026
</footer> </footer>
</main> </main>