Chris Olson
49740ebed1
Welcome - "Greater Charlotte area's" -> "Cabarrus County's" (local focus); end line on "...in Kannapolis, North Carolina" to avoid repetition - Add "...secure and quiet community that is conveniently located." The Vineyard - Remove the "Learn More" button - "A subsection of" -> "An enclave within" - Add Merlot Trace to the named streets Custom Homes - "choose their own custom home builder" - Reference the Architectural Review Committee (not the HOA) and note it is glad to talk and review preliminary renderings before you purchase - Reframe the lots note around an early conversation with the ARC rather than implying the HOA controls availability Community (Life at Pine Creek) - Add a "Community" link to the top nav (drop "Contact" to keep the centered logo balanced; Contact remains reachable via the page section and buttons) - Rework the pavilion sentence to mention the two ponds - Greener grass on community-vineyard-rows.jpg (drought browning), vegetation masked so the road, mulch, and homes are untouched Kannapolis - Convert the single image into a slider (matches other sections): City Hall first, plus West Avenue (dusk & night), the GEM Theatre, and Old Armour Beer Garden, cropped/optimized for web - "a beautiful downtown" -> "a beautiful revitalized downtown" HOA - Replace the lead-in with the provided board/governance description Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
pine-creek-hoa
Public marketing website for the Pine Creek community in Kannapolis, NC.
It is a fully static site (HTML/CSS/JS) designed to be hosted at no cost on Cloudflare Pages, and is responsive for desktop, tablet, and mobile.
Structure
index.html— the entire single-page site (nav, hero, sections, HOA board, contact, footer).css/main.css— compiled, served stylesheet. Edited directly (no build tooling required).css/main.scss+css/components/*— SCSS source, kept in sync withmain.css.js/main.js— mobile nav, smooth-scroll, and the photo galleries.img/— images and the hero video (hero.mp4,hero-mobile.mp4,hero-poster.jpg), optimized estate/vineyard photos inimg/gallery/, andcommunity-map.jpg.
Local preview
Any static file server works, e.g.:
# Python
python3 -m http.server 8080
# or Docker (nginx)
docker run --rm -p 8080:80 -v "$PWD":/usr/share/nginx/html:ro nginx:alpine
Then open http://localhost:8080/
Editing styles
css/main.css is what the browser loads, so changes can be made there directly.
If you have the Dart Sass CLI installed and prefer the SCSS source, recompile with:
sass css/main.scss css/main.css
Updating the HOA board
The board roster lives in a <table class="board-table"> inside the
#home-owners section of index.html. Replace the placeholder name/email cells
with the real values (5 members: Name, Position, Email).