{# ───────────────────────────────────────────────────────────────────────────── Visual Provenance — figma_to_html_agent/blocks/1171281195/index.html ───────────────────────────────────────────────────────────────────────────── PROMOTED (Figma 1:1, scale 1280/1868 = 0.68524) : - title gradient : linear-gradient(rgb(204,82,0), rgb(136,55,0)) - subheader bar : pill (border-radius: 50px), 좌=green / 우=brown gradient - col-left color : #5c3714 (brown family) - col-right color : #285b4a (deep green family) - col-badge : 둥근 사각형 (radius 10px), 그라데이션 green↔brown, 흰 글자 - bullets : list-style disc inside (filled bullets) - typography weight : 700 전체 ADAPTED (Phase Z compact / dynamic N rows) : - figma 원본 1868×1908 px → 1200×590 slide-body scale - figma 12 hardcoded rows → dynamic N (col_a_body.sections count = 콘텐츠 N) - figma badge text (axis label) → row 번호 (① ② ③ ...) — 04-2 같은 통합 콘텐츠는 축 라벨 없음, row 번호로 대체. 정책[i] vs 조직[i] 한 row pair. - figma 결론 영역 (arrow + box) → omit (slide-footer 가 별 area) slots (payload via process_product_pair builder) : - title : section.title - col_a_label : 좌 column header (예: "정책 및 발주 체계") - col_b_label : 우 column header (예: "조직 및 수행 역량") - col_a_body.sections[] : 좌 column items, 각 {title, text_lines} - col_b_body.sections[] : 우 column items #}
{{ slot_payload.title }}
{# subheader pill : col_a_label / col_b_label (figma BIM/DX 자리). "vs" 제거. #}
{{ slot_payload.col_a_label | safe }} {{ slot_payload.col_b_label | safe }}
{# compare rows : col_a_body / col_b_body 의 sections 를 row 별로 짝지어 표시. row 개수 = max(col_a sections, col_b sections). 부족한 쪽은 빈 div. badge = row 번호 (figma 의 가운데 axis label 자리 — 04-2 같은 통합 콘텐츠는 축 라벨 없으므로 번호로 대체). #}
{% set a_secs = slot_payload.col_a_body.sections or [] %} {% set b_secs = slot_payload.col_b_body.sections or [] %} {% set row_count = [a_secs | length, b_secs | length] | max %} {% for i in range(row_count) %} {% set a = a_secs[i] if i < (a_secs | length) else none %} {% set b = b_secs[i] if i < (b_secs | length) else none %}
{% if a %} {% if a.title %}
{{ a.title | safe }}
{% endif %}
{# 2026-05-15 — 03-2 의 AS-IS/TO-BE markdown table 보존 (mdx 무손실). #} {% if a.transforms %}
AS-IS TO-BE
{% for t in a.transforms %}
{{ t.from | safe }}
➜
{{ t.to | safe }}
{% endfor %}
{% elif a.text_lines %} {% for line in a.text_lines %}
{{ line.text | safe }}
{% endfor %} {% endif %}
{% endif %}
{% if b %} {% if b.title %}
{{ b.title | safe }}
{% endif %}
{% if b.transforms %}
AS-IS TO-BE
{% for t in b.transforms %}
{{ t.from | safe }}
➜
{{ t.to | safe }}
{% endfor %}
{% elif b.text_lines %} {% for line in b.text_lines %}
{{ line.text | safe }}
{% endfor %} {% endif %}
{% endif %}
{% endfor %}