hgzero/.backup/prototype/07-회의종료.html
hiondal bb921e10eb 작업 파일 정리 및 실시간 회의록 플로우 추가
- 가파팀 프로토타입 파일 삭제
- 가파팀 유저스토리 삭제
- 실시간 회의록 작성 플로우 설계서 추가 (Mermaid, Markdown)
- 백업 및 데이터 디렉토리 추가
- AI 데이터 샘플 생성 도구 추가

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-10-22 14:16:10 +09:00

113 lines
3.2 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: 600px;
margin: 0 auto;
padding: var(--spacing-8) var(--spacing-4);
text-align: center;
}
.completion-icon {
font-size: 100px;
margin-bottom: var(--spacing-6);
}
.page-title {
font-size: var(--font-size-h1);
color: var(--color-gray-900);
margin-bottom: var(--spacing-3);
}
.page-subtitle {
font-size: var(--font-size-body);
color: var(--color-gray-500);
margin-bottom: var(--spacing-8);
}
.info-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);
text-align: left;
}
.info-item {
display: flex;
justify-content: space-between;
padding: var(--spacing-3) 0;
border-bottom: 1px solid var(--color-gray-100);
}
.info-item:last-child {
border-bottom: none;
}
.info-label {
font-weight: var(--font-weight-medium);
color: var(--color-gray-700);
}
.info-value {
color: var(--color-gray-900);
font-weight: var(--font-weight-semibold);
}
.action-buttons {
display: flex;
flex-direction: column;
gap: var(--spacing-3);
}
@media (max-width: 767px) {
.completion-icon { font-size: 80px; }
.page-title { font-size: var(--font-size-h2); }
}
</style>
</head>
<body>
<div class="page-container">
<div class="completion-icon">🏁</div>
<h1 class="page-title">회의가 종료되었습니다</h1>
<p class="page-subtitle">회의록이 자동으로 저장되었습니다</p>
<!-- 회의 정보 -->
<div class="info-card">
<div class="info-item">
<span class="info-label">회의 제목</span>
<span class="info-value">2025년 1분기 제품 기획 회의</span>
</div>
<div class="info-item">
<span class="info-label">회의 시간</span>
<span class="info-value">45분</span>
</div>
<div class="info-item">
<span class="info-label">참석자</span>
<span class="info-value">3명</span>
</div>
<div class="info-item">
<span class="info-label">생성된 Todo</span>
<span class="info-value">5개</span>
</div>
</div>
<!-- 액션 버튼 -->
<div class="action-buttons">
<button class="btn btn-primary" onclick="window.location.href='08-회의록공유.html'">
회의록 확정하기
</button>
<button class="btn btn-secondary" onclick="window.location.href='02-대시보드.html'">
대시보드로 이동
</button>
</div>
</div>
<script src="common.js"></script>
<script>
MeetingApp.ready(() => {
console.log('회의 종료 페이지 로드됨');
// 회의 종료 알림
MeetingApp.Toast.success('회의가 성공적으로 종료되었습니다');
});
</script>
</body>
</html>