Mike Swanson
7515af3309
- CSS: Bold tokens now at :root (bone/near-black palette, signal orange) - JS: skin switcher cycles Bold/Midnight/Verdigris (default: bold) - HTML: all 7 pages default to bold skin - Docs: README + DESIGN.md rewritten for Bold design language - Deployment: live at ww9.azcomputerguru.com (IX hosting, grey-cloud DNS) Paper/Sonoran Ledger skin dropped per user direction. Single-page ledger version in root retained as archived reference pattern. Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
65 lines
2.8 KiB
Markdown
65 lines
2.8 KiB
Markdown
# Arizona Computer Guru — Website Showcase
|
|
|
|
Multipage marketing site for Arizona Computer Guru. Hand-built static (HTML/CSS/vanilla JS).
|
|
3 design skins, Bold as default. **Live deployment:** http://ww9.azcomputerguru.com
|
|
|
|
**Active version:** `multipage/` (6 pages: Home, Services, Pricing, Calculator, About, Contact)
|
|
**Default design:** Bold — premium brutalist with Anton headlines, signal orange, grayscale photos
|
|
**Archived:** Single-page Sonoran Ledger version (root `index.html`) — kept as reference pattern
|
|
|
|
## View it
|
|
|
|
**Live site:** http://ww9.azcomputerguru.com (deployed to IX hosting, grey-cloud Cloudflare DNS)
|
|
|
|
**Local preview:**
|
|
```bash
|
|
cd multipage/
|
|
powershell -ExecutionPolicy Bypass -File serve.ps1 # port 4328
|
|
# OR
|
|
py -m http.server 4328
|
|
```
|
|
|
|
**Archived single-page (Sonoran Ledger):**
|
|
```bash
|
|
# From project root
|
|
powershell -ExecutionPolicy Bypass -File serve.ps1 # port 4327
|
|
```
|
|
|
|
## What's inside
|
|
|
|
**Multipage (active):** `multipage/`
|
|
- 6 HTML pages (index, services, pricing, calculator, about, contact)
|
|
- 3 skins: **Bold** (default), Midnight, Verdigris — each with light + dark themes
|
|
- Bold design: Anton uppercase headlines, signal orange (#E24A12), grayscale photos, bone/near-black palette
|
|
- `css/styles.css` — 3-skin token-based system
|
|
- `js/app.js` — theme + skin switchers, calculator, mobile nav, FAQ
|
|
- `assets/images/` — Grok photography (default warm set + Verdigris cool set)
|
|
- `PRODUCT.md`, `DESIGN.md` — brand register + design rules
|
|
|
|
**Single-page (archived):** Root directory
|
|
- `index.html` — Sonoran Ledger design (warm paper aesthetic)
|
|
- Kept as reusable pattern for other Guru-related sites
|
|
|
|
## Features
|
|
- **3 design skins** with header switcher (Bold / Midnight / Verdigris)
|
|
- **Light + dark themes** for each skin (system-aware, remembered, FOUC-free)
|
|
- **Interactive IT cost calculator** — GPS tiers, support plans, M365, phones → monthly/annual totals
|
|
- **Estimate handoff** — calculator builds statement for contact form
|
|
- Published GPS pricing, services, FAQ
|
|
- WCAG-AA contrast in all 6 modes; keyboard-accessible nav, FAQ, forms
|
|
- **Grayscale photography** in Bold skin (color in Midnight/Verdigris)
|
|
|
|
## Deployment
|
|
- **Production:** http://ww9.azcomputerguru.com
|
|
- **Server:** IX Web Hosting (ix.azcomputerguru.com, 72.194.62.5)
|
|
- **Path:** `/home/azcomputerguru/public_html/ww9/`
|
|
- **DNS:** Cloudflare A record (grey cloud / DNS-only)
|
|
- **HTTPS:** AutoSSL (Let's Encrypt, auto-provisioned)
|
|
|
|
Contact forms are demo only (not wired). Pricing illustrative of published GPS rates.
|
|
|
|
## History
|
|
- 2026-06-16: Deployed to ww9.azcomputerguru.com; Paper/Ledger skin dropped, Bold set as default
|
|
- 2026-06-14-15: Built multipage (4 skins), Bold skin added as dialed-back radical
|
|
- 2026-06-14: Built single-page Sonoran Ledger via Grok+Gemini pipeline
|