Hacktoberfest 2026:メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

ux: on mobile the licence verdict is below the fold on entry pages, and "Related" prints raw entry ids instead of names

クローズ
#155 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る

メンテナーはふだん 1 日以内に返信

まだ誰も着手していません。

評価

難易度
4/5
見積もり時間
3〜5日
初心者へのやさしさ
48/100
issue の種類
機能追加
明瞭さ
明確に書かれている
活発さ
活発
技術スタック
javascript
領域
frontend

調査の方向性

Start with site/lib/entry-page.mjs to trace the entry markup and body link resolver, then inspect the mobile styles that control .facts-panel, the image strip, and entry flags. Use /entry/kenney/ at 375x667 and the related links in catalog/3d/kenney.md as examples. Done when every entry shows the licence, commercial stance, and credit requirement without scrolling, and Related displays entry names with licence and commercial details.

索引モデルが issue の本文から書いたものです。

説明

enhancement priority: medium

Why it matters

A developer opens an entry to answer "can I ship this, and what do I owe?". On a phone that answer is on the second screen, behind the image strip and the lead paragraph, and the "Go to source" button is further down still. Related is the main way to move from a hub (Kenney, 31 links) to its packs, and it currently reads like a file listing.

Evidence (at 69387df, local build at 375x667)

  • /entry/kenney/: .facts-panel top = 709 px, "Go to source" button top = 980 px, viewport height 667. Markup order in site/lib/entry-page.mjs is strip -> lead -> facts -> actions; the strip alone is 360 px plus caption.
  • 414 of 415 entry pages with id="related" render <a href="../<id>/"><id></a>, for example kenney-city-kit-roads, kenney-modular-dungeon-kit. Source: catalog/3d/kenney.md "## Related" is - [kenney-city-kit-roads](kenney-city-kit-roads.md) and the renderer keeps the link text verbatim. The build knows every entry's name and licence.

Suggested approach

At max-width: 640px, put a one-line verdict row directly under the h1 (licence, commercial stance, credit, verified age, reusing entry-flags), move "Go to source" beside it, and cap the strip at about 160 px tall; keep the full "At a glance" panel for desktop. In the entry-body link resolver, when a link resolves to a catalog entry and its text equals the entry id, substitute entry.name and append a small flag span (licence, commercial OK / per-file). Contributors can keep writing ids in the markdown.

Done when

At 375x667 the licence, commercial stance and credit requirement are visible without scrolling on every entry page; Related shows "Kenney City Kit (Roads) - CC0 - commercial OK".

主要言語
JavaScript
スター
58
フォーク
15
平均マージ
16時間 53分
マージ済み PR(30日)
14

環境構築

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

TMHSDigital/Free-Game-Dev-Assets のほかの issue

TMHSDigital/Free-Game-Dev-Assets の issue をすべて見る

似ている issue

JavaScript の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。