Hugging Face's logo

Spaces:
Kentlo
/
cert-study-app
Sleeping

App Files Community
cert-study-app
File size: 2,560 Bytes 
8f0fa74
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
 
<!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>