docs: update README to reflect expansion to a two-page site including a ham radio dashboard
This commit is contained in:
parent
1c90c97ed9
commit
9b6e3a7b2b
34
README.md
34
README.md
|
|
@ -1,6 +1,6 @@
|
||||||
# k5bss.com
|
# 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)
|
Live at: [k5bss.com](https://k5bss.com)
|
||||||
|
|
||||||
|
|
@ -8,22 +8,29 @@ Live at: [k5bss.com](https://k5bss.com)
|
||||||
|
|
||||||
## Overview
|
## 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
|
## Structure
|
||||||
|
|
||||||
```
|
```
|
||||||
k5bss.com/
|
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/
|
├── css/
|
||||||
│ └── style.css # All styles
|
│ └── style.css # Styles for index.html
|
||||||
├── favicon.ico
|
├── favicon.ico
|
||||||
├── favicon-32x32.png
|
├── favicon-32x32.png
|
||||||
├── favicon-64x64.png
|
├── favicon-64x64.png
|
||||||
└── favicon-256x256.png
|
└── favicon-256x256.png
|
||||||
```
|
```
|
||||||
|
|
||||||
## Sections
|
## Pages
|
||||||
|
|
||||||
|
### Resume / Portfolio (`index.html`)
|
||||||
|
|
||||||
- **About** — summary, tags, and certifications at a glance
|
- **About** — summary, tags, and certifications at a glance
|
||||||
- **Experience** — work history (Margaritaville, Boomtown, xententLABS)
|
- **Experience** — work history (Margaritaville, Boomtown, xententLABS)
|
||||||
|
|
@ -32,16 +39,21 @@ k5bss.com/
|
||||||
- **Certifications** — CompTIA A+, PCPro, Udemy courses, amateur radio, locomotive
|
- **Certifications** — CompTIA A+, PCPro, Udemy courses, amateur radio, locomotive
|
||||||
- **Contact** — email, phone, address, GitHub, LinkedIn, self-hosted Git
|
- **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
|
### Ham Radio Station Dashboard (`k5bss.html`)
|
||||||
- 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`
|
Three-tab single-page app for station stats and the contact logbook:
|
||||||
- Fully responsive across three breakpoints (see below)
|
|
||||||
|
- **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
|
## 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 |
|
| Breakpoint | Behavior |
|
||||||
|---|---|
|
|---|---|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue