WIP: hero-icon-cards_1 블록 + 오답노트 + figma 관련 파일
- hero-icon-cards_1.html: hero-icon-cards 변형 (icon → 소제목+불릿 계층) - compare-detail-gradient.html: 하단 2열 비교 블록 (Figma Frame 4 기반) - 오답노트.md: 절대 하지 말아야 하는 실수 목록 - figma_to_html.py: Figma→HTML 변환 스크립트 - static/figma-assets/: Figma export 이미지 (배지, 화살표) - 주의: compare-detail-gradient CSS 폰트 크기가 임의 수정됨 — 원본 복원 필요 Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
73
templates/blocks/BEPs/engn-solution-dfma.html
Normal file
73
templates/blocks/BEPs/engn-solution-dfma.html
Normal file
@@ -0,0 +1,73 @@
|
||||
<!-- Engn. Solution / DfMA 설명 + 정책 달성 -->
|
||||
<!--
|
||||
📋 engn-solution-dfma
|
||||
─────────────────
|
||||
용도: Engn. Solution과 DfMA 개념 설명 + 정책 달성 연결
|
||||
슬롯:
|
||||
items[]: 항목 목록
|
||||
- title: 제목 (예: "Engn. Solution", "DfMA")
|
||||
- description: 설명 텍스트
|
||||
- color: 제목 색상 (예: "#217581")
|
||||
main_text: 하단 메인 텍스트
|
||||
policy_label: 정책 달성 라벨
|
||||
Figma 원본: Frame 1171276070
|
||||
-->
|
||||
<div class="block-engn">
|
||||
<div class="engn-items">
|
||||
{% for item in items %}
|
||||
<div class="engn-item">
|
||||
<div class="engn-title" style="color: {{ item.color | default('#217581') }}">{{ item.title }}</div>
|
||||
<div class="engn-desc">{{ item.description }}</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% if main_text %}
|
||||
<div class="engn-main">{{ main_text }}</div>
|
||||
{% endif %}
|
||||
{% if policy_label %}
|
||||
<div class="engn-policy">{{ policy_label }}</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.block-engn {
|
||||
padding: 16px 20px;
|
||||
}
|
||||
.engn-items {
|
||||
display: flex;
|
||||
gap: 20px;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.engn-item {
|
||||
flex: 1;
|
||||
}
|
||||
.engn-title {
|
||||
font-size: var(--font-subtitle, 16px);
|
||||
font-weight: 900;
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
.engn-desc {
|
||||
font-size: var(--font-caption, 12px);
|
||||
font-weight: 700;
|
||||
color: #217581;
|
||||
line-height: var(--line-height-ko, 1.7);
|
||||
}
|
||||
.engn-main {
|
||||
font-size: var(--font-body, 14px);
|
||||
font-weight: 700;
|
||||
color: #000;
|
||||
line-height: var(--line-height-ko, 1.7);
|
||||
text-align: center;
|
||||
margin-top: 16px;
|
||||
}
|
||||
.engn-policy {
|
||||
background: #1a365d;
|
||||
color: #fff;
|
||||
font-size: var(--font-body, 14px);
|
||||
font-weight: 700;
|
||||
padding: 8px 20px;
|
||||
text-align: center;
|
||||
border-radius: 6px;
|
||||
margin-top: 12px;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user