File size: 5,444 Bytes
6cd201c
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
33ce322
 
 
6cd201c
 
 
0f7d155
 
 
6cd201c
 
 
 
 
 
 
 
 
 
 
 
 
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
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>OCR 정밀 교정 공방 🔧</title>
<link rel="icon" type="image/x-icon" href="/static/favicon.ico">
    <link rel="stylesheet" href="style.css">
    <script src="https://cdn.tailwindcss.com"></script>
    <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
    <script src="https://unpkg.com/feather-icons"></script>
    <script>
        tailwind.config = {
            theme: {
                extend: {
                    colors: {
                        'undefined': {
                            50: '#f0f9ff',
                            100: '#e0f2fe',
                            200: '#bae6fd',
                            300: '#7dd3fc',
                            400: '#38bdf8',
                            500: '#0ea5e9',
                            600: '#0284c7',
                            700: '#0369a1',
                            800: '#075985',
                            900: '#0c4a6e',
                        }
                    }
                }
            }
        }
    </script>
</head>
<body class="bg-gradient-to-br from-undefined-50 to-undefined-100 min-h-screen">
    <custom-header></custom-header>
    
    <main class="container mx-auto px-4 py-8">
        <div class="text-center mb-12">
            <h1 class="text-6xl font-bold text-undefined-900 mb-4">OCR 정밀 교정 공방 🔧</h1>
            <p class="text-xl text-undefined-700 max-w-2xl mx-auto">
                OCR 텍스트 정밀 수정 및 공정/공종 라벨링을 위한 전문 플랫폼입니다. 
                관리자와 작업자가 협력하여 정확한 문서 데이터를 생성합니다.
            </p>
</div>

        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 mb-12">
            <div class="bg-white/80 backdrop-blur-sm rounded-2xl p-6 shadow-lg border border-undefined-200">
                <div class="w-12 h-12 bg-undefined-500 rounded-full flex items-center justify-center mb-4">
                    <i data-feather="help-circle" class="text-white"></i>
                </div>
                        <h3 class="text-xl font-semibold text-undefined-900 mb-2">OCR 텍스트 수정</h3>
                        <p class="text-undefined-700">OCR로 추출된 텍스트의 오류를 정밀하게 수정합니다.</p>
</div>

            <div class="bg-white/80 backdrop-blur-sm rounded-2xl p-6 shadow-lg border border-undefined-200">
                <div class="w-12 h-12 bg-undefined-600 rounded-full flex items-center justify-center mb-4">
                    <i data-feather="circle" class="text-white"></i>
                </div>
                        <h3 class="text-xl font-semibold text-undefined-900 mb-2">공정/공종 라벨링</h3>
                        <p class="text-undefined-700">문서 내용에 맞는 공정과 공종을 선택하여 정확한 라벨을 추가합니다.</p>
</div>

            <div class="bg-white/80 backdrop-blur-sm rounded-2xl p-6 shadow-lg border border-undefined-200">
                <div class="w-12 h-12 bg-undefined-700 rounded-full flex items-center justify-center mb-4">
                    <i data-feather="moon" class="text-white"></i>
                </div>
                        <h3 class="text-xl font-semibold text-undefined-900 mb-2">작업 모니터링</h3>
                        <p class="text-undefined-700">개인 작업 진행률과 전체 성과를 실시간으로 확인합니다.</p>
</div>
        </div>

        <div class="bg-undefined-900 text-white rounded-2xl p-8 text-center">
            <h2 class="text-3xl font-bold mb-4">OCR 정밀 교정 플랫폼</h2>
            <p class="text-undefined-100 mb-6 max-w-2xl mx-auto">
                건설, 제조, 엔지니어링 분야의 OCR 문서를 전문적으로 수정하고 라벨링합니다. 
                정확한 데이터로 비즈니스 효율성을 높이세요.
            </p>
            <div class="flex justify-center space-x-4">
                <a href="/admin.html" class="bg-undefined-500 hover:bg-undefined-600 text-white px-8 py-3 rounded-full font-semibold transition-all duration-300 transform hover:scale-105">
                    관리자 로그인
                </a>
                <a href="/deployment.html" class="bg-primary-500 hover:bg-primary-600 text-white px-8 py-3 rounded-full font-semibold transition-all duration-300 transform hover:scale-105">
                    작업 배포
                </a>
                <a href="/worker.html" class="bg-green-500 hover:bg-green-600 text-white px-8 py-3 rounded-full font-semibold transition-all duration-300 transform hover:scale-105">
                    작업자 로그인
                </a>
                <a href="/sample.html" class="bg-purple-500 hover:bg-purple-600 text-white px-8 py-3 rounded-full font-semibold transition-all duration-300 transform hover:scale-105">
                    샘플 데이터
                </a>
            </div>
</div>
    </main>

    <custom-footer></custom-footer>

    <script src="components/header.js"></script>
    <script src="components/footer.js"></script>
    <script src="script.js"></script>
    <script>feather.replace();</script>
<script src="https://huggingface.co/deepsite/deepsite-badge.js"></script>
</body>
</html>