Hugging Face's logo

Spaces:
adslhdsl
/
test
Running

App Files Community
adslhdsl commited on
Commit
603b5e7
Β·
verified Β·
1 Parent(s): 0f07db1

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +94 -19
  3. prompts.txt +0 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Test
3
- emoji: πŸ“Š
4
- colorFrom: purple
5
- colorTo: indigo
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: test
3
+ emoji: 🐳
4
+ colorFrom: red
5
+ colorTo: purple
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,94 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="ko">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>이름 확인기</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
+ <style>
10
+ @keyframes bounce {
11
+ 0%, 100% { transform: translateY(0); }
12
+ 50% { transform: translateY(-10px); }
13
+ }
14
+ .bounce {
15
+ animation: bounce 1s infinite;
16
+ }
17
+ .vegetable-emoji {
18
+ font-size: 3rem;
19
+ display: inline-block;
20
+ }
21
+ </style>
22
+ </head>
23
+ <body class="bg-gradient-to-br from-blue-50 to-purple-50 min-h-screen flex items-center justify-center p-4">
24
+ <div class="bg-white rounded-2xl shadow-xl p-8 max-w-md w-full">
25
+ <div class="text-center mb-8">
26
+ <i class="fas fa-user-check text-5xl text-purple-500 mb-4"></i>
27
+ <h1 class="text-3xl font-bold text-gray-800">이름 ν™•μΈν•˜κΈ°</h1>
28
+ <p class="text-gray-600 mt-2">이름을 μž…λ ₯ν•΄λ³΄μ„Έμš”. νŠΉλ³„ν•œ λ©”μ‹œμ§€κ°€ λ‚˜νƒ€λ‚ μ§€λ„?</p>
29
+ </div>
30
+
31
+ <div class="mb-6">
32
+ <label for="nameInput" class="block text-sm font-medium text-gray-700 mb-2">이름 μž…λ ₯</label>
33
+ <div class="relative">
34
+ <input
35
+ type="text"
36
+ id="nameInput"
37
+ class="w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-2 focus:ring-purple-500 focus:border-purple-500 transition-all duration-200"
38
+ placeholder="이름을 μž…λ ₯ν•˜μ„Έμš”"
39
+ oninput="checkName()"
40
+ >
41
+ <i class="fas fa-pencil-alt absolute right-3 top-3.5 text-gray-400"></i>
42
+ </div>
43
+ </div>
44
+
45
+ <div id="resultContainer" class="hidden bg-purple-50 rounded-lg p-4 text-center transition-all duration-300">
46
+ <div id="resultMessage" class="font-bold text-xl"></div>
47
+ <div id="vegetableEmoji" class="vegetable-emoji mt-2"></div>
48
+ </div>
49
+
50
+ <div class="mt-8 text-center text-sm text-gray-500">
51
+ <p>μ±„κ·œλ³‘μ΄λΌλŠ” 이름을 μž…λ ₯ν•΄λ³΄μ„Έμš”!</p>
52
+ </div>
53
+ </div>
54
+
55
+ <script>
56
+ function checkName() {
57
+ const nameInput = document.getElementById('nameInput').value.trim();
58
+ const resultContainer = document.getElementById('resultContainer');
59
+ const resultMessage = document.getElementById('resultMessage');
60
+ const vegetableEmoji = document.getElementById('vegetableEmoji');
61
+
62
+ if (nameInput === 'μ±„κ·œλ³‘') {
63
+ resultContainer.classList.remove('hidden');
64
+ resultMessage.textContent = '야채!';
65
+ resultMessage.className = 'font-bold text-xl text-green-600';
66
+
67
+ // 야채 이λͺ¨μ§€ μ• λ‹ˆλ©”μ΄μ…˜
68
+ vegetableEmoji.innerHTML = '';
69
+ const emojis = ['πŸ₯¬', 'πŸ₯¦', 'πŸ₯’', 'πŸ†', 'πŸ…', '🌽'];
70
+ emojis.forEach(emoji => {
71
+ const span = document.createElement('span');
72
+ span.textContent = emoji;
73
+ span.className = 'mx-1 bounce';
74
+ span.style.animationDelay = `${Math.random() * 0.5}s`;
75
+ vegetableEmoji.appendChild(span);
76
+ });
77
+
78
+ // μ»¨ν…Œμ΄λ„ˆμ— 색상 μΆ”κ°€
79
+ resultContainer.className = 'bg-green-50 rounded-lg p-4 text-center transition-all duration-300';
80
+ } else if (nameInput !== '') {
81
+ resultContainer.classList.remove('hidden');
82
+ resultMessage.textContent = `${nameInput}λ‹˜, μ•ˆλ…•ν•˜μ„Έμš”!`;
83
+ resultMessage.className = 'font-bold text-xl text-purple-600';
84
+ vegetableEmoji.innerHTML = '';
85
+
86
+ // μ»¨ν…Œμ΄λ„ˆ 색상 μ›λž˜λŒ€λ‘œ
87
+ resultContainer.className = 'bg-purple-50 rounded-lg p-4 text-center transition-all duration-300';
88
+ } else {
89
+ resultContainer.classList.add('hidden');
90
+ }
91
+ }
92
+ </script>
93
+ <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=adslhdsl/test" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
94
+ </html>
prompts.txt ADDED
File without changes