Skip to content

feat: add static marketing site#37

Merged
satyaborg merged 14 commits into
mainfrom
feat/marketing-site
Jun 3, 2026
Merged

feat: add static marketing site#37
satyaborg merged 14 commits into
mainfrom
feat/marketing-site

Conversation

@satyaborg

Copy link
Copy Markdown
Owner

Summary

A minimal single-page static marketing site for the devloop CLI, living under site/ and deployable to Cloudflare Pages. It mimics the code.storage monochrome teletype aesthetic, uses the CLI's own ASCII logo, and a violet accent (#af87ff) matching the TUI brand color (ANSI 141).

What's included

  • Static build, no runtime deps — Tailwind v4 compiled to static CSS via the standalone CLI (no Play CDN). Output is plain HTML + CSS + woff2.
  • Self-hosted font — IBM Plex Mono from site/fonts/ (OFL, weights 400 + 700), used across the whole page.
  • Single centered column layout: header, ASCII logo, tagline, one-line install (curl -fsSL https://devloop.sh/install | bash), a video placeholder for a future demo, then the README-style sections.
  • Click-to-copy install and quick-start code blocks (cursor pointer, corner copy icon, checkmark on copy).
  • All copy is truthful to the CLI (v0.2.0, real dependencies and commands); no fabricated metrics.

Structure

site/
  index.html      source page
  src/input.css   tailwind entry + theme tokens + @font-face
  build.mjs       build script (tailwind compile + copy html/fonts)
  fonts/          IBM Plex Mono woff2 (400, 700)

dist/ and node_modules/ are gitignored.

Deploy

Full instructions in site/README.md. Short version for Cloudflare Pages (Git integration):

  • Root directory: site
  • Build command: pnpm build
  • Build output directory: dist
  • Production branch: main

Then add devloop.sh as a custom domain. Note: https://devloop.sh/install must serve the install script for the on-page command to work — see the README for a _redirects approach until the real installer is published.

Test evidence

  • pnpm build produces dist/{index.html,styles.css,fonts/}.
  • Verified live in-browser (Chrome) at desktop and mobile widths: layout, click-to-copy (clipboard write + checkmark), font loading, and the video placeholder all render correctly.

satyaborg added 14 commits June 1, 2026 17:21
Single-page static site for the devloop CLI under site/, deployable to
Cloudflare Pages. Monochrome teletype aesthetic (mimicking code.storage)
with the CLI's ASCII logo and a violet accent matching the TUI brand color.

- Tailwind v4 compiled to static CSS via the standalone CLI (no runtime CDN)
- IBM Plex Mono self-hosted from fonts/ (OFL, weights 400 + 700)
- Click-to-copy install and quick-start code blocks
- Video placeholder under the install command for a future demo embed
- README documents develop/build and Cloudflare Pages + custom-domain deploy
- Add a compressed WHY section below the demo: spec-driven verifiable
  loop, cross-family review citing self-preference research
  (Panickssery et al., 2024), and human-in-the-loop only at the spec
  and final sign-off.
- Trim the install prerequisites to core deps and note macOS.
Single left-offset column with the demo video placeholder inline after
the install command, collapsible FAQ via native details/summary (plus
in-place and stop-condition entries), and [*] step markers. Drop the
header and trim the footer to MIT + GitHub. Replace prose -- separators
with colons and middots.
@satyaborg satyaborg merged commit c1f931d into main Jun 3, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant