Hacktoberfest 2026 : les issues que les mainteneurs ont marquées pour octobre, ouvertes et accessibles aux débutants. Parcourir les issues Hacktoberfest

Add the Sticky Note quote template (`quote-sticky-note`)

Fermée
#71 0 commentaires 0 réactions 0 personnes assignées Voir sur GitHub

Les mainteneurs répondent en général sous 1 jour

Personne n'a encore pris cette issue.

Évaluation

Difficulté
3/5
Temps estimé
1-2 jours
Accessibilité débutants
82/100
Type d'issue
Fonctionnalité
Clarté
Clairement spécifiée
Activité
Active
Stack technique
typescript
Domaine
design

Piste de recherche

Start with src/templates/quote/book-page.ts for the paper and serif treatment, and src/templates/blog/geometric.ts for rotation. Implement the template in src/templates/quote/sticky-note.ts using the specified fields and autoFontSize(); check the shared template checklist in #5. Done when the quote fits, the template is re-exported from src/templates/quote/index.ts, and it is registered in the Quote block of src/templates/registry.ts.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Description

hacktoberfest help wanted templates

Part of #5. A playful quote card.

Idea
A square sticky note (about 560x460) sits slightly rotated (rotate(-3deg)) on a plain background, with a soft shadow and a translucent "tape" strip across the top. The quote is in Playfair Display, and the author sits at the bottom right after a dash.

Template details

  • File: src/templates/quote/sticky-note.ts, id quote-sticky-note
  • Fields: quote (textarea), commonFields.author, noteColor (color, default '#FDE68A'), commonFields.bgColor, { ...commonFields.textColor, defaultValue: '#1F2937' }

Where to look

  • Closest reference: src/templates/quote/book-page.ts (paper feel, serif), src/templates/blog/geometric.ts (rotate transform)

Acceptance criteria

  • Quote size adapts with autoFontSize() and never overflows the note
  • If rotated text renders poorly, rotate only a background layer and keep the text straight
  • Re-exported in src/templates/quote/index.ts and registered in the Quote block of src/templates/registry.ts
  • Meets the shared template checklist in #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>.

Langage dominant
TypeScript
Étoiles
8
Forks
4
Merge moyen
5 h 44 min
PR mergées (30 j)
83

Préparer son environnement

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Autres issues de codercops/ogcops

Toutes les issues de codercops/ogcops

Issues similaires

Plus d'issues TypeScript

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.