# ChatGPT (Codex or ChatGPT Work with Sites)
Paste this into Codex or ChatGPT Work, not the plain chat window. Sites needs the agent runtime. Open or upload this kit folder first. Recommended model: Set in config.
@Sites Publish the finished page in site/ as a static website. Publish visibility: anyone with the link. Keep site/assets beside index.html and reference it relatively. Then apply the brief below.
PROJECT
This kit is a finished single page for "Spatial Afterlight": a one page shop for premium everyday sunglasses in four beats. It is plain HTML, CSS and JavaScript in site/, with no framework and no build step. site/index.html is the page and everything it loads is in site/assets/. Adapt it; do not rebuild it in another stack unless you are asked to. This brief is written for a coding agent, and the DO NOT ADD list is not negotiable.
FILES
- site/index.html: the page, its copy and its structure
- site/assets/app.js: the page's behaviour
- site/assets/fonts/cormorant-garamond-latin-wght-italic.woff2: a self-hosted font face, declared with @font-face in the stylesheet
- site/assets/fonts/cormorant-garamond-latin-wght-normal.woff2: a self-hosted font face, declared with @font-face in the stylesheet
- site/assets/fonts/hanken-grotesk-latin-wght-normal.woff2: a self-hosted font face, declared with @font-face in the stylesheet
- site/assets/img/case-thumb.webp: an image the page shows
- site/assets/img/case.webp: an image the page shows
- site/assets/img/city-960.webp: an image the page shows
The rest comes with the download.
