Files
our-claude-skills/custom-skills/41-jamie-brand-audit/desktop/templates/html/report-template.html
Andrew Yim 236be6c580 directory changes and restructuring
🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2025-12-22 02:01:41 +09:00

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>