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>
2.8 KiB
2.8 KiB
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:
cd multipage/
powershell -ExecutionPolicy Bypass -File serve.ps1 # port 4328
# OR
py -m http.server 4328
Archived single-page (Sonoran Ledger):
# 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 systemjs/app.js— theme + skin switchers, calculator, mobile nav, FAQassets/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