diff --git a/README.md b/README.md index 15db2f9..66e4707 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,6 @@ # k5bss.com -Personal portfolio and resume site for Justin Frasier — IT Support Analyst and amateur radio operator (K5BSS, General Class). +Personal portfolio and ham radio station site for Justin Frasier — IT Support Analyst and amateur radio operator (K5BSS, General Class). Live at: [k5bss.com](https://k5bss.com) @@ -8,22 +8,29 @@ 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. +Two static pages with a dark terminal aesthetic. No frameworks or build tools — just HTML, CSS, and vanilla JavaScript. + +- **[index.html](index.html)** — Resume/portfolio page +- **[k5bss.html](k5bss.html)** — Ham radio station dashboard and logbook ## Structure ``` k5bss.com/ -├── index.html # Main page (all content) +├── index.html # Resume/portfolio page +├── k5bss.html # Ham radio station dashboard +├── Justin_Frasier_Resume.pdf # Downloadable resume ├── css/ -│ └── style.css # All styles +│ └── style.css # Styles for index.html ├── favicon.ico ├── favicon-32x32.png ├── favicon-64x64.png └── favicon-256x256.png ``` -## Sections +## Pages + +### Resume / Portfolio (`index.html`) - **About** — summary, tags, and certifications at a glance - **Experience** — work history (Margaritaville, Boomtown, xententLABS) @@ -32,16 +39,21 @@ k5bss.com/ - **Certifications** — CompTIA A+, PCPro, Udemy courses, amateur radio, locomotive - **Contact** — email, phone, address, GitHub, LinkedIn, self-hosted Git -## Tech +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`. -- 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` -- Fully responsive across three breakpoints (see below) +### Ham Radio Station Dashboard (`k5bss.html`) + +Three-tab single-page app for station stats and the contact logbook: + +- **Dashboard** — QSO count, DXCC entities, states worked; bar charts for modes and bands; top countries list; monthly QSO activity canvas chart +- **Logbook** — searchable, filterable, paginated contact log (callsign, name, country, QTH, LoTW status) +- **About** — station info and operating preferences + +Fonts: [Share Tech Mono](https://fonts.google.com/specimen/Share+Tech+Mono), [Orbitron](https://fonts.google.com/specimen/Orbitron), and [Barlow](https://fonts.google.com/specimen/Barlow) via Google Fonts. Styles and JavaScript are self-contained within the file. ## Responsive Design -The layout adapts across three breakpoints defined in `css/style.css`: +`index.html` adapts across three breakpoints defined in `css/style.css`: | Breakpoint | Behavior | |---|---|