Add the Blog Summary Card template (`blog-summary-card`)
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
- 58/100
- Type d'issue
- Fonctionnalité
- Clarté
- Clairement spécifiée
- Activité
- Active
- Stack technique
- typescript
- Domaine
- design
Piste de recherche
Start with src/templates/blog/minimal-light.ts for the light palette and src/templates/ecommerce/product-card.ts for the card layout. Implement the specified template in src/templates/blog/summary-card.ts, then re-export it from src/templates/blog/index.ts and register it in the Blog block of src/templates/registry.ts. Check the shared template checklist in #5; done means the excerpt stays within the card, initials and the author circle behave as specified, and the template is registered.
Rédigé par le modèle d'indexation à partir du texte de l'issue.
Description
Part of #5. A card-style blog preview with a reading-time pill.
Idea
A white card with rounded corners and a soft shadow floats on a light background. The left 38% of the card is a "cover" panel filled with an accent gradient, showing the category name in large type. The right side has a category pill, the title, a two-line excerpt, and a footer with an initials circle for the author, "Author · Date", and a "6 min read" pill.
Template details
- File:
src/templates/blog/summary-card.ts, idblog-summary-card - Fields:
commonFields.title,commonFields.description,commonFields.author,commonFields.date,commonFields.category,readTime(text, default "6 min read"),commonFields.siteName,{ ...commonFields.bgColor, defaultValue: '#F4F1EC' },commonFields.accentColor,{ ...commonFields.textColor, defaultValue: '#1F2937' }
Where to look
- Closest reference:
src/templates/blog/minimal-light.ts(light palette),src/templates/ecommerce/product-card.ts(card with an image area)
Acceptance criteria
- Excerpt is truncated so it never pushes the footer off the card
- Author initials are computed from the author name; the circle is hidden when author is empty
- Re-exported in
src/templates/blog/index.tsand registered in the Blog 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>.
- Langage dominant
- TypeScript
- Étoiles
- 8
- Forks
- 4
- Merge moyen
- 5 h 19 min
- PR mergées (30 j)
- 99
Préparer son environnement
- Aucun Dockerfile ni fichier Docker Compose
- Propose un modèle de pull request
- Lire le guide de contribution
Par où commencer
- Lisez l'issue en entier, puis le guide de contribution du projet.
- Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
- Forkez le dépôt et travaillez sur une branche.
- Ouvrez une pull request qui référence le numéro de l'issue.
Autres issues de codercops/ogcops
-
good first issue hacktoberfest templates
Difficulté 2/5 1-3 heures Accessibilité débutants 85/100
Les mainteneurs répondent en général sous 1 jour
-
Add the Office Hours event template (`event-office-hours`)Peut-être pris @bhushan4work l’a pris aujourd’hui. Ouvertegood first issue hacktoberfest templates
codercops/ogcops#237 · 2 commentaires · 1 personne assignée ·
Les mainteneurs répondent en général sous 1 jour
-
good first issue hacktoberfest templates
Difficulté 3/5 1-2 jours Accessibilité débutants 76/100
Les mainteneurs répondent en général sous 1 jour
-
`npm run dev` keeps serving old images from `/api/og` after a template changePeut-être pris @srujankaleru2007 l’a pris aujourd’hui. Ouvertebug good first issue hacktoberfest
codercops/ogcops#228 · 2 commentaires · 1 personne assignée ·
Les mainteneurs répondent en général sous 1 jour
-
Add the Top Episodes podcast template (`podcast-top-episodes`)Peut-être pris @piyusshhjangid l’a pris aujourd’hui. Ouvertegood first issue hacktoberfest templates
codercops/ogcops#226 · 2 commentaires · 1 personne assignée ·
Les mainteneurs répondent en général sous 1 jour
Toutes les issues de codercops/ogcops
Issues similaires
-
Difficulté 2/5 1-3 heures Accessibilité débutants 72/100
braintrustdata/braintrust-sdk-javascript#2659 ·
Les mainteneurs répondent en général sous 1 jour
-
body-parser 2.3.0 in the published ai-dial-chat-bff image is vulnerable (CVE-2026-111181, HIGH)Peut-être pris @illya-havsiyevych l’a pris aujourd’hui. Ouvertebug
Difficulté 1/5 1-3 heures Accessibilité débutants 87/100
epam/ai-dial-chat#9566 ·
Les mainteneurs répondent en général sous 1 jour
-
bug
Difficulté 2/5 1-3 heures Accessibilité débutants 83/100
Les mainteneurs répondent en général sous 1 jour
-
はさみアイコンを修正するOuvertebug
Difficulté 1/5 Moins d'une heure Accessibilité débutants 68/100
-
resource.reload() while params is in error switches the resource to 'idle' instead of retryingOuvertearea: core
Difficulté 2/5 1-3 heures Accessibilité débutants 78/100
Les mainteneurs répondent en général sous 1 jour