- Astro 84.3%
- CSS 11.6%
- JavaScript 4.1%
| Filename | Latest commit message | Latest commit date |
|---|---|---|
Follow-up from the review of [PR #1](#1). The repository is public, and the approved copy rule in `docs/prototype-directions.md` is to describe experience through work and sectors without naming past employers or clients. - Rewrite the bio passages in the three unused prototype drafts (`fieldnotes`, `forward`, `signal`) so they follow the same rule as the production homepage. Meaning is preserved; only the names are replaced with sectors. - Drop the assertion in `tests/site.test.mjs` that listed the same names in a regex. With the names gone from the tree there is nothing left for it to guard. A whole-tree grep for the names now returns nothing. The names remain in git history on `main` from the PR #1 squash commit; rewriting history was not done here. Validation: `npm test` (build + 5 output tests) and `npm run format:check` pass. |
||
| .husky | ||
| docs | ||
| public | ||
| scripts | ||
| src | ||
| tests | ||
| .gitignore | ||
| .prettierignore | ||
| .prettierrc | ||
| astro.config.mjs | ||
| package-lock.json | ||
| package.json | ||
| README.md | ||
| tsconfig.json | ||
| wrangler.toml | ||
Thompson Codes
Technology and AI consulting website for Thompson Codes LLC, focused on founders building
products, adopting AI, and connecting their systems. The approved Common Ground design is the
homepage at /.
Consulting design explorations
The four original concepts are retained under src/design/prototypes/ and available at
/prototypes/ when running npm run dev.
The gallery includes full pages, a desktop/phone reviewer, and a browser-local shortlist.
Prototype routes are excluded from production builds; npm run preview serves the selected site.
- Fieldnotes: calm editorial consulting
- Signal: dark product and AI engineering
- Common Ground: approachable personal consulting
- Forward: bold, direct technical partnership
See design directions and reference links. The concepts use original layouts and illustrations, with Google Fonts alternatives to the references' proprietary typefaces. The Common Ground reference and the production homepage share the same content components, including the approved biography without employer or client names.
Contact
The contact form prepares an email draft addressed to bryan@thompson.codes. Visitors review and
send it using their own email app. Project details are not sent to a backend or saved in browser
storage. A direct email link remains available when JavaScript is unavailable.
Local Development
# Install dependencies
npm install
# Start dev server
npm run dev
# Build for production
npm run build
# Preview production build
npm run preview
# Build and verify production content, links, metadata, assets, and excluded prototype routes
npm test
# Check repository formatting
npm run format:check
# Regenerate the social sharing image and touch icon after a brand change
npm run brand:assets
Deploy to Cloudflare Pages
Option 1: Git Integration (Recommended)
- Push this repo to GitHub/GitLab
- Go to Cloudflare Pages
- Create a new project → Connect to Git
- Select your repository
- Configure build settings:
- Framework preset: Astro
- Build command:
npm run build - Build output directory:
dist
- Deploy!
Option 2: Direct Upload
# Build the site
npm run build
# Install Wrangler CLI
npm install -g wrangler
# Login to Cloudflare
wrangler login
# Deploy
wrangler pages deploy dist --project-name=thompson-codes
Custom Domain Setup
- In Cloudflare Pages dashboard, go to your project
- Click "Custom domains"
- Add
thompson.codes - Follow DNS configuration instructions
Project Structure
thompson-codes/
├── public/
│ ├── favicon.svg # Approved TC monogram
│ ├── social-card.png # Social sharing image
│ └── logos/ # Earlier logo studies
├── src/
│ ├── components/ # Homepage sections and shared contact flow
│ ├── design/ # Earlier prototypes (development only)
│ ├── layouts/ # Production metadata and prototype review layout
│ ├── pages/ # Production homepage and development prototype route
│ └── styles/ # Shared foundations and Common Ground theme
├── scripts/ # Reproducible brand asset generation
├── tests/ # Production build checks
├── astro.config.mjs # Astro config
├── package.json
└── tsconfig.json
Tech Stack
- Framework: Astro 4
- Hosting: Cloudflare Pages
- Styling: Custom CSS with CSS variables
- Fonts: Archivo Black and DM Sans (Google Fonts)
License
© 2026 Thompson Codes LLC. All rights reserved.