Repository navigation
feat(site): one-page codeframe.sh site with social card (#1465) - #1479
adamshatzkamer wants to merge 1 commit into
Conversation
Codex Review SummaryThis comment shows the latest Codex review activity on this pull request.
ℹ️ About Codex in GitHubYour team has set up Codex to review pull requests in this repo. Reviews are triggered when you
Codex reacts with 👀 while any review is running, comments if it has suggestions, and reacts with 👍 once all reviews finish with no findings. |
![chatgpt-codex-connector[bot]](https://avatars.githubusercontent.com/in/1144995?s=60&v=4){kind=small}
There was a problem hiding this comment.
💡 Codex Review
Here are some automated review suggestions for this pull request.
Reviewed commit: d7e4336b40
ℹ️ About Codex in GitHub
Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you
- Open a pull request for review
- Mark a draft as ready
- Comment "@codex review".
If Codex has suggestions, it will comment; otherwise it will react with 👍.
Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".
| <meta property="og:type" content="website"> | ||
| <meta property="og:title" content="CodeFRAME — A project delivery system for AI-written software"> | ||
| <meta property="og:description" content="CodeFRAME owns everything before and after the code: requirements, task planning, verification and release. The coding itself goes to the agent of your choice."> | ||
| <meta property="og:image" content="og-image.png"> |
There was a problem hiding this comment.
When the deployed page is shared through a card crawler that enforces the Open Graph/Twitter URL type, the crawler receives the literal relative value og-image.png rather than a fetchable absolute HTTP(S) URL and can omit the image; the same relative value is repeated for twitter:image at site/index.html:21. Use the deployment origin (for example, https://codeframe.sh/og-image.png) for both tags so the advertised social card renders reliably.
Useful? React with 👍 / 👎.
|
|
||
| <!-- COPY: demo GIF — the canonical asset, above the fold (docs/images/cli-tour.gif). --> | ||
| <figure class="demo"> | ||
| <img src="../docs/images/cli-tour.gif" alt="Terminal session: cf init, cf prd add, cf tasks generate producing 18 tasks, cf tasks list with dependencies, cf proof capture, cf proof status" width="1280" height="720"> |
There was a problem hiding this comment.
Whenever a visitor leaves this landing page open, the referenced GIF auto-starts a 28.34-second animation and its NETSCAPE loop count is zero, so it repeats indefinitely with no pause, stop, or hide control; the browser also cannot honor prefers-reduced-motion for an animated <img>. This is especially problematic for motion-sensitive visitors, so provide a controllable animation or a still-image path for reduced-motion users.
Useful? React with 👍 / 👎.
|
|
||
| <!-- COPY: demo GIF — the canonical asset, above the fold (docs/images/cli-tour.gif). --> | ||
| <figure class="demo"> | ||
| <img src="../docs/images/cli-tour.gif" alt="Terminal session: cf init, cf prd add, cf tasks generate producing 18 tasks, cf tasks list with dependencies, cf proof capture, cf proof status" width="1280" height="720"> |
There was a problem hiding this comment.
On a cold page load, these attributes reserve a 1280×720 (16:9) box, but docs/images/cli-tour.gif has a 979×739 logical screen; with height: auto, the browser switches to the intrinsic ratio after decoding the 670 KB animation. At the 640 px maximum width that grows the hero from about 360 px to 483 px and shifts every following section, so use the GIF's actual dimensions to prevent the layout jump.
Useful? React with 👍 / 👎.
|
Thanks for putting this together, @adamshatzkamer. The codeframe.sh site is tied closely to launch positioning that is still being decided, so we're keeping it in-house and closing this PR. We appreciate the effort. |
Closes #1465 — one-page codeframe.sh site with social card.
What's included
site/index.html— a single static HTML page (no framework, no build step, no JS, no forms, no tracking, no external requests beyond the local images). Renders correctly opened directly from disk, at phone width, and in light and dark mode (prefers-color-scheme).site/og-image.png— 1200×630 social card using the app mark and the brand palette fromweb-ui/src/app/globals.css(Think → Build → Prove → Ship chips, tagline,codeframe.shpill).Page sections, in order (per #1465 scope)
docs/images/cli-tour.gif) above the fold — referenced from the repo so there's no duplicate binary; ifsite/is ever deployed standalone, copy the GIF next toindex.htmland update oneimg src.fail_under = 80); the latest main run measured 87.36%.hello@codeframe.sh. No calendar link exists in the repo yet, so none is included (easy to add).Notes for marketing copy
Every marketing-owned string is marked with a
COPY:comment in the HTML so final copy can be swapped without touching layout. Colors mirror the web UI tokens and adapt automatically to dark mode.Verification
<script>, zero<form>, zero external stylesheets/fonts/scripts.site/og-image.pngis 1200×630; GIF path resolves.