Submission Guide
Everything you need to know about image dimensions, field requirements, and fallback behavior when submitting a project to the gallery.
Project Card Banner
The banner image at the top of each project card on the gallery homepage. Height is fixed; width adapts to the grid column.
The same 140 px height is used in both card widths. The inner dashed guide shows the narrow-card crop.
Example
Place main content in the center of the banner.
Project Detail Page Banner
The large hero banner at the top of each project detail page. Full-width layout with center-safe composition, scaling from 24" (1920 × 1080) to 4K (3840 × 2160).
Keep important content in the center safe area. The outer guide shows the 4K source width, and the inner dashed guide shows the minimum 1920 px upload.
Example
Place main content in the center of the banner.
The banner spans the full viewport width. Content within the center 70% zone is guaranteed visible from 24" (1920 × 1080) up to 4K (3840 × 2160). Upload at least 1920 × 320 for retina clarity.
Image Fallback Chain
When a higher-priority image is missing, the system falls back to the next option in the chain.
Field Requirements
All fields in the submission form, their required status, and formatting notes.
| Field | Type | Required | Note |
|---|---|---|---|
| Project Name | text | Yes | Shown on card and detail page |
| Tagline | text | Yes | One-line summary on card |
| Description | text | Yes | Short text on card; first ~3 lines |
| Detailed Description | markdown | Optional | Full markdown on detail page |
| Tech Stack | tags | Optional | Comma-separated freeform tags |
| Cover Image | image | Recommended | 16:9 ratio, first media item is the cover |
| Banner Image | image | Recommended | 432 × 140 (card) / 1920 × 320 (detail) |
| Gallery Images | image | Optional | Optional additional screenshots |
| GitHub Repository | url | Optional | Public repo URL |
| Live Demo Link | url | Optional | Optional deployment URL |