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

Epic: The interface: a design system, progressive reveal, phones and AR

オープン
#279 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る

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

@pablo-mayrgundter がすでに取り組んでいます。

2026年10月24日 から。

  • #301 @pablo-mayrgundter による — オープン

評価

難易度
5/5
見積もり時間
1週間以上
初心者へのやさしさ
20/100
issue の種類
機能追加
明瞭さ
おおむね明確
活発さ
活発
技術スタック
css, javascript

調査の方向性

Read the Celestiary design system artifact linked from design/UI.md, then inspect the remaining phases in this issue; phase 1 is complete in #280. The work spans the observing theme, phone dock, AR interface and remaining chrome, with no implementation files or tests named here. Done means the applicable phase follows the stated design principles and its listed behaviors.

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

説明

epic

The chrome beyond the homepage had fallen behind it: the info panel was a bulleted dump of the target's descriptor with [+] toggles, in a translucent card that scene labels and the bottom controls ran over, and on a phone (where the AR view lives) it covered the screen.

The homepage's look (dark glass over the scene, periwinkle as the one signal colour, Inter, borders not shadows) is now written down as a design system, with tokens, components and proposed panels for desktop, phone and AR: the Celestiary design system artifact, linked from design/UI.md, which is also the plan.

Principles: the sky is the ground; night first; quiet chrome, exact data (numbers in mono, colour-keyed to the scene's lines); reveal by intent (a name, then a few numbers, then sections on request); nothing draws over a panel or sheet.

Phases

  1. Tokens, the tiered info panel, the phone bottom sheet (done, #280): the tokens as CSS custom properties; the panel as a head (name, kind, one fact), key rows and sections that open on request, kept in the info: token; at 600px or less a sheet from the bottom with peek, half and full heights. Cesium's credits shrink to the logo, and go while only sky is in view.
  2. The observing (red) theme: a setting and a permalink letter; every token's red value; offered when AR starts after dark.
  3. The phone dock (#289): Time, Layers, AR, Apps and More in one bottom bar, each opening its panel above it; the scene, the info sheet, the widgets sheet and Cesium's credits stand above it.
  4. AR: a reticle and an identify card; labels with a halo, only the brightest named; Cesium's credits in the sheet.
  5. The rest of the chrome on tokens: the homepage's rules, settings and About; the breadcrumb to its last two chips on a phone; retire .dialog, .text-label and collapsor.js.
主要言語
JavaScript
スター
55
フォーク
4
平均マージ
10時間 12分
マージ済み PR(30日)
134

環境構築

このプロジェクトには開発コンテナ、Dockerfile、コントリビューションガイドがありません。まず README を読み、一般的な手順ははじめてのコントリビューションガイドを参照してください。

はじめの一歩

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

celestiary/web のほかの issue

celestiary/web の issue をすべて見る

似ている issue

JavaScript の issue をもっと見る

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

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