templates/loading.html

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>RAG 챗봇 - 로딩 중</title>
    <link rel="stylesheet" href="/static/css/style.css">
    <!-- Bootstrap CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet">
    <!-- Font Awesome -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
    <style>
        .loading-container {
            height: 100vh;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }
        
        .loader {
            margin-bottom: 2rem;
        }
        
        .progress {
            width: 300px;
        }
    </style>
    <meta http-equiv="refresh" content="3;url=/" />
</head>
<body class="bg-light">
    <div class="loading-container">
        <div class="loader">
            <div class="spinner-border text-primary" style="width: 5rem; height: 5rem;" role="status">
                <span class="visually-hidden">Loading...</span>
            </div>
        </div>
        
        <h3 class="mb-4 text-center">
            <i class="fas fa-robot me-2"></i>RAG 챗봇을 초기화하는 중입니다
        </h3>
        
        <div class="progress mb-3">
            <div class="progress-bar progress-bar-striped progress-bar-animated" style="width: 100%"></div>
        </div>
        
        <p class="text-muted">잠시만 기다려주세요. 곧 자동으로 리디렉션됩니다.</p>
    </div>
</body>
</html>