ocr / index.html
jamesLeeeeeee's picture
샘플로 몇개 넣어서 확인가능해야하지 않을까?
0f7d155 verified
<!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>