kyeongmin
b347090baa
다른 Claude가 커밋 시 의도치 않게 삭제한 핵심 템플릿 파일 복원: - cards/card-text-grid.html - emphasis/conclusion-accent-bar.html - emphasis/quote-left-border.html - emphasis/details-block.html - visuals/layer-diagram.html - visuals/pyramid-hierarchy.html - visuals/timeline-horizontal.html - visuals/timeline-vertical.html - _legacy/ 전체 (13개) Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
70 lines
1.5 KiB
HTML
70 lines
1.5 KiB
HTML
<!-- 섹션 타이틀: 배경 헤더 위 영문+한글 타이틀 오버레이 -->
|
|
<!--
|
|
📋 section-title
|
|
─────────────────
|
|
용도: 자세히보기 페이지 상단, 배경 이미지 위에 타이틀 표시
|
|
슬롯: title_ko (필수), title_en (선택), breadcrumb (선택), bg_image (선택)
|
|
Figma 원본: 공통 > section_title + bg 컴포넌트
|
|
-->
|
|
<div class="block-section-title">
|
|
{% if bg_image %}
|
|
<img class="st-bg" src="{{ bg_image }}" alt="">
|
|
{% else %}
|
|
<div class="st-bg st-bg-default"></div>
|
|
{% endif %}
|
|
{% if breadcrumb %}
|
|
<div class="st-breadcrumb">{{ breadcrumb }}</div>
|
|
{% endif %}
|
|
<div class="st-text">
|
|
{% if title_en %}<div class="st-en">{{ title_en }}</div>{% endif %}
|
|
<div class="st-ko">{{ title_ko }}</div>
|
|
</div>
|
|
</div>
|
|
|
|
<style>
|
|
.block-section-title {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 500px;
|
|
overflow: hidden;
|
|
}
|
|
.st-bg {
|
|
position: absolute;
|
|
inset: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
object-fit: cover;
|
|
z-index: 1;
|
|
}
|
|
.st-bg-default {
|
|
background: linear-gradient(135deg, #1e3a5f 0%, #2563eb 50%, #4dc4ff 100%);
|
|
}
|
|
.st-breadcrumb {
|
|
position: absolute;
|
|
top: 18px;
|
|
left: 89px;
|
|
z-index: 5;
|
|
font-size: 13px;
|
|
color: rgba(255,255,255,0.7);
|
|
}
|
|
.st-text {
|
|
position: absolute;
|
|
bottom: 40px;
|
|
left: 89px;
|
|
z-index: 5;
|
|
}
|
|
.st-en {
|
|
font-size: 15px;
|
|
font-weight: var(--weight-normal, 400);
|
|
color: #ffffff;
|
|
opacity: 0.85;
|
|
margin-bottom: 4px;
|
|
}
|
|
.st-ko {
|
|
font-size: 35px;
|
|
font-weight: var(--weight-bold, 700);
|
|
color: #ffffff;
|
|
line-height: 1.3;
|
|
}
|
|
</style>
|