Add the Blog Summary Card template (`blog-summary-card`)
メンテナーはふだん 1 日以内に返信
まだ誰も着手していません。
評価
- 難易度
- 3/5
- 見積もり時間
- 1〜2日
- 初心者へのやさしさ
- 58/100
- issue の種類
- 機能追加
- 明瞭さ
- 明確に書かれている
- 活発さ
- 活発
- 技術スタック
- typescript
- 領域
- design
調査の方向性
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.
索引モデルが issue の本文から書いたものです。
説明
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>.
- 主要言語
- TypeScript
- スター
- 8
- フォーク
- 4
- 平均マージ
- 6時間 9分
- マージ済み PR（30日）
- 66
環境構築
- Dockerfile・Docker Compose ファイルなし
- プルリクエストのテンプレートあり
- コントリビューションガイドを読む
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
codercops/ogcops のほかの issue
-
accessibility bug good first issue hacktoberfest ui
難易度 2/5 1〜3時間 初心者へのやさしさ 85/100
メンテナーはふだん 1 日以内に返信
-
accessibility bug good first issue hacktoberfest
難易度 2/5 1〜3時間 初心者へのやさしさ 86/100
メンテナーはふだん 1 日以内に返信
-
bug good first issue hacktoberfest ui
難易度 2/5 1〜3時間 初心者へのやさしさ 88/100
メンテナーはふだん 1 日以内に返信
-
bug good first issue hacktoberfest
難易度 2/5 1〜3時間 初心者へのやさしさ 88/100
codercops/ogcops#167 · コメント 1 件 ·
メンテナーはふだん 1 日以内に返信
-
An empty `imageUrl=`, `logoUrl=` or `template=` returns an error instead of the default対応中かも @Saifjafri212213 が今日担当しました。 オープンbug good first issue hacktoberfest
難易度 2/5 1〜3時間 初心者へのやさしさ 88/100
codercops/ogcops#166 · コメント 1 件 ·
メンテナーはふだん 1 日以内に返信
codercops/ogcops の issue をすべて見る
似ている issue
-
難易度 2/5 1〜3時間 初心者へのやさしさ 68/100
phivk/rubiks-lab#33 ·
メンテナーはふだん 1 日以内に返信
-
BUG:Edit Album strips spaces from the password so albums with a leading/trailing space in the password can't be edited対応中かも @ManyaJain111 が今日担当しました。 オープンbug enhancement possible-duplicate
難易度 2/5 1〜3時間 初心者へのやさしさ 77/100
AOSSIE-Org/PictoPy#1637 · コメント 4 件 ·
メンテナーはふだん 2 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 68/100
chaitin/MonkeyCode#1437 ·
メンテナーはふだん 1 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 72/100
メンテナーはふだん 1 日以内に返信
-
area:cards enhancement migration ready-for-agent
難易度 2/5 1〜3時間 初心者へのやさしさ 70/100
fil-donadoni/tolaria#6309 ·
メンテナーはふだん 1 日以内に返信