Add the Sticky Note quote template (`quote-sticky-note`)
Los mantenedores suelen responder en 1 día
Nadie ha tomado este issue todavía.
Evaluación
- Dificultad
- 3/5
- Tiempo estimado
- 1-2 días
- Aptitud para principiantes
- 82/100
- Tipo de issue
- Nueva funcionalidad
- Claridad
- Bien especificado
- Estado de actividad
- Activo
- Stack tecnológico
- typescript
- Área
- design
Línea de trabajo
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.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
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, idquote-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.tsand registered in the Quote block ofsrc/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>.
- Lenguaje dominante
- TypeScript
- Estrellas
- 8
- Forks
- 4
- Merge medio
- 5 h 44 min
- PR fusionados (30 d)
- 83
Preparar el entorno
- Sin Dockerfile ni archivo de Docker Compose
- Tiene una plantilla de pull request
- Leer la guía de contribución
Primeros pasos
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Más de codercops/ogcops
-
Add the Order Status e-commerce template (`ecommerce-order-status`)Posiblemente ocupada @piyusshhjangid la tomó hoy. Abiertogood first issue hacktoberfest templates
codercops/ogcops#181 · 4 comentarios · 1 asignado ·
Los mantenedores suelen responder en 1 día
-
Add the Cheat Sheet tutorial template (`tutorial-cheat-sheet`)Posiblemente ocupada @srikar-naidu la tomó hoy. Abiertohacktoberfest help wanted templates
Dificultad 2/5 1-3 horas Aptitud para principiantes 45/100
codercops/ogcops#180 · 3 comentarios ·
Los mantenedores suelen responder en 1 día
-
Add the Call for Speakers event template (`event-call-for-speakers`)Posiblemente ocupada @Saifjafri212213 la tomó hoy. Abiertogood first issue hacktoberfest templates
codercops/ogcops#177 · 2 comentarios · 1 asignado ·
Los mantenedores suelen responder en 1 día
-
Add the Day Streak developer template (`developer-day-streak`)Posiblemente ocupada @srikar-naidu la tomó hoy. Abiertohacktoberfest help wanted templates
codercops/ogcops#176 · 3 comentarios · 1 asignado ·
Los mantenedores suelen responder en 1 día
-
Hacktoberfest 2026: start hereAbiertohacktoberfest
Dificultad 1/5 Menos de una hora Aptitud para principiantes 35/100
Los mantenedores suelen responder en 1 día
Todos los issues de codercops/ogcops
Issues similares
-
数据界面的横向滚动条缺失Abierto
Dificultad 2/5 1-3 horas Aptitud para principiantes 62/100
zilliztech/attu#1037 ·
-
clawsweeper:fix-shape-clear clawsweeper:queueable-fix clawsweeper:source-repro impact:ux-friction issue-rating: 🦞 diamond lobster no-stale P3
Dificultad 2/5 1-3 horas Aptitud para principiantes 76/100
openclaw/openclaw#181212 · 1 comentario · 1 reacción ·
Los mantenedores suelen responder en 1 día
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 78/100
apify/apify-mcp-server#1684 ·
Los mantenedores suelen responder en 1 día
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 82/100
Automattic/data-liberation-agent#953 ·
Los mantenedores suelen responder en 1 día
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 78/100
siteboon/claudecodeui#1642 ·
Los mantenedores suelen responder en 5 días