Hacktoberfest 2026: die Issues, die Maintainer für den Oktober markiert haben – offen und einsteigerfreundlich. Hacktoberfest-Issues durchsuchen

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

Geschlossen
#71 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Maintainer antworten meist innerhalb von 1 Tag

Dieses Issue hat noch niemand übernommen.

Bewertung

Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Anfängerfreundlichkeit
82/100
Issue-Typ
Feature
Klarheit
Klar beschrieben
Aktivitätsstatus
Aktiv
Tech-Stack
typescript
Bereich
design

Rechercherichtung

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.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

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>.

Vorherrschende Sprache
TypeScript
Sterne
8
Forks
4
Ø Merge
5 Std. 44 Min.
Gemergte PRs (30 T.)
83

Entwicklungsumgebung

Erste Schritte

  1. Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
  3. Forken Sie das Repository und arbeiten Sie in einem Branch.
  4. Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.

Mehr aus codercops/ogcops

Alle Issues in codercops/ogcops

Ähnliche Issues

Weitere Issues zu TypeScript

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.