Skip to content

Add the Open to Work developer template (developer-open-to-work) #62

Closed

Description

@anurag629

Part of #5. A card developers can share when they are looking for work or freelance projects.

Idea
A status pill at the top left with a solid dot and the availability text (for example "Open to work"). Below it: a large name, the role, and up to 6 skill pills that wrap. The footer shows location and website. On the right is a large initials circle with an accent-colored ring, like a profile photo frame.

Template details

  • File: src/templates/developer/open-to-work.ts, id developer-open-to-work
  • Fields: name (text, required), role (text), availability (select: Open to work / Available for freelance / Open to collaborate), skills (text, comma-separated), location (text), website (text), commonFields.bgColor, { ...commonFields.accentColor, defaultValue: '#22C55E' }, commonFields.textColor

Where to look

  • Closest reference: src/templates/developer/portfolio-card.ts (avatar area and skill pills with flexWrap)
  • Select field example: src/templates/tutorial/difficulty-badge.ts

Acceptance criteria

  • Skills are split on commas, trimmed, empty entries dropped, and capped at 6
  • Re-exported in src/templates/developer/index.ts and registered in the Developer 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 #<this issue number>.

Activity

  1. harshit-exe-dev commented on Oct 20, 2026

    @harshit-exe-dev
    Contributor

    I'd like to take this one — the Open to Work developer template. Please assign it to me, I'll open a PR against dev once it's ready.

  2. anurag629 commented on Oct 20, 2026

    @anurag629
    MemberAuthor

    Hey @harshit-exe-dev, #62 is yours. The shared checklist in #5 covers the rest, and portfolio-card.ts is the closest one to copy from.

    Branch off dev and open the PR against dev with Closes #62.

  3. added 3 commits that reference this issue on Oct 20, 2026
    b522c14
    f2b6e71
    475a0b6
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

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