roadmap-gen/themes/compact/legend.html

Professional HTML roadmap generator from YAML data with multiple themes

<div class="legend-section">
    <h3>📌 Legend</h3>
    <div class="legend-grid">
        <div class="legend-item">
            <span class="legend-status completed"></span>
            <span><strong>Completed</strong> - Objectives achieved</span>
        </div>
        <div class="legend-item">
            <span class="legend-status in-progress"></span>
            <span><strong>In Progress</strong> - Active development</span>
        </div>
        <div class="legend-item">
            <span class="legend-status planned"></span>
            <span><strong>Planned</strong> - Approved and scheduled</span>
        </div>
        <div class="legend-item">
            <span class="legend-status on-hold"></span>
            <span><strong>On Hold</strong> - Temporarily suspended</span>
        </div>
    </div>
    <div class="next-quarters-info"><strong>Highlighted columns</strong> = Next quarters ({{nextQuarters}})</div>
</div>