Revert "삭제된 템플릿 파일 복원 (card-text-grid, conclusion-accent-bar 등 8개)"
This reverts commit b347090baa.
This commit is contained in:
@@ -1,38 +0,0 @@
|
||||
<!-- 결론 바: Figma 톤에 맞춘 하단 핵심 메시지 -->
|
||||
<!--
|
||||
📋 conclusion-bar
|
||||
─────────────────
|
||||
용도: 슬라이드/페이지 하단 핵심 한 줄 요약
|
||||
슬롯: conclusion_text (필수), label (선택)
|
||||
Figma 톤: 밝은 회색 배경 + 좌측 파란 액센트 라인 + 진한 텍스트
|
||||
-->
|
||||
<div class="block-conclusion-figma">
|
||||
{% if label %}<div class="cf-label">{{ label }}</div>{% endif %}
|
||||
<div class="cf-text">{{ conclusion_text }}</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.block-conclusion-figma {
|
||||
background: #f4f6f9;
|
||||
border-left: 4px solid #006aff;
|
||||
border-radius: 0 8px 8px 0;
|
||||
padding: 18px 28px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 4px;
|
||||
}
|
||||
.cf-label {
|
||||
font-size: 11px;
|
||||
font-weight: 600;
|
||||
color: #006aff;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
.cf-text {
|
||||
font-size: 15px;
|
||||
font-weight: 700;
|
||||
color: #1e293b;
|
||||
line-height: 1.6;
|
||||
word-break: keep-all;
|
||||
}
|
||||
</style>
|
||||
@@ -1,67 +0,0 @@
|
||||
<!-- 자세히보기: HTML 네이티브 <details>/<summary> 접기/펼치기 -->
|
||||
<!--
|
||||
📋 details-block
|
||||
─────────────────
|
||||
용도: 상세 데이터(비교표, 스펙 등)를 접어서 표시. 클릭하면 펼침.
|
||||
슬롯: summary_text (필수), detail_content (필수), label (선택)
|
||||
원칙: 본문 흐름을 끊지 않으면서 상세 정보 제공
|
||||
인쇄: window.onbeforeprint에서 자동 펼침 (slide-base.html의 JS)
|
||||
-->
|
||||
<details class="block-details">
|
||||
<summary class="dt-summary">
|
||||
{% if label %}<span class="dt-label">{{ label }}</span>{% endif %}
|
||||
<span class="dt-summary-text">{{ summary_text }}</span>
|
||||
</summary>
|
||||
<div class="dt-content">{{ detail_content }}</div>
|
||||
</details>
|
||||
|
||||
<style>
|
||||
.block-details {
|
||||
background: var(--color-bg-subtle);
|
||||
border: var(--border-width) solid var(--color-border);
|
||||
border-left: var(--accent-border) solid var(--color-accent);
|
||||
border-radius: 0 var(--radius) var(--radius) 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
.dt-summary {
|
||||
padding: var(--spacing-inner) var(--spacing-block);
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: var(--spacing-small);
|
||||
font-size: var(--font-body);
|
||||
font-weight: var(--weight-medium);
|
||||
color: var(--color-text);
|
||||
line-height: var(--line-height-ko);
|
||||
list-style: none;
|
||||
}
|
||||
.dt-summary::-webkit-details-marker {
|
||||
display: none;
|
||||
}
|
||||
.dt-summary::before {
|
||||
content: "▶";
|
||||
font-size: var(--font-caption);
|
||||
color: var(--color-accent);
|
||||
transition: none;
|
||||
}
|
||||
details[open] .dt-summary::before {
|
||||
content: "▼";
|
||||
}
|
||||
.dt-label {
|
||||
font-size: var(--font-caption);
|
||||
font-weight: var(--weight-bold);
|
||||
color: var(--color-accent);
|
||||
white-space: nowrap;
|
||||
}
|
||||
.dt-summary-text {
|
||||
word-break: keep-all;
|
||||
}
|
||||
.dt-content {
|
||||
padding: 0 var(--spacing-block) var(--spacing-inner) var(--spacing-block);
|
||||
font-size: var(--font-body);
|
||||
color: var(--color-text);
|
||||
line-height: var(--line-height-ko);
|
||||
word-break: keep-all;
|
||||
border-top: var(--border-width) solid var(--color-border);
|
||||
}
|
||||
</style>
|
||||
@@ -1,30 +0,0 @@
|
||||
<!-- 강조 인용 블록: 문제 제기, 핵심 메시지 -->
|
||||
<div class="block-quote">
|
||||
<div class="quote-text">{{ quote_text }}</div>
|
||||
{% if source %}<div class="quote-source">{{ source }}</div>{% endif %}
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.block-quote {
|
||||
background: var(--color-bg-subtle);
|
||||
border-left: var(--accent-border) solid var(--color-danger);
|
||||
padding: var(--spacing-inner) var(--spacing-block);
|
||||
border-radius: 0 var(--radius) var(--radius) 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
.quote-text {
|
||||
white-space: pre-line;
|
||||
font-size: var(--font-body);
|
||||
color: var(--color-text);
|
||||
line-height: var(--line-height-ko);
|
||||
font-weight: var(--weight-medium);
|
||||
}
|
||||
.quote-source {
|
||||
font-size: var(--font-caption);
|
||||
color: var(--color-text-light);
|
||||
font-style: italic;
|
||||
margin-top: var(--spacing-small);
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user