Spaces:

nkjoy
/

2fdmoff2ytk

Running

App Files Files Community

nkjoy commited on Jan 12

Commit

d4903fc

verified ·

1 Parent(s): 5a84afa

이거 좀더 멋지게 해줘봐

Browse files

Files changed (2) hide show

README.md +8 -5
index.html +127 -18

README.md CHANGED Viewed

@@ -1,10 +1,13 @@
 ---
-title: 2fdmoff2ytk
-emoji: 🦀
-colorFrom: indigo
-colorTo: gray
 sdk: static
 pinned: false
 ---
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

 ---
+title: --------------2fdmoff2ytk
+colorFrom: pink
+colorTo: purple
+emoji: 🐳
 sdk: static
 pinned: false
+tags:
+  - deepsite-v3
 ---
+# Welcome to your new DeepSite project!
+This project was created with [DeepSite](https://huggingface.co/deepsite).

index.html CHANGED Viewed

@@ -1,19 +1,128 @@
-<!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
 </html>

+<!DOCTYPE html>
+<html lang="ko">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>JM WEB STUDIO | AI Studio Dashboard</title>
+<script src="https://cdn.tailwindcss.com"></script>
+<link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;600;700;800&display=swap" rel="stylesheet">
+<script>
+tailwind.config = {
+  theme: {
+    extend: {
+      fontFamily: {
+        sans: ['Plus Jakarta Sans','sans-serif'],
+      },
+      colors: {
+        bg: '#0d0d0e',
+        panel: '#121214',
+        accent: '#FF4D97',
+        neon: '#7C3AED',
+        cyan: '#06B6D4'
+      },
+      boxShadow: {
+        neu: '12px 12px 24px #050506, -12px -12px 24px #1f1f22',
+        inset: 'inset 6px 6px 12px #050506, inset -6px -6px 12px #1f1f22'
+      }
+    }
+  }
+}
+</script>
+<style>
+body { background:#0d0d0e; }
+.glass {
+  background: rgba(18,18,20,.85);
+  backdrop-filter: blur(20px);
+  border:1px solid rgba(255,255,255,.06);
+}
+</style>
+</head>
+<body class="text-zinc-100 font-sans text-[17px]">
+<div class="flex h-screen">
+  <!-- Sidebar -->
+  <aside class="w-72 p-8 glass">
+    <h1 class="text-3xl font-extrabold mb-12">
+      <span class="bg-gradient-to-r from-pink-500 to-violet-500 bg-clip-text text-transparent">
+        JM WEB STUDIO
+      </span>
+    </h1>
+    <nav class="space-y-4 text-lg">
+      <a class="block p-4 rounded-2xl hover:bg-zinc-800 transition">Dashboard</a>
+      <a class="block p-4 rounded-2xl hover:bg-zinc-800 transition">Website Builder</a>
+      <a class="block p-4 rounded-2xl hover:bg-zinc-800 transition">Script / Story AI</a>
+      <a class="block p-4 rounded-2xl hover:bg-zinc-800 transition">Music AI</a>
+      <a class="block p-4 rounded-2xl hover:bg-zinc-800 transition">Video AI</a>
+      <a class="block p-4 rounded-2xl hover:bg-zinc-800 transition">API / Docker</a>
+    </nav>
+  </aside>
+  <!-- Main -->
+  <main class="flex-1 p-10 overflow-y-auto">
+    <!-- Header -->
+    <div class="flex justify-between items-center mb-10">
+      <h2 class="text-3xl font-bold">AI Studio Dashboard</h2>
+      <button class="px-8 py-4 rounded-full bg-gradient-to-r from-pink-500 to-violet-500 font-semibold shadow-lg hover:scale-105 transition">
+        + New Project
+      </button>
+    </div>
+    <!-- Cards -->
+    <section class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-4 gap-8 mb-16">
+      <div class="p-8 rounded-[2rem] bg-panel shadow-neu hover:-translate-y-2 transition">
+        <h3 class="text-2xl font-semibold mb-2">Website Builder</h3>
+        <p class="text-zinc-400 text-lg">프롬프트 기반 웹 생성</p>
+      </div>
+      <div class="p-8 rounded-[2rem] bg-panel shadow-neu hover:-translate-y-2 transition">
+        <h3 class="text-2xl font-semibold mb-2">Script AI</h3>
+        <p class="text-zinc-400 text-lg">소설 · 영화 대본</p>
+      </div>
+      <div class="p-8 rounded-[2rem] bg-panel shadow-neu hover:-translate-y-2 transition">
+        <h3 class="text-2xl font-semibold mb-2">Music AI</h3>
+        <p class="text-zinc-400 text-lg">Suno 스타일 음악 생성</p>
+      </div>
+      <div class="p-8 rounded-[2rem] bg-panel shadow-neu hover:-translate-y-2 transition">
+        <h3 class="text-2xl font-semibold mb-2">Video AI</h3>
+        <p class="text-zinc-400 text-lg">영상 자동 제작</p>
+      </div>
+    </section>
+    <!-- Builder -->
+    <section class="grid grid-cols-1 xl:grid-cols-2 gap-10">
+      <!-- Left -->
+      <div class="p-8 rounded-[2.5rem] bg-panel shadow-neu">
+        <h3 class="text-2xl font-bold mb-6">AI Prompt</h3>
+        <textarea
+          class="w-full h-48 p-6 rounded-3xl bg-panel shadow-inset text-lg focus:outline-none"
+          placeholder="원하는 웹 / 음악 / 영상 설명을 입력하세요..."
+        ></textarea>
+        <button class="mt-6 w-full py-4 rounded-full bg-gradient-to-r from-cyan-400 to-violet-500 font-semibold hover:scale-105 transition">
+          Generate
+        </button>
+      </div>
+      <!-- Right -->
+      <div class="p-8 rounded-[2.5rem] bg-panel shadow-neu">
+        <h3 class="text-2xl font-bold mb-6">Live Preview</h3>
+        <div class="h-72 rounded-3xl bg-zinc-900 flex items-center justify-center text-zinc-500 text-lg">
+          AI 결과 미리보기 영역
+        </div>
+      </div>
+    </section>
+  </main>
+</div>
+<script src="https://huggingface.co/deepsite/deepsite-badge.js"></script>
+</body>
 </html>