Hugging Face's logo

Spaces:
nkjoy
/
gg
Running

App Files Community
nkjoy commited on
Commit
cd763bb
·
verified ·
1 Parent(s): 411f7e9

쉼터홈으로 https://toxjals.com/

Browse files

조선음악듣기 https://toxjals.com/music/
조선노래방 https://toxjals.com/music/
조선영화 https://toxjals.com/movie/
은다은TV https://www.youtube.com/@%EC%9D%80%EB%8B%A4%EC%9D%80%ED%8B%B0%EB%B9%84
한국영화 보기 https://theboda4.com/
버튼들이 있는 사이트 만들어줘 프리미엄으로 !
모바일에서도 많이 사용하니 모바일에서도 친화적으로 ! - Initial Deployment

Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +263 -18
  3. prompts.txt +8 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Gg
3
- emoji: 🌍
4
- colorFrom: purple
5
- colorTo: yellow
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: gg
3
+ emoji: 🐳
4
+ colorFrom: pink
5
+ colorTo: blue
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,264 @@
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
+ <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
8
+ <script src="https://cdn.tailwindcss.com"></script>
9
+ <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&display=swap" rel="stylesheet">
10
+ <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
11
+ <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
12
+ <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
13
+ <script src="https://unpkg.com/feather-icons"></script>
14
+ <style>
15
+ body {
16
+ font-family: 'Noto Sans KR', sans-serif;
17
+ background: linear-gradient(135deg, #1a2a6c, #b21f1f, #1a2a6c);
18
+ background-size: 400% 400%;
19
+ animation: gradientBG 15s ease infinite;
20
+ }
21
+
22
+ @keyframes gradientBG {
23
+ 0% { background-position: 0% 50%; }
24
+ 50% { background-position: 100% 50%; }
25
+ 100% { background-position: 0% 50%; }
26
+ }
27
+
28
+ .card-hover {
29
+ transition: all 0.3s ease;
30
+ }
31
+
32
+ .card-hover:hover {
33
+ transform: translateY(-10px);
34
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.3), 0 10px 10px -5px rgba(0, 0, 0, 0.2);
35
+ }
36
+
37
+ .glow {
38
+ box-shadow: 0 0 20px rgba(255, 215, 0, 0.5);
39
+ }
40
+
41
+ .pulse {
42
+ animation: pulse 2s infinite;
43
+ }
44
+
45
+ @keyframes pulse {
46
+ 0% { box-shadow: 0 0 0 0 rgba(255, 215, 0, 0.7); }
47
+ 70% { box-shadow: 0 0 0 15px rgba(255, 215, 0, 0); }
48
+ 100% { box-shadow: 0 0 0 0 rgba(255, 215, 0, 0); }
49
+ }
50
+ </style>
51
+ </head>
52
+ <body class="min-h-screen text-white">
53
+ <!-- 헤더 -->
54
+ <header class="py-6 px-4 sm:px-8 bg-black bg-opacity-30 backdrop-blur-md">
55
+ <div class="container mx-auto flex flex-col sm:flex-row justify-between items-center">
56
+ <div class="flex items-center mb-4 sm:mb-0">
57
+ <i data-feather="home" class="mr-2 text-yellow-400"></i>
58
+ <h1 class="text-2xl font-bold bg-clip-text text-transparent bg-gradient-to-r from-yellow-400 to-red-500">쉼터홈</h1>
59
+ </div>
60
+ <nav class="flex flex-wrap justify-center gap-4">
61
+ <a href="#" class="hover:text-yellow-300 transition">홈</a>
62
+ <a href="#" class="hover:text-yellow-300 transition">음악</a>
63
+ <a href="#" class="hover:text-yellow-300 transition">영화</a>
64
+ <a href="#" class="hover:text-yellow-300 transition">TV</a>
65
+ <a href="#" class="hover:text-yellow-300 transition">프리미엄</a>
66
+ </nav>
67
+ </div>
68
+ </header>
69
+
70
+ <!-- 히어로 섹션 -->
71
+ <section class="py-16 px-4 text-center" data-aos="fade-up">
72
+ <div class="container mx-auto max-w-4xl">
73
+ <h1 class="text-4xl md:text-6xl font-bold mb-6">프리미엄 엔터테인먼트 포털</h1>
74
+ <p class="text-xl mb-10 text-gray-200">최고의 콘텐츠를 한 곳에서 즐기세요</p>
75
+ <div class="flex flex-wrap justify-center gap-4">
76
+ <button class="bg-gradient-to-r from-yellow-500 to-red-600 hover:from-yellow-600 hover:to-red-700 text-white font-bold py-3 px-8 rounded-full text-lg transition-all duration-300 pulse">
77
+ 지금 시작하기
78
+ </button>
79
+ <button class="bg-white bg-opacity-20 hover:bg-opacity-30 backdrop-blur-sm border border-white border-opacity-30 text-white font-bold py-3 px-8 rounded-full text-lg transition-all duration-300">
80
+ 자세히 보기
81
+ </button>
82
+ </div>
83
+ </div>
84
+ </section>
85
+
86
+ <!-- 메인 콘텐츠 -->
87
+ <main class="container mx-auto px-4 pb-20">
88
+ <!-- 서비스 카드 그리드 -->
89
+ <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8">
90
+ <!-- 쉼터홈 카드 -->
91
+ <div class="bg-black bg-opacity-40 backdrop-blur-lg rounded-2xl p-6 card-hover glow" data-aos="fade-up" data-aos-delay="100">
92
+ <div class="flex items-center mb-4">
93
+ <div class="bg-yellow-500 p-3 rounded-lg mr-4">
94
+ <i data-feather="home" class="text-white"></i>
95
+ </div>
96
+ <h2 class="text-2xl font-bold">쉼터홈</h2>
97
+ </div>
98
+ <p class="text-gray-300 mb-6">편안한 휴식과 최고의 콘텐츠를 제공하는 프리미엄 홈 엔터테인먼트</p>
99
+ <a href="https://toxjals.com/" target="_blank" class="inline-flex items-center text-yellow-400 hover:text-yellow-300 font-medium">
100
+ 방문하기
101
+ <i data-feather="arrow-right" class="ml-2 w-4 h-4"></i>
102
+ </a>
103
+ </div>
104
+
105
+ <!-- 조선음악 카드 -->
106
+ <div class="bg-black bg-opacity-40 backdrop-blur-lg rounded-2xl p-6 card-hover" data-aos="fade-up" data-aos-delay="200">
107
+ <div class="flex items-center mb-4">
108
+ <div class="bg-blue-500 p-3 rounded-lg mr-4">
109
+ <i data-feather="music" class="text-white"></i>
110
+ </div>
111
+ <h2 class="text-2xl font-bold">조선음악듣기</h2>
112
+ </div>
113
+ <p class="text-gray-300 mb-6">전통과 현대가 어우러진 조선 시대 음악을 감상하세요</p>
114
+ <a href="https://toxjals.com/music/" target="_blank" class="inline-flex items-center text-blue-400 hover:text-blue-300 font-medium">
115
+ 방문하기
116
+ <i data-feather="arrow-right" class="ml-2 w-4 h-4"></i>
117
+ </a>
118
+ </div>
119
+
120
+ <!-- 조선노래방 카드 -->
121
+ <div class="bg-black bg-opacity-40 backdrop-blur-lg rounded-2xl p-6 card-hover" data-aos="fade-up" data-aos-delay="300">
122
+ <div class="flex items-center mb-4">
123
+ <div class="bg-purple-500 p-3 rounded-lg mr-4">
124
+ <i data-feather="mic" class="text-white"></i>
125
+ </div>
126
+ <h2 class="text-2xl font-bold">조선노래방</h2>
127
+ </div>
128
+ <p class="text-gray-300 mb-6">조선 시대의 분위기를 느끼며 노래를 즐길 수 있는 특별한 공간</p>
129
+ <a href="https://toxjals.com/music/" target="_blank" class="inline-flex items-center text-purple-400 hover:text-purple-300 font-medium">
130
+ 방문하기
131
+ <i data-feather="arrow-right" class="ml-2 w-4 h-4"></i>
132
+ </a>
133
+ </div>
134
+
135
+ <!-- 조선영화 카드 -->
136
+ <div class="bg-black bg-opacity-40 backdrop-blur-lg rounded-2xl p-6 card-hover" data-aos="fade-up" data-aos-delay="400">
137
+ <div class="flex items-center mb-4">
138
+ <div class="bg-red-500 p-3 rounded-lg mr-4">
139
+ <i data-feather="film" class="text-white"></i>
140
+ </div>
141
+ <h2 class="text-2xl font-bold">조선영화</h2>
142
+ </div>
143
+ <p class="text-gray-300 mb-6">조선 시대를 배경으로 한 영화들을 한 곳에서 감상하세요</p>
144
+ <a href="https://toxjals.com/movie/" target="_blank" class="inline-flex items-center text-red-400 hover:text-red-300 font-medium">
145
+ 방문하기
146
+ <i data-feather="arrow-right" class="ml-2 w-4 h-4"></i>
147
+ </a>
148
+ </div>
149
+
150
+ <!-- 은다은TV 카드 -->
151
+ <div class="bg-black bg-opacity-40 backdrop-blur-lg rounded-2xl p-6 card-hover" data-aos="fade-up" data-aos-delay="500">
152
+ <div class="flex items-center mb-4">
153
+ <div class="bg-green-500 p-3 rounded-lg mr-4">
154
+ <i data-feather="youtube" class="text-white"></i>
155
+ </div>
156
+ <h2 class="text-2xl font-bold">은다은TV</h2>
157
+ </div>
158
+ <p class="text-gray-300 mb-6">은다은 TV 채널에서 다양한 영상 콘텐츠를 즐기세요</p>
159
+ <a href="https://www.youtube.com/@%EC%9D%80%EB%8B%A4%EC%9D%80%ED%8B%B0%EB%B9%84" target="_blank" class="inline-flex items-center text-green-400 hover:text-green-300 font-medium">
160
+ 방문하기
161
+ <i data-feather="arrow-right" class="ml-2 w-4 h-4"></i>
162
+ </a>
163
+ </div>
164
+
165
+ <!-- 한국영화 카드 -->
166
+ <div class="bg-black bg-opacity-40 backdrop-blur-lg rounded-2xl p-6 card-hover" data-aos="fade-up" data-aos-delay="600">
167
+ <div class="flex items-center mb-4">
168
+ <div class="bg-indigo-500 p-3 rounded-lg mr-4">
169
+ <i data-feather="tv" class="text-white"></i>
170
+ </div>
171
+ <h2 class="text-2xl font-bold">한국영화 보기</h2>
172
+ </div>
173
+ <p class="text-gray-300 mb-6">최신 한국 영화부터 클래식까지 다양한 작품을 감상할 수 있습니다</p>
174
+ <a href="https://theboda4.com/" target="_blank" class="inline-flex items-center text-indigo-400 hover:text-indigo-300 font-medium">
175
+ 방문하기
176
+ <i data-feather="arrow-right" class="ml-2 w-4 h-4"></i>
177
+ </a>
178
+ </div>
179
+ </div>
180
+
181
+ <!-- 프리미엄 섹션 -->
182
+ <section class="mt-20 bg-black bg-opacity-30 backdrop-blur-lg rounded-3xl p-8" data-aos="fade-up">
183
+ <div class="text-center mb-12">
184
+ <h2 class="text-3xl font-bold mb-4">프리미엄 멤버십</h2>
185
+ <p class="text-xl text-gray-300 max-w-2xl mx-auto">특별한 혜택과 콘텐츠로 더욱 풍요로운 경험을 제공합니다</p>
186
+ </div>
187
+
188
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
189
+ <div class="bg-gradient-to-br from-gray-800 to-gray-900 rounded-2xl p-6 text-center border border-gray-700">
190
+ <h3 class="text-xl font-bold mb-4">베이직</h3>
191
+ <div class="text-3xl font-bold mb-4">무료</div>
192
+ <ul class="mb-6 space-y-2">
193
+ <li class="flex items-center"><i data-feather="check-circle" class="text-green-500 mr-2"></i> 기본 콘텐츠 접근</li>
194
+ <li class="flex items-center"><i data-feather="check-circle" class="text-green-500 mr-2"></i> 광고 포함</li>
195
+ <li class="flex items-center"><i data-feather="x-circle" class="text-red-500 mr-2"></i> HD 화질</li>
196
+ </ul>
197
+ <button class="w-full py-2 bg-gray-700 hover:bg-gray-600 rounded-lg transition">시작하기</button>
198
+ </div>
199
+
200
+ <div class="bg-gradient-to-br from-blue-800 to-indigo-900 rounded-2xl p-6 text-center border-2 border-blue-500 glow">
201
+ <div class="absolute top-0 right-0 bg-yellow-500 text-black text-xs font-bold px-3 py-1 rounded-bl-lg rounded-tr-lg">추천</div>
202
+ <h3 class="text-xl font-bold mb-4">스탠다드</h3>
203
+ <div class="text-3xl font-bold mb-4">월 9,900원</div>
204
+ <ul class="mb-6 space-y-2">
205
+ <li class="flex items-center"><i data-feather="check-circle" class="text-green-500 mr-2"></i> 모든 콘텐츠 접근</li>
206
+ <li class="flex items-center"><i data-feather="check-circle" class="text-green-500 mr-2"></i> 광고 없음</li>
207
+ <li class="flex items-center"><i data-feather="check-circle" class="text-green-500 mr-2"></i> HD 화질</li>
208
+ <li class="flex items-center"><i data-feather="check-circle" class="text-green-500 mr-2"></i> 오프라인 다운로드</li>
209
+ </ul>
210
+ <button class="w-full py-2 bg-gradient-to-r from-blue-500 to-indigo-600 hover:from-blue-600 hover:to-indigo-700 rounded-lg transition font-bold">구매하기</button>
211
+ </div>
212
+
213
+ <div class="bg-gradient-to-br from-purple-800 to-pink-900 rounded-2xl p-6 text-center border border-purple-700">
214
+ <h3 class="text-xl font-bold mb-4">프리미엄</h3>
215
+ <div class="text-3xl font-bold mb-4">월 14,900원</div>
216
+ <ul class="mb-6 space-y-2">
217
+ <li class="flex items-center"><i data-feather="check-circle" class="text-green-500 mr-2"></i> 스탠다드 모든 혜택</li>
218
+ <li class="flex items-center"><i data-feather="check-circle" class="text-green-500 mr-2"></i> 4K UHD 화질</li>
219
+ <li class="flex items-center"><i data-feather="check-circle" class="text-green-500 mr-2"></i> 동시 접속 4개 기기</li>
220
+ <li class="flex items-center"><i data-feather="check-circle" class="text-green-500 mr-2"></i> 조기 공개 콘텐츠</li>
221
+ </ul>
222
+ <button class="w-full py-2 bg-gradient-to-r from-purple-500 to-pink-600 hover:from-purple-600 hover:to-pink-700 rounded-lg transition font-bold">구매하기</button>
223
+ </div>
224
+ </div>
225
+ </section>
226
+ </main>
227
+
228
+ <!-- 푸터 -->
229
+ <footer class="bg-black bg-opacity-50 backdrop-blur-lg py-10 px-4">
230
+ <div class="container mx-auto">
231
+ <div class="flex flex-col md:flex-row justify-between items-center">
232
+ <div class="mb-6 md:mb-0">
233
+ <div class="flex items-center">
234
+ <i data-feather="home" class="mr-2 text-yellow-400"></i>
235
+ <h2 class="text-2xl font-bold">쉼터홈</h2>
236
+ </div>
237
+ <p class="mt-2 text-gray-400">프리미엄 엔터테인먼트 포털</p>
238
+ </div>
239
+
240
+ <div class="flex flex-wrap justify-center gap-6">
241
+ <a href="#" class="text-gray-400 hover:text-white transition">이용약관</a>
242
+ <a href="#" class="text-gray-400 hover:text-white transition">개인정보처리방침</a>
243
+ <a href="#" class="text-gray-400 hover:text-white transition">고객센터</a>
244
+ <a href="#" class="text-gray-400 hover:text-white transition">회사소개</a>
245
+ </div>
246
+ </div>
247
+
248
+ <div class="mt-10 pt-6 border-t border-gray-800 text-center text-gray-500">
249
+ <p>&copy; 2023 쉼터홈. All rights reserved.</p>
250
+ </div>
251
+ </div>
252
+ </footer>
253
+
254
+ <script>
255
+ AOS.init({
256
+ duration: 800,
257
+ easing: 'ease-in-out',
258
+ once: true
259
+ });
260
+
261
+ feather.replace();
262
+ </script>
263
+ </body>
264
  </html>
prompts.txt ADDED
@@ -0,0 +1,8 @@
 
 
 
 
 
 
 
 
 
1
+ 쉼터홈으로 https://toxjals.com/
2
+ 조선음악듣기 https://toxjals.com/music/
3
+ 조선노래방 https://toxjals.com/music/
4
+ 조선영화 https://toxjals.com/movie/
5
+ 은다은TV https://www.youtube.com/@%EC%9D%80%EB%8B%A4%EC%9D%80%ED%8B%B0%EB%B9%84
6
+ 한국영화 보기 https://theboda4.com/
7
+ 버튼들이 있는 사이트 만들어줘 프리미엄으로 !
8
+ 모바일에서도 많이 사용하니 모바일에서도 친화적으로 !