Revert "삭제된 템플릿 파일 복원 (card-text-grid, conclusion-accent-bar 등 8개)"

This reverts commit b347090baa.
This commit is contained in:
2026-03-25 22:11:40 +09:00
parent b347090baa
commit 7038418c8b
21 changed files with 0 additions and 1195 deletions

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>