RampQuest briefing screenshots
Drop screenshot image files into this folder to replace the "SCREENSHOT
PLACEHOLDER" cards on /work/hfi-grc-work-os/.
How it works
- Name each file exactly as listed below, plus an image extension.
- Supported extensions:
.png, .jpg, .jpeg, .webp, .avif (any one).
- As soon as a matching file exists, the placeholder is replaced by the real
image automatically (also clickable to open full-size in the lightbox).
- No filename match yet? The labelled placeholder keeps showing. You can add
them one at a time.
- After adding files: the dev server picks them up on save. For a production
build just run the normal build.
- Recommended: 16:10 screenshots, roughly 1600x1000px, PNG. They are shown
cropped-to-fill in the card and full-size (contained) in the lightbox.
Filenames
Deliver — "Inside the workspace" gallery
| File basename |
Card |
| engagement-overview |
Engagement Overview |
| tool-assessment |
Tool Assessment |
| client-snapshot |
Client Snapshot |
| tool-coverage |
Tool Coverage |
| control-360 |
Control 360 |
| quick-wins-report |
Quick Wins Report |
| snapshot-roadmap |
Progressing Snapshot Roadmap |
| evidence-checklist |
Evidence Checklist (Box / Microsoft 365 metadata) |
| email-summary |
Email-ready client summary |
| hubspot-fields |
HubSpot mapped fields |
| findings-gaps |
Findings and Gaps |
| final-export |
Final export |
Reference — "Reference views"
| File basename |
Card |
| reference-control-detail |
Control detail |
| reference-crosswalk |
Crosswalk |
| reference-evidence-guide |
Evidence guide |
| reference-anti-patterns |
Anti-pattern catalog |
| reference-tool-catalog |
Tool catalog |
Learn
| File basename |
Card |
| learn-course |
Learn course environment |
Video poster images (optional)
Thumbnails shown before a self-hosted video plays. Only needed if you
self-host a video (see src/videos/briefing/README.md).
| File basename |
Video |
| video-hero-poster |
Hero overview |
| video-origin-poster |
Origin story |
| video-deliver-poster |
Deliver walkthrough |
| video-ai-poster |
HarvestAI in practice |
| video-security-poster |
Security self-review |
Example
Save a PNG as engagement-overview.png in this folder and the first Deliver
card shows it. Save control-360.jpg and that card shows it. And so on.