Hugging Face's logo

Spaces:
cutechicken
/
good
Running

App Files Community
cutechicken commited on
Commit
c48c3d4
ยท
verified ยท
1 Parent(s): 2c78f8d

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +284 -18
index.html CHANGED
@@ -1,19 +1,285 @@
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
+ <title>Hugging Face URL ์นด๋“œ ๋ฆฌ์ŠคํŠธ</title>
6
+ <style>
7
+ /* ์นด๋“œ๋“ค์„ ๋‹ด์„ ์ปจํ…Œ์ด๋„ˆ */
8
+ .container {
9
+ display: flex;
10
+ flex-wrap: wrap;
11
+ gap: 1rem;
12
+ padding: 1rem;
13
+ }
14
+ /* ๊ฐ ์นด๋“œ ์Šคํƒ€์ผ */
15
+ .card {
16
+ border: 1px solid #ccc;
17
+ border-radius: 5px;
18
+ padding: 1rem;
19
+ width: 300px;
20
+ box-shadow: 2px 2px 8px rgba(0,0,0,0.1);
21
+ position: relative;
22
+ background-color: #f9f9f9;
23
+ }
24
+ /* ์นด๋“œ ๋‚ด๋ถ€ ๋งํฌ ์Šคํƒ€์ผ */
25
+ .card a {
26
+ text-decoration: none;
27
+ color: #333;
28
+ word-break: break-all;
29
+ }
30
+ /* ์ข‹์•„์š” ๋ฒ„ํŠผ ๊ธฐ๋ณธ ์Šคํƒ€์ผ */
31
+ .like-button {
32
+ position: absolute;
33
+ top: 1rem;
34
+ right: 1rem;
35
+ border: none;
36
+ background: transparent;
37
+ font-size: 1.5rem;
38
+ cursor: pointer;
39
+ transition: color 0.2s;
40
+ }
41
+ /* ์ข‹์•„์š” ํ•œ ์ƒํƒœ: ๋นจ๊ฐ„์ƒ‰ */
42
+ .like-button.liked {
43
+ color: red;
44
+ }
45
+ /* ์ข‹์•„์š” ์•ˆํ•œ ์ƒํƒœ: ํฐ์ƒ‰ (ํ…Œ๋‘๋ฆฌ ํšจ๊ณผ) */
46
+ .like-button.not-liked {
47
+ color: white;
48
+ -webkit-text-stroke: 1px #333;
49
+ }
50
+ </style>
51
+ </head>
52
+ <body>
53
+ <div class="container" id="cardsContainer"></div>
54
+
55
+ <script>
56
+ // Hugging Face์˜ spaces/models URL ๋ชฉ๋ก
57
+ const urls = [
58
+ "https://huggingface.co/spaces/ginipick/Tech_Hangman_Game",
59
+ "https://huggingface.co/spaces/openfree/deepseek_r1_API",
60
+ "https://huggingface.co/spaces/ginipick/open_Deep-Research",
61
+ "https://huggingface.co/spaces/aiqmaster/open-deep-research",
62
+ "https://huggingface.co/spaces/seawolf2357/DeepSeek-R1-32b-search",
63
+ "https://huggingface.co/spaces/ginigen/LLaDA",
64
+ "https://huggingface.co/spaces/VIDraft/PHI4-Multimodal",
65
+ "https://huggingface.co/spaces/ginigen/Ovis2-8B",
66
+ "https://huggingface.co/spaces/ginigen/Graph-Mind",
67
+
68
+ "https://huggingface.co/spaces/ginigen/Workflow-Canvas",
69
+ "https://huggingface.co/spaces/ginigen/Design",
70
+ "https://huggingface.co/spaces/ginigen/Diagram",
71
+ "https://huggingface.co/spaces/ginigen/Mockup",
72
+ "https://huggingface.co/spaces/ginigen/Infographic",
73
+ "https://huggingface.co/spaces/ginigen/Flowchart",
74
+ "https://huggingface.co/spaces/aiqcamp/FLUX-Vision",
75
+ "https://huggingface.co/spaces/ginigen/VoiceClone-TTS",
76
+ "https://huggingface.co/spaces/openfree/Perceptron-Network",
77
+ "https://huggingface.co/spaces/openfree/Article-Generator",
78
+ "https://huggingface.co/spaces/openfree/Math-Game",
79
+ "https://huggingface.co/spaces/openfree/PDF-TTS",
80
+ "https://huggingface.co/spaces/openfree/chess",
81
+ "https://huggingface.co/spaces/fantos/Panorama",
82
+ "https://huggingface.co/spaces/ginigen/Multi-LoRAgen",
83
+ "https://huggingface.co/spaces/ginigen/canvas-studio",
84
+ "https://huggingface.co/spaces/ginipick/Fashion-Style",
85
+ "https://huggingface.co/spaces/ginipick/Time-Stream",
86
+ "https://huggingface.co/spaces/ginipick/AccuVision-Diffusion",
87
+ "https://huggingface.co/spaces/fantos/Magic-Drawings",
88
+ "https://huggingface.co/spaces/ginigen/Lumina-Image-PLUS",
89
+ "https://huggingface.co/spaces/fantaxy/fantasy-novel",
90
+ "https://huggingface.co/spaces/fantaxy/eros",
91
+ "https://huggingface.co/spaces/fantaxy/adult-novel",
92
+ "https://huggingface.co/spaces/fantaxy/kungfu-novel",
93
+ "https://huggingface.co/spaces/fantaxy/love-novel",
94
+ "https://huggingface.co/spaces/VIDraft/mouse-webgen",
95
+ "https://huggingface.co/spaces/immunobiotech/MUSIC-Jukebox",
96
+ "https://huggingface.co/spaces/seawolf2357/Flowise-AI",
97
+ "https://huggingface.co/spaces/ginigen/Flux-LayerDiffuse",
98
+ "https://huggingface.co/spaces/VIDraft/Portrait-Animation",
99
+ "https://huggingface.co/spaces/VIDraft/Deepseek-Multimodal",
100
+ "https://huggingface.co/spaces/VIDraft/BLIP2",
101
+ "https://huggingface.co/spaces/ginigen/text3d-r1",
102
+ "https://huggingface.co/spaces/immunobiotech/drug-discovery",
103
+ "https://huggingface.co/spaces/openfree/VisionOCR-Chat",
104
+ "https://huggingface.co/spaces/immunobiotech/MICHELIN",
105
+ "https://huggingface.co/spaces/immunobiotech/MICHELIN-korea",
106
+ "https://huggingface.co/spaces/immunobiotech/MICHELIN-japan",
107
+ "https://huggingface.co/spaces/immunobiotech/MICHELIN-china",
108
+ "https://huggingface.co/spaces/VIDraft/money-radar-korea",
109
+ "https://huggingface.co/spaces/VIDraft/money-radar",
110
+ "https://huggingface.co/spaces/ginipick/PharmAI-Korea",
111
+ "https://huggingface.co/spaces/ginigen/MagicFace-V3",
112
+ "https://huggingface.co/spaces/aiqcamp/MindMap",
113
+ "https://huggingface.co/spaces/ginigen/3D-LLAMA",
114
+ "https://huggingface.co/spaces/openfree/VectorFlow",
115
+ "https://huggingface.co/spaces/openfree/webtoon-gen",
116
+ "https://huggingface.co/spaces/VIDraft/topic-prediction",
117
+ "https://huggingface.co/spaces/VIDraft/PapersImpact",
118
+ "https://huggingface.co/spaces/VIDraft/EveryRAG",
119
+ "https://huggingface.co/spaces/VIDraft/korea-president-DJ",
120
+ "https://huggingface.co/spaces/VIDraft/korea-president-PARK",
121
+ "https://huggingface.co/spaces/openfree/image-to-vector",
122
+ "https://huggingface.co/spaces/ginipick/QR-Canvas-plus",
123
+ "https://huggingface.co/spaces/ginigen/text3d-R1",
124
+ "https://huggingface.co/spaces/openfree/MagicFace-V3",
125
+ "https://huggingface.co/spaces/ginipick/DeepSeekR1-LIVE",
126
+ "https://huggingface.co/spaces/ginigen/ColPali-multi",
127
+ "https://huggingface.co/spaces/ginigen/Janus-Pro-7B",
128
+ "https://huggingface.co/spaces/ginigen/Animagine",
129
+ "https://huggingface.co/spaces/openfree/PDF-RAG",
130
+ "https://huggingface.co/spaces/fantos/Ranking-Tracker",
131
+ "https://huggingface.co/spaces/aiqcamp/Multilingual-Images",
132
+ "https://huggingface.co/spaces/aiqcamp/Gemini2-Flash-Thinking",
133
+ "https://huggingface.co/spaces/openfree/pepe",
134
+ "https://huggingface.co/spaces/openfree/korea-president-yoon",
135
+ "https://huggingface.co/spaces/openfree/CryptoVision",
136
+ "https://huggingface.co/spaces/fantos/VoiceClone",
137
+ "https://huggingface.co/spaces/seawolf2357/ocrlatex",
138
+ "https://huggingface.co/spaces/seawolf2357/img2vid",
139
+ "https://huggingface.co/spaces/seawolf2357/sd-prompt-gen",
140
+ "https://huggingface.co/spaces/openfree/tarotcard",
141
+ "https://huggingface.co/spaces/aiqcamp/Polaroid",
142
+ "https://huggingface.co/spaces/ginigen/cartoon",
143
+ "https://huggingface.co/spaces/ginigen/Book-Cover",
144
+ "https://huggingface.co/spaces/aiqcamp/fash",
145
+ "https://huggingface.co/spaces/gunship999/Korea-Daily-News",
146
+ "https://huggingface.co/spaces/immunobiotech/ChicagoGallery",
147
+ "https://huggingface.co/spaces/immunobiotech/MetropolitanMuseum",
148
+ "https://huggingface.co/spaces/immunobiotech/opensky",
149
+ "https://huggingface.co/spaces/aiqtech/FLUX-military",
150
+ "https://huggingface.co/spaces/fantaxy/Rolls-Royce",
151
+ "https://huggingface.co/spaces/seawolf2357/flux-korea-hanbok-lora",
152
+ "https://huggingface.co/spaces/seawolf2357/flux-korea-palace-lora",
153
+ "https://huggingface.co/spaces/aiqcamp/flux-cat-lora",
154
+ "https://huggingface.co/spaces/gunship999/SexyImages",
155
+ "https://huggingface.co/spaces/aiqtech/flux-claude-monet-lora",
156
+ "https://huggingface.co/spaces/seawolf2357/3D-Avatar-Generator",
157
+ "https://huggingface.co/spaces/fantaxy/playground25",
158
+ "https://huggingface.co/spaces/openfree/ultpixgen",
159
+ "https://huggingface.co/spaces/seawolf2357/REALVISXL-V5",
160
+ "https://huggingface.co/spaces/fantos/flxcontrol",
161
+ "https://huggingface.co/spaces/ginipick/FLUX-Prompt-Generator",
162
+ "https://huggingface.co/spaces/fantaxy/flxloraexp",
163
+ "https://huggingface.co/spaces/fantos/flxloraexp",
164
+ "https://huggingface.co/spaces/seawolf2357/flxloraexp",
165
+ "https://huggingface.co/spaces/ginipick/flxloraexp",
166
+ "https://huggingface.co/spaces/fantos/textcutobject",
167
+ "https://huggingface.co/spaces/aiqcamp/imagemagic",
168
+ "https://huggingface.co/spaces/openfree/ColorRevive",
169
+ "https://huggingface.co/spaces/VIDraft/RAGOndevice",
170
+ "https://huggingface.co/spaces/aiqcamp/AudioLlama",
171
+ "https://huggingface.co/spaces/ginigen/FLUXllama-Multilingual",
172
+ "https://huggingface.co/openfree/president-k-dj",
173
+ "https://huggingface.co/openfree/president-pjh",
174
+ "https://huggingface.co/openfree/flux-lora-korea-palace",
175
+ "https://huggingface.co/seawolf2357/hanbok",
176
+ "https://huggingface.co/seawolf2357/ntower",
177
+ "https://huggingface.co/openfree/pepe",
178
+ "https://huggingface.co/openfree/korea-president-yoon",
179
+ "https://huggingface.co/seawolf2357/flux-lora-military-artillery-k9",
180
+ "https://huggingface.co/openfree/claude-monet",
181
+ "https://huggingface.co/ginipick/flux-lora-eric-cat",
182
+ "https://huggingface.co/seawolf2357/flux-lora-car-rolls-royce",
183
+ "https://huggingface.co/spaces/aiqcamp/Fashion-FLUX",
184
+ "https://huggingface.co/spaces/fantaxy/flx-pulid",
185
+ "https://huggingface.co/spaces/fantaxy/flx-upscale",
186
+ "https://huggingface.co/spaces/fantos/flx8lora",
187
+ "https://huggingface.co/spaces/ginipick/FitGen",
188
+ "https://huggingface.co/spaces/fantaxy/FLUX-Animations",
189
+ "https://huggingface.co/spaces/fantaxy/Remove-Video-Background",
190
+ "https://huggingface.co/spaces/fantaxy/ofai-flx-logo",
191
+ "https://huggingface.co/spaces/fantos/x-mas",
192
+ "https://huggingface.co/spaces/openfree/Korean-Leaderboard",
193
+ "https://huggingface.co/spaces/ginipick/FLUXllama",
194
+ "https://huggingface.co/spaces/fantaxy/Sound-AI-SFX",
195
+ "https://huggingface.co/spaces/openfree/trending-board",
196
+ "https://huggingface.co/spaces/ginipick/Realtime-FLUX",
197
+ "https://huggingface.co/spaces/aiqtech/kofaceid",
198
+ "https://huggingface.co/spaces/fantaxy/fastvideogen",
199
+ "https://huggingface.co/spaces/fantos/flxfashmodel",
200
+ "https://huggingface.co/spaces/fantos/kolcontrl",
201
+ "https://huggingface.co/spaces/aiqtech/imaginpaint",
202
+ "https://huggingface.co/spaces/ginipick/spaces-research-korea",
203
+ "https://huggingface.co/spaces/ginipick/spaces-research-think",
204
+ "https://huggingface.co/spaces/VIDraft/mouse-Visual-Chat",
205
+ "https://huggingface.co/spaces/VIDraft/mouse-file-chat",
206
+ "https://huggingface.co/spaces/openfree/Datasets-Convertor",
207
+ "https://huggingface.co/spaces/openfree/Parquet-CSV-Convertor",
208
+ "https://huggingface.co/spaces/ginigen/FLUX-Eternity",
209
+ "https://huggingface.co/spaces/ginipick/live-detect-pose",
210
+ "https://huggingface.co/spaces/ginigen/OmniParser-v2-pro",
211
+ "https://huggingface.co/spaces/ginigen/Celebrity",
212
+ "https://huggingface.co/spaces/ginigen/Fashion-Pose-Control",
213
+ "https://huggingface.co/spaces/ginigen/zonos-longform",
214
+ "https://huggingface.co/spaces/aiqtech/cinevid",
215
+ "https://huggingface.co/spaces/aiqtech/FLUX-Ghibli-Studio-LoRA",
216
+ "https://huggingface.co/spaces/aiqtech/flxgif",
217
+ "https://huggingface.co/spaces/ginipick/3D-GAME",
218
+ "https://huggingface.co/spaces/ginipick/Flipper-Code-Generator",
219
+ "https://huggingface.co/spaces/ginipick/Baby-Name-Generator",
220
+ "https://huggingface.co/spaces/ginipick/secreen-capture-OCR",
221
+ "https://huggingface.co/spaces/ginipick/face-pose-detect"
222
+ ];
223
+
224
+ // URL์˜ ๋งˆ์ง€๋ง‰ ๋ถ€๋ถ„์„ ์ œ๋ชฉ์œผ๋กœ ์ถ”์ถœ (์–ธ๋”๋ฐ”, ํ•˜์ดํ”ˆ์„ ๊ณต๋ฐฑ์œผ๋กœ ๋ณ€ํ™˜)
225
+ function extractTitle(url) {
226
+ const parts = url.split("/");
227
+ let title = parts[parts.length - 1];
228
+ return title.replace(/[_-]/g, " ");
229
+ }
230
+
231
+ // ๋กœ์ปฌ ์Šคํ† ๋ฆฌ์ง€๋ฅผ ์‚ฌ์šฉํ•ด ์ข‹์•„์š” ์ƒํƒœ(์‚ฌ์šฉ์ž๋ณ„)๋ฅผ ์ €์žฅ (์˜ˆ์ œ์šฉ)
232
+ const likedUrls = JSON.parse(localStorage.getItem("likedUrls")) || {};
233
+
234
+ function toggleLike(url, button) {
235
+ if (likedUrls[url]) {
236
+ delete likedUrls[url];
237
+ button.classList.remove("liked");
238
+ button.classList.add("not-liked");
239
+ } else {
240
+ likedUrls[url] = true;
241
+ button.classList.add("liked");
242
+ button.classList.remove("not-liked");
243
+ }
244
+ localStorage.setItem("likedUrls", JSON.stringify(likedUrls));
245
+ }
246
+
247
+ const container = document.getElementById("cardsContainer");
248
+
249
+ // ๊ฐ URL์— ๋Œ€ํ•ด ์นด๋“œ ์ƒ์„ฑ
250
+ urls.forEach(url => {
251
+ const card = document.createElement("div");
252
+ card.className = "card";
253
+
254
+ // ์ œ๋ชฉ
255
+ const titleEl = document.createElement("h3");
256
+ titleEl.textContent = extractTitle(url);
257
+ card.appendChild(titleEl);
258
+
259
+ // URL ๋งํฌ
260
+ const linkEl = document.createElement("a");
261
+ linkEl.href = url;
262
+ linkEl.textContent = url;
263
+ linkEl.target = "_blank";
264
+ card.appendChild(linkEl);
265
+
266
+ // ์ข‹์•„์š” ๋ฒ„ํŠผ (โ™ฅ ์•„์ด์ฝ˜)
267
+ const likeBtn = document.createElement("button");
268
+ likeBtn.className = "like-button";
269
+ likeBtn.textContent = "โ™ฅ";
270
+ if (likedUrls[url]) {
271
+ likeBtn.classList.add("liked");
272
+ } else {
273
+ likeBtn.classList.add("not-liked");
274
+ }
275
+ likeBtn.addEventListener("click", function(e) {
276
+ e.preventDefault(); // ๋งํฌ ํด๋ฆญ ๋ฐฉ์ง€
277
+ toggleLike(url, likeBtn);
278
+ });
279
+ card.appendChild(likeBtn);
280
+
281
+ container.appendChild(card);
282
+ });
283
+ </script>
284
+ </body>
285
  </html>