Skip to content

Add the Waitlist product template (product-waitlist) #257

Open

Description

@anurag629

Part of #5. For pre-launch posts that collect sign-ups.

Idea
"Join the waitlist" sits at the top as a small label in the accent color, with the product name large under it ("Notewell") and a one-line pitch under that ("Notes that link themselves"). Lower down, a big number shows how many people are waiting ("2,148") with a short label next to it ("people on the list"). An optional launch window ("Opening in November") and the site name sit at the bottom.

Template details

  • File: src/templates/product/waitlist.ts, id product-waitlist
  • Fields: commonFields.title (the product name), commonFields.description (the pitch), count (text, optional, default "2,148"), countLabel (text, optional, default "people on the list"), launchWindow (text, optional, default "Opening in November"), commonFields.siteName, commonFields.bgColor, commonFields.accentColor, commonFields.textColor

Where to look

  • Closest reference: src/templates/product/announcement.ts (product name, pitch and launch date), src/templates/newsletter/subscriber-count.ts (a large count with a label)

Acceptance criteria

  • Long product names and pitches shrink with autoFontSize() and then truncate, and an empty description, count, countLabel, launchWindow or site name (or only spaces) hides cleanly
  • When count is empty its label hides too, and accent text stays readable on a light background
  • Re-exported in src/templates/product/index.ts and registered in the Product block of src/templates/registry.ts
  • Meets the shared template checklist in Add new card-style OG image templates #5

One template per contributor at a time, so more people get a chance.


Want to work on this? Comment below and I'll assign it to you. Please take one issue at a time, branch off dev, and open your PR against dev with Closes #257 in the description.

Activity

  1. sank8-2 commented on Oct 26, 2026

    @sank8-2
    Contributor

    I'd like to take this one.

    I'll add src/templates/product/waitlist.ts (product-waitlist) with the "Join the waitlist" label in the accent (darkened with mixColors() on light backgrounds), the product name and pitch shrunk with autoFontSize() before truncating, the big count with its countLabel beside it, and the launch window plus site name at the bottom. An empty count will hide its label too, and a blank description, launchWindow or site name will drop out cleanly.

    I'll re-export it from product/index.ts, register it in the Product block, and add a test file alongside it. Branching off dev, PR against dev with Closes #257 — I'll wait for the assignment before opening the PR.

  2. Saifjafri212213 commented on Oct 26, 2026

    @Saifjafri212213
    Contributor

    Hi, could I take this one? I'm @Saifjafri212213. My Call for Speakers (#220) and Code Comment (#236) templates are merged, so I have no other open ogcops template. I'll follow the template checklist (works on light and dark backgrounds, test file, screenshots in the PR).

  3. anurag629 commented on Oct 26, 2026

    @anurag629
    MemberAuthor

    Hey @sank8-2, it's yours! @Saifjafri212213, sank8-2 asked first here, and you've still got #248, which is a template too.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

good first issueGood for newcomershacktoberfestGood pick for Hacktoberfest contributorstemplatesTemplate additions and improvements

Type

No type

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions