Compare commits
2 Commits
4938b03294
...
99f88d4bc6
| Author | SHA1 | Date |
|---|---|---|
|
|
99f88d4bc6 | |
|
|
7023b402a6 |
44
README.md
44
README.md
|
|
@ -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.
|
||||
26
index.html
26
index.html
|
|
@ -36,11 +36,11 @@
|
|||
</nav>
|
||||
|
||||
<div class="socials">
|
||||
<a href="https://github.com/cerealkiller1918" target="_blank">github</a>
|
||||
<a href="https://www.linkedin.com/in/justin-frasier-bb29b8a9" target="_blank">linkedin</a>
|
||||
<a href="https://git.ki5bhv.com/justin" target="_blank">gitea</a>
|
||||
<a href="https://twitter.com/Cerealkiller191" target="_blank">twitter</a>
|
||||
<a href="https://www.facebook.com/cerealkiller1918" target="_blank">facebook</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" 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>
|
||||
|
||||
|
|
@ -155,7 +155,7 @@
|
|||
<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>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>
|
||||
|
|
@ -168,8 +168,8 @@
|
|||
<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 Codes</div>
|
||||
<div class="skill-cell"><span class="skill-icon">▸</span>Antigravity</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>
|
||||
|
||||
|
|
@ -182,7 +182,7 @@
|
|||
<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 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>
|
||||
|
||||
|
|
@ -291,24 +291,24 @@
|
|||
</div>
|
||||
<div class="contact-item">
|
||||
<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 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">justin-frasier</a></div>
|
||||
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">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>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
<span style="color:var(--accent)">$</span> site built by Justin Frasier · k5bss.com ·
|
||||
2025
|
||||
2026
|
||||
</footer>
|
||||
|
||||
</main>
|
||||
|
|
|
|||
Loading…
Reference in New Issue