🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
130 lines
3.4 KiB
HTML
130 lines
3.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ko">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>{{TITLE}} | 제이미성형외과</title>
|
|
<link rel="stylesheet" href="../styles/jamie-brand.css">
|
|
<style>
|
|
/* Additional inline styles for standalone HTML */
|
|
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<!-- Cover Page -->
|
|
<div class="jamie-cover">
|
|
<div class="jamie-cover-logo">
|
|
<!-- SVG Logo Placeholder -->
|
|
<svg width="120" height="120" viewBox="0 0 120 120" fill="none">
|
|
<circle cx="60" cy="60" r="58" stroke="#79A233" stroke-width="4"/>
|
|
<text x="60" y="70" text-anchor="middle" fill="#79A233" font-size="32" font-weight="bold">J</text>
|
|
</svg>
|
|
</div>
|
|
<h1>{{TITLE}}</h1>
|
|
<p class="subtitle">{{SUBTITLE}}</p>
|
|
<p class="meta">
|
|
제이미성형외과<br>
|
|
{{DATE}}
|
|
</p>
|
|
</div>
|
|
|
|
<!-- Document Content -->
|
|
<div class="jamie-document">
|
|
|
|
<!-- Header -->
|
|
<header class="jamie-header">
|
|
<div class="jamie-header-text">
|
|
<span class="jamie-header-title">제이미성형외과</span>
|
|
</div>
|
|
<div class="jamie-header-text">
|
|
<span class="jamie-header-title">{{DOCUMENT_TYPE}}</span>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- Executive Summary -->
|
|
<section class="jamie-section">
|
|
<div class="jamie-section-header">
|
|
<span class="jamie-section-number">1</span>
|
|
<h2>개요</h2>
|
|
</div>
|
|
<div class="jamie-card jamie-card-accent">
|
|
<p>{{SUMMARY}}</p>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Key Findings -->
|
|
<section class="jamie-section">
|
|
<div class="jamie-section-header">
|
|
<span class="jamie-section-number">2</span>
|
|
<h2>주요 내용</h2>
|
|
</div>
|
|
|
|
<div class="jamie-callout">
|
|
<div class="jamie-callout-title">핵심 포인트</div>
|
|
<ul class="jamie-list">
|
|
<li>{{KEY_POINT_1}}</li>
|
|
<li>{{KEY_POINT_2}}</li>
|
|
<li>{{KEY_POINT_3}}</li>
|
|
</ul>
|
|
</div>
|
|
|
|
{{CONTENT}}
|
|
</section>
|
|
|
|
<!-- Recommendations -->
|
|
<section class="jamie-section">
|
|
<div class="jamie-section-header">
|
|
<span class="jamie-section-number">3</span>
|
|
<h2>권장 사항</h2>
|
|
</div>
|
|
|
|
<div class="jamie-two-col">
|
|
<div class="jamie-card">
|
|
<h4>✅ Do's</h4>
|
|
<ul class="jamie-checklist">
|
|
{{DOS_LIST}}
|
|
</ul>
|
|
</div>
|
|
<div class="jamie-card">
|
|
<h4>❌ Don'ts</h4>
|
|
<ul class="jamie-list">
|
|
{{DONTS_LIST}}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Status / Results -->
|
|
<section class="jamie-section">
|
|
<div class="jamie-section-header">
|
|
<span class="jamie-section-number">4</span>
|
|
<h2>결과</h2>
|
|
</div>
|
|
|
|
<table class="jamie-table">
|
|
<thead>
|
|
<tr>
|
|
<th>항목</th>
|
|
<th>상태</th>
|
|
<th>비고</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{{TABLE_ROWS}}
|
|
</tbody>
|
|
</table>
|
|
</section>
|
|
|
|
<!-- Footer -->
|
|
<footer class="jamie-footer">
|
|
<p>
|
|
<strong>제이미성형외과</strong> | Jamie Plastic Surgery Clinic<br>
|
|
본 문서는 내부 검토용으로 작성되었습니다.<br>
|
|
{{DATE}} | Confidential
|
|
</p>
|
|
</footer>
|
|
|
|
</div>
|
|
</body>
|
|
</html>
|