digiclau.github.io/index.html at main · DigiClau/digiclau.github.io · GitHub

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
<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>DigiClau Studio Portal</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <style>
        @import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
        body {
            font-family: 'Pretendard', sans-serif;
            background-color: #0c0a09;
            color: #d6d3d1;
        }
        .app-card {
            background-color: #1c1917;
            border: 1px solid rgba(255, 255, 255, 0.05);
            transition: all 0.3s ease;
        }
        .app-card:hover {
            border-color: #cc9661;
            transform: translateY(-5px);
        }
    </style>
</head>
<body class="flex flex-col items-center justify-center min-h-screen p-6">

    <header class="text-center mb-16">
        <h1 class="text-5xl font-black tracking-tighter text-white uppercase italic mb-4">
            DigiClau <span class="text-[#cc9661]">Studio</span>
        </h1>
        <p class="text-gray-400 text-lg">Creative AI Tools Hub</p>
    </header>

    <main class="grid grid-cols-1 md:grid-cols-2 gap-8 max-w-4xl w-full">
        <a href="/digiclaustudio/" class="app-card p-8 rounded-[2rem] block group">
            <div class="flex justify-between items-start mb-4">
                <span class="text-[#cc9661] font-bold text-sm uppercase tracking-widest">Active App</span>
                <span class="text-gray-600 group-hover:text-[#cc9661] transition-colors">→</span>
            </div>
            <h2 class="text-2xl font-bold text-white mb-2">Prompt 생성 도우미</h2>
            <p class="text-gray-500 leading-relaxed">
                Stable Diffusion 및 AI 이미지를 위한 고성능 프롬프트 빌더
            </p>
        </a>

        <div class="app-card p-8 rounded-[2rem] opacity-30 border-dashed">
            <div class="mb-4">
                <span class="text-gray-600 font-bold text-sm uppercase tracking-widest">Coming Soon</span>
            </div>
            <h2 class="text-2xl font-bold text-gray-700 mb-2">Next Project</h2>
            <p class="text-gray-800 leading-relaxed">준비 중인 새로운 AI 도구입니다.</p>
        </div>
    </main>

    <footer class="mt-20 text-gray-600 text-xs font-mono uppercase tracking-widest">
        &copy; 2026 DigiClau Studio. All rights reserved.
    </footer>

</body>
</html>