mirror of
https://github.com/tiennm99/HugoBlox-kit.git
synced 2026-10-11 03:12:56 +00:00
George Cushen
23e0bb1269
Steps block: - Three layouts: vertical (stacked with connector line), horizontal (side-by-side, connector above), timeline (alternating cards on centre line) - Three marker styles: number (decimal/padded/roman/alpha), icon, dot - Layout-aware marker sizing - bare 40px icon for horizontal, tinted circle for vertical/timeline - Staggered IntersectionObserver entrance animation - Code span rendering in step body text - Added to startup-landing-page template as a horizontal how-it-works section
16 lines
803 B
JSON
16 lines
803 B
JSON
{
|
|
"id": "steps",
|
|
"name": "Steps",
|
|
"version": "1.0.0",
|
|
"license": "MIT",
|
|
"category": "content",
|
|
"intent": ["inform", "convert"],
|
|
"verticals": ["startup", "saas", "agency", "dev-portfolio", "lab", "academic-cv"],
|
|
"tags": ["steps", "process", "how-it-works", "timeline", "onboarding", "tutorial", "roadmap", "milestones"],
|
|
"description": "Numbered process steps with vertical, horizontal, and timeline layouts. Use for 'How it works', onboarding flows, installation guides, feature walkthroughs, and project timelines. Supports icons, badges, dates, images, and per-step CTAs.",
|
|
"author": "Hugo Blox",
|
|
"homepage": "https://hugoblox.com/blocks/",
|
|
"repository": "https://github.com/HugoBlox/kit",
|
|
"keywords": ["hugo", "steps", "process", "timeline", "how-it-works", "onboarding"]
|
|
}
|