Hugging Face's logo

Spaces:
Kentlo
/
cert-study-app
Sleeping

App Files Community
cert-study-app / templates /index.html
Kentlo's picture
Kentlo
πŸš€ Clean deployment - removed all binary files
8f0fa74
raw
history blame contribute delete
2.56 kB
 <!doctype html>
<html lang="ko">
<head>
<meta charset="utf-8">
<title>λ¬Έμ œν’€μ΄ μ‹œμŠ€ν…œ</title>
<!-- TailwindCSS -->
<script src="https://cdn.tailwindcss.com"></script>
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&family=Noto+Sans+KR:wght@400;700&display=swap" rel="stylesheet">
<style>
body { font-family: 'Inter', 'Noto Sans KR', sans-serif; }
</style>
</head>
<body class="bg-gray-50 text-gray-800 min-h-screen flex flex-col">
<!-- 헀더 -->
<header class="bg-white shadow-md">
<div class="max-w-5xl mx-auto px-6 py-4 flex items-center justify-between">
<h1 class="text-xl font-bold tracking-tight">πŸ“˜ λ¬Έμ œν’€μ΄ μ‹œμŠ€ν…œ</h1>
<span class="text-sm text-gray-500">κΈ°μ—…μš© ν•™μŠ΅ ν”Œλž«νΌ</span>
</div>
</header>
<!-- 메인 -->
<main class="flex-1 flex items-center justify-center">
<div class="max-w-3xl mx-auto px-6 py-12 text-center">
<h2 class="text-2xl font-bold mb-8">μ›ν•˜λŠ” κΈ°λŠ₯을 μ„ νƒν•˜μ„Έμš”</h2>
<div class="grid gap-6 sm:grid-cols-3">
<!-- λ¬Έμ œν’€κΈ° -->
<a href="/quiz"
class="block bg-white shadow hover:shadow-lg transition rounded-2xl p-8 border hover:border-blue-500">
<div class="text-4xl mb-3">πŸ“</div>
<h3 class="font-semibold text-lg mb-2">λ¬Έμ œν’€κΈ°</h3>
<p class="text-sm text-gray-500">μ €μž₯된 문제λ₯Ό λΆˆλŸ¬μ™€ ν’€μ΄ν•©λ‹ˆλ‹€.</p>
</a>
<!-- μ˜€λ‹΅λ…ΈνŠΈ -->
<a href="/wrong"
class="block bg-white shadow hover:shadow-lg transition rounded-2xl p-8 border hover:border-red-500">
<div class="text-4xl mb-3">❌</div>
<h3 class="font-semibold text-lg mb-2">μ˜€λ‹΅λ…ΈνŠΈ</h3>
<p class="text-sm text-gray-500">ν‹€λ¦° 문제만 λ‹€μ‹œ ν’€ 수 μžˆμŠ΅λ‹ˆλ‹€.</p>
</a>
<!-- κ΄€λ¦¬μž μ—…λ‘œλ“œ -->
<a href="/admin/upload"
class="block bg-white shadow hover:shadow-lg transition rounded-2xl p-8 border hover:border-green-500">
<div class="text-4xl mb-3">πŸ“‚</div>
<h3 class="font-semibold text-lg mb-2">PDF μ—…λ‘œλ“œ</h3>
<p class="text-sm text-gray-500">κ΄€λ¦¬μžκ°€ 문제 PDFλ₯Ό μ—…λ‘œλ“œν•©λ‹ˆλ‹€.</p>
</a>
</div>
</div>
</main>
<!-- ν‘Έν„° -->
<footer class="bg-white border-t mt-12">
<div class="max-w-5xl mx-auto px-6 py-4 text-center text-sm text-gray-500">
Β© 2025 λ¬Έμ œν’€μ΄ μ‹œμŠ€ν…œ. All rights reserved.
</div>
</footer>
</body>
</html>