mirror of
https://github.com/hwanny1128/HGZero.git
synced 2025-12-06 21:56:24 +00:00
bb921e10eb
- 가파팀 프로토타입 파일 삭제 - 가파팀 유저스토리 삭제 - 실시간 회의록 작성 플로우 설계서 추가 (Mermaid, Markdown) - 백업 및 데이터 디렉토리 추가 - AI 데이터 샘플 생성 도구 추가 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
184 lines
6.5 KiB
HTML
184 lines
6.5 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>
|
|
<link rel="stylesheet" href="common.css">
|
|
<style>
|
|
body { background-color: var(--color-gray-50); }
|
|
.page-container {
|
|
max-width: 800px;
|
|
margin: 0 auto;
|
|
padding: var(--spacing-8) var(--spacing-4);
|
|
}
|
|
.completion-icon {
|
|
text-align: center;
|
|
font-size: 80px;
|
|
margin-bottom: var(--spacing-6);
|
|
}
|
|
.page-title {
|
|
font-size: var(--font-size-h1);
|
|
color: var(--color-gray-900);
|
|
margin-bottom: var(--spacing-3);
|
|
text-align: center;
|
|
}
|
|
.page-subtitle {
|
|
font-size: var(--font-size-body);
|
|
color: var(--color-gray-500);
|
|
text-align: center;
|
|
margin-bottom: var(--spacing-8);
|
|
}
|
|
.stats-grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
|
|
gap: var(--spacing-4);
|
|
margin-bottom: var(--spacing-8);
|
|
}
|
|
.stat-card {
|
|
background: var(--color-white);
|
|
border: 1px solid var(--color-gray-200);
|
|
border-radius: var(--radius-lg);
|
|
padding: var(--spacing-5);
|
|
text-align: center;
|
|
}
|
|
.stat-value {
|
|
font-size: var(--font-size-h2);
|
|
font-weight: var(--font-weight-bold);
|
|
color: var(--color-primary-main);
|
|
margin-bottom: var(--spacing-2);
|
|
}
|
|
.stat-label {
|
|
font-size: var(--font-size-body-small);
|
|
color: var(--color-gray-600);
|
|
}
|
|
.summary-card {
|
|
background: var(--color-white);
|
|
border: 1px solid var(--color-gray-200);
|
|
border-radius: var(--radius-lg);
|
|
padding: var(--spacing-6);
|
|
margin-bottom: var(--spacing-6);
|
|
}
|
|
.summary-title {
|
|
font-size: var(--font-size-h4);
|
|
font-weight: var(--font-weight-semibold);
|
|
color: var(--color-gray-900);
|
|
margin-bottom: var(--spacing-4);
|
|
}
|
|
.keyword-list {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: var(--spacing-2);
|
|
}
|
|
.keyword-tag {
|
|
padding: var(--spacing-2) var(--spacing-3);
|
|
background-color: var(--color-primary-light);
|
|
color: var(--color-primary-dark);
|
|
border-radius: var(--radius-md);
|
|
font-size: var(--font-size-body-small);
|
|
font-weight: var(--font-weight-medium);
|
|
}
|
|
.action-buttons {
|
|
display: flex;
|
|
gap: var(--spacing-3);
|
|
justify-content: center;
|
|
}
|
|
@media (max-width: 767px) {
|
|
.completion-icon { font-size: 60px; }
|
|
.page-title { font-size: var(--font-size-h2); }
|
|
.stats-grid { grid-template-columns: repeat(2, 1fr); }
|
|
.action-buttons { flex-direction: column; }
|
|
.action-buttons .btn { width: 100%; }
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="page-container">
|
|
<div class="completion-icon">✅</div>
|
|
<h1 class="page-title">AI 검증이 완료되었습니다</h1>
|
|
<p class="page-subtitle">회의 내용이 분석되었습니다. 통계를 확인하고 회의를 종료하세요</p>
|
|
|
|
<!-- 통계 -->
|
|
<div class="stats-grid">
|
|
<div class="stat-card">
|
|
<div class="stat-value">45분</div>
|
|
<div class="stat-label">회의 시간</div>
|
|
</div>
|
|
<div class="stat-card">
|
|
<div class="stat-value">3명</div>
|
|
<div class="stat-label">참석자</div>
|
|
</div>
|
|
<div class="stat-card">
|
|
<div class="stat-value">12회</div>
|
|
<div class="stat-label">발언 횟수</div>
|
|
</div>
|
|
<div class="stat-card">
|
|
<div class="stat-value">5개</div>
|
|
<div class="stat-label">Todo 생성</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 주요 키워드 -->
|
|
<div class="summary-card">
|
|
<h2 class="summary-title">주요 키워드</h2>
|
|
<div class="keyword-list">
|
|
<span class="keyword-tag">신규 기능</span>
|
|
<span class="keyword-tag">개발 일정</span>
|
|
<span class="keyword-tag">API 설계</span>
|
|
<span class="keyword-tag">예산</span>
|
|
<span class="keyword-tag">테스트</span>
|
|
<span class="keyword-tag">배포</span>
|
|
<span class="keyword-tag">마케팅</span>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 발언 분포 -->
|
|
<div class="summary-card">
|
|
<h2 class="summary-title">발언 분포</h2>
|
|
<div style="margin-bottom: var(--spacing-3);">
|
|
<div style="display: flex; justify-content: space-between; margin-bottom: var(--spacing-1);">
|
|
<span style="font-size: var(--font-size-body-small); color: var(--color-gray-600);">김민준</span>
|
|
<span style="font-size: var(--font-size-body-small); color: var(--color-gray-600);">5회 (42%)</span>
|
|
</div>
|
|
<div style="height: 8px; background-color: var(--color-gray-200); border-radius: var(--radius-sm); overflow: hidden;">
|
|
<div style="width: 42%; height: 100%; background-color: var(--color-primary-main);"></div>
|
|
</div>
|
|
</div>
|
|
<div style="margin-bottom: var(--spacing-3);">
|
|
<div style="display: flex; justify-content: space-between; margin-bottom: var(--spacing-1);">
|
|
<span style="font-size: var(--font-size-body-small); color: var(--color-gray-600);">박서연</span>
|
|
<span style="font-size: var(--font-size-body-small); color: var(--color-gray-600);">4회 (33%)</span>
|
|
</div>
|
|
<div style="height: 8px; background-color: var(--color-gray-200); border-radius: var(--radius-sm); overflow: hidden;">
|
|
<div style="width: 33%; height: 100%; background-color: var(--color-secondary-main);"></div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div style="display: flex; justify-content: space-between; margin-bottom: var(--spacing-1);">
|
|
<span style="font-size: var(--font-size-body-small); color: var(--color-gray-600);">이준호</span>
|
|
<span style="font-size: var(--font-size-body-small); color: var(--color-gray-600);">3회 (25%)</span>
|
|
</div>
|
|
<div style="height: 8px; background-color: var(--color-gray-200); border-radius: var(--radius-sm); overflow: hidden;">
|
|
<div style="width: 25%; height: 100%; background-color: var(--color-info-main);"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 액션 버튼 -->
|
|
<div class="action-buttons">
|
|
<button class="btn btn-secondary" onclick="history.back()">회의로 돌아가기</button>
|
|
<button class="btn btn-primary" onclick="window.location.href='07-회의종료.html'">
|
|
회의 종료하기
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="common.js"></script>
|
|
<script>
|
|
MeetingApp.ready(() => {
|
|
console.log('검증 완료 페이지 로드됨');
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|