Spaces:
Running
Running
Update app-english-backup.py
Browse files- app-english-backup.py +210 -226
app-english-backup.py
CHANGED
@@ -282,246 +282,237 @@ def send_to_sandbox(code):
|
|
282 |
theme = gr.themes.Soft()
|
283 |
|
284 |
def load_json_data():
|
285 |
-
#
|
286 |
return [
|
287 |
{
|
288 |
-
"name": "[
|
289 |
-
"image_url": "data:image/gif;base64," + get_image_base64('jewel.gif'),
|
290 |
-
"prompt": "
|
291 |
-
},
|
292 |
{
|
293 |
-
"name": "[
|
294 |
-
"image_url": "data:image/png;base64," + get_image_base64('home.png'),
|
295 |
-
"prompt": "
|
296 |
-
},
|
297 |
{
|
298 |
-
"name": "[
|
299 |
-
"image_url": "data:image/png;base64," + get_image_base64('mbti.png'),
|
300 |
-
"prompt": "
|
301 |
-
},
|
302 |
{
|
303 |
-
"name": "[
|
304 |
-
"image_url": "data:image/png;base64," + get_image_base64('dash.png'),
|
305 |
-
"prompt": "Create an interactive dashboard with Chart.js showing different types of charts (line, bar, pie) with smooth animations. Include buttons to switch between different data views
|
306 |
},
|
307 |
{
|
308 |
-
"name": "[
|
309 |
-
"image_url": "data:image/png;base64," + get_image_base64('audio.png'),
|
310 |
-
"prompt": "Web Audio API
|
311 |
-
},
|
312 |
{
|
313 |
-
"name": "[
|
314 |
-
"image_url": "data:image/png;base64," + get_image_base64('chess.png'),
|
315 |
-
"prompt": "
|
316 |
},
|
317 |
{
|
318 |
-
"name": "[
|
319 |
-
"image_url": "data:image/png;base64," + get_image_base64('alcaroid.png'),
|
320 |
-
"prompt": "
|
321 |
-
},
|
322 |
{
|
323 |
-
"name": "[Fun]
|
324 |
-
"image_url": "data:image/png;base64," + get_image_base64('tarot.png'),
|
325 |
-
"prompt": "
|
326 |
},
|
327 |
{
|
328 |
-
"name": "[Fun] AI
|
329 |
-
"image_url": "data:image/png;base64," + get_image_base64('cook.png'),
|
330 |
-
"prompt": "
|
331 |
-
},
|
332 |
{
|
333 |
-
"name": "[
|
334 |
-
"image_url": "data:image/png;base64," + get_image_base64('tts.png'),
|
335 |
-
"prompt": "
|
336 |
},
|
337 |
{
|
338 |
-
"name": "[
|
339 |
-
"image_url": "data:image/png;base64," + get_image_base64('3ds.png'),
|
340 |
-
"prompt": "
|
341 |
-
},
|
342 |
{
|
343 |
-
"name": "[
|
344 |
-
"image_url": "data:image/png;base64," + get_image_base64('login.png'),
|
345 |
-
"prompt": "
|
346 |
-
},
|
347 |
{
|
348 |
-
"name": "[
|
349 |
"image_url": "data:image/png;base64," + get_image_base64('simri.png'),
|
350 |
-
"prompt": "
|
351 |
-
},
|
352 |
{
|
353 |
-
"name": "[Fun]
|
354 |
-
"image_url": "data:image/png;base64," + get_image_base64('roolet.png'),
|
355 |
-
"prompt": "
|
356 |
-
},
|
357 |
{
|
358 |
-
"name": "[
|
359 |
"image_url": "data:image/png;base64," + get_image_base64('127.png'),
|
360 |
-
"prompt": "
|
361 |
-
},
|
362 |
-
|
363 |
{
|
364 |
-
"name": "[
|
365 |
"image_url": "data:image/png;base64," + get_image_base64('112.png'),
|
366 |
-
"prompt": "Create a classic memory
|
367 |
-
},
|
368 |
{
|
369 |
-
"name": "[
|
370 |
"image_url": "data:image/png;base64," + get_image_base64('122.png'),
|
371 |
-
"prompt": "
|
372 |
},
|
373 |
{
|
374 |
-
"name": "[
|
375 |
"image_url": "data:image/png;base64," + get_image_base64('123.png'),
|
376 |
-
"prompt": "
|
377 |
},
|
378 |
{
|
379 |
-
"name": "[
|
380 |
"image_url": "data:image/png;base64," + get_image_base64('135.png'),
|
381 |
-
"prompt": "
|
382 |
-
},
|
383 |
{
|
384 |
-
"name": "[3D]
|
385 |
"image_url": "data:image/png;base64," + get_image_base64('131.png'),
|
386 |
-
"prompt": "Three.js
|
387 |
},
|
388 |
{
|
389 |
-
"name": "[3D]
|
390 |
"image_url": "data:image/png;base64," + get_image_base64('132.png'),
|
391 |
-
"prompt": "
|
392 |
-
},
|
393 |
{
|
394 |
-
"name": "[
|
395 |
"image_url": "data:image/png;base64," + get_image_base64('114.png'),
|
396 |
-
"prompt": "
|
397 |
},
|
398 |
-
|
399 |
-
"name": "[
|
400 |
"image_url": "data:image/png;base64," + get_image_base64('125.png'),
|
401 |
-
"prompt": "
|
402 |
},
|
403 |
{
|
404 |
-
"name": "[
|
405 |
"image_url": "data:image/png;base64," + get_image_base64('126.png'),
|
406 |
-
"prompt": "Web Audio API
|
407 |
-
},
|
408 |
{
|
409 |
-
"name": "[
|
410 |
"image_url": "data:image/png;base64," + get_image_base64('116.png'),
|
411 |
-
"prompt": "
|
412 |
},
|
413 |
{
|
414 |
-
"name": "[3D]
|
415 |
"image_url": "data:image/png;base64," + get_image_base64('115.png'),
|
416 |
-
"prompt": "CSS 3D
|
417 |
-
},
|
418 |
{
|
419 |
-
"name": "[
|
420 |
"image_url": "data:image/png;base64," + get_image_base64('117.png'),
|
421 |
-
"prompt": "Web Audio API
|
422 |
},
|
423 |
{
|
424 |
-
"name": "[
|
425 |
"image_url": "data:image/png;base64," + get_image_base64('118.png'),
|
426 |
-
"prompt": "SVG
|
427 |
-
},
|
428 |
{
|
429 |
-
"name": "[
|
430 |
"image_url": "data:image/png;base64," + get_image_base64('119.png'),
|
431 |
-
"prompt": "Canvas
|
432 |
},
|
433 |
{
|
434 |
-
"name": "[
|
435 |
"image_url": "data:image/png;base64," + get_image_base64('120.png'),
|
436 |
-
"prompt": "
|
437 |
},
|
438 |
{
|
439 |
-
"name": "[
|
440 |
"image_url": "data:image/png;base64," + get_image_base64('111.png'),
|
441 |
"prompt": "Create a vertical timeline with animated entry points. When clicking on timeline items, show detailed information with smooth transitions. Include filtering options and scroll animations."
|
442 |
},
|
443 |
{
|
444 |
-
"name": "[
|
445 |
"image_url": "data:image/png;base64," + get_image_base64('survay.png'),
|
446 |
-
"prompt": "
|
447 |
-
},
|
448 |
{
|
449 |
-
"name": "[
|
450 |
"image_url": "data:image/png;base64," + get_image_base64('124.png'),
|
451 |
-
"prompt": "D3.js
|
452 |
},
|
453 |
{
|
454 |
-
"name": "[
|
455 |
"image_url": "data:image/png;base64," + get_image_base64('yout.png'),
|
456 |
-
"prompt": "
|
457 |
-
},
|
458 |
{
|
459 |
-
"name": "[
|
460 |
"image_url": "data:image/png;base64," + get_image_base64('map.png'),
|
461 |
-
"prompt": "
|
462 |
-
},
|
463 |
{
|
464 |
-
"name": "[
|
465 |
"image_url": "data:image/png;base64," + get_image_base64('128.png'),
|
466 |
-
"prompt": "
|
467 |
},
|
468 |
{
|
469 |
-
"name": "[
|
470 |
"image_url": "data:image/png;base64," + get_image_base64('129.png'),
|
471 |
-
"prompt": "
|
472 |
},
|
473 |
{
|
474 |
-
"name": "[
|
475 |
"image_url": "data:image/png;base64," + get_image_base64('130.png'),
|
476 |
-
"prompt": "D3.js
|
477 |
},
|
478 |
-
|
479 |
-
|
480 |
{
|
481 |
-
"name": "[
|
482 |
"image_url": "data:image/png;base64," + get_image_base64('133.png'),
|
483 |
-
"prompt": "
|
484 |
},
|
485 |
{
|
486 |
-
"name": "[
|
487 |
"image_url": "data:image/png;base64," + get_image_base64('134.png'),
|
488 |
-
"prompt": "WebRTC
|
489 |
},
|
490 |
-
|
491 |
{
|
492 |
-
"name": "[
|
493 |
"image_url": "data:image/png;base64," + get_image_base64('136.png'),
|
494 |
-
"prompt": "
|
495 |
-
},
|
496 |
{
|
497 |
-
"name": "[
|
498 |
"image_url": "data:image/png;base64," + get_image_base64('113.png'),
|
499 |
-
"prompt": "
|
500 |
-
},
|
501 |
{
|
502 |
-
"name": "[
|
503 |
"image_url": "data:image/png;base64," + get_image_base64('121.png'),
|
504 |
-
"prompt": "
|
505 |
-
},
|
506 |
-
|
507 |
-
{
|
508 |
-
"name": "[ํํ์ด์ง] AI ์คํํธ์
",
|
509 |
-
"image_url": "data:image/gif;base64," + get_image_base64('mouse.gif'), # mouse.gif ์ฌ์ฉ
|
510 |
-
"prompt": "๋๋ฉ ํ์ด์ง๋ฅผ ๋ง๋ค์ด๋ผ. ์ ๋ฌธ๊ฐ ์ ์ ํํ์ ๋ฉ์ง ๋น์ฃผ์ผ๋ก ๊ตฌ์ฑ,์ด๋ชจ์ง๋ฅผ ์ ์ ํ ํ์ฉํ๊ณ ๋ค์์ ๋ด์ฉ์ ์ฐธ๊ณ ํ์ฌ ๋ฐ์ํ๋๋ก ํ๋ผ.๋ง์ฐ์ค-I๋ ์ฌ์ฉ์๊ฐ ์ํ๋ ์น ์๋น์ค๋ฅผ ํ๋กฌํํธ๋ก ์
๋ ฅํ๋ฉด 60์ด ์ด๋ด์ ์ค์ ์๋ํ๋ ์น ์๋น์ค๋ฅผ ์๋ ์์ฑํ๋ ๋๊ตฌ๋ค. ๋ง์ฐ์ค-I์ ์ฃผ์ ๊ธฐ๋ฅ์ โฒ์ํด๋ฆญ ์ค์๊ฐ ๋ฐฐํฌ โฒ์ค์๊ฐ ๋ฏธ๋ฆฌ๋ณด๊ธฐ โฒ40์ฌ ๊ฐ์ง ์ฆ์ ์ ์ฉ ํ
ํ๋ฆฟ โฒ์ค์๊ฐ ์์ ๋ฑ์ด๋ค. MBTI ํ
์คํธ, ํฌ์ ๊ด๋ฆฌ ๋๊ตฌ, ํ
ํธ๋ฆฌ์ค ๊ฒ์ ๋ฑ ๋ค์ํ ํ
ํ๋ฆฟ์ ์ ๊ณตํด ๋น๊ฐ๋ฐ์๋ ์ฆ์ ํ์ฉํ ์ ์๋ค."
|
511 |
}
|
512 |
]
|
513 |
|
|
|
514 |
def load_best_templates():
|
515 |
json_data = load_json_data()[:12] # ๋ฒ ์คํธ ํ
ํ๋ฆฟ
|
516 |
-
return create_template_html("๐
|
517 |
|
518 |
def load_trending_templates():
|
519 |
json_data = load_json_data()[12:24] # ํธ๋ ๋ฉ ํ
ํ๋ฆฟ
|
520 |
-
return create_template_html("๐ฅ
|
521 |
|
522 |
def load_new_templates():
|
523 |
json_data = load_json_data()[24:44] # NEW ํ
ํ๋ฆฟ
|
524 |
-
return create_template_html("โจ
|
525 |
|
526 |
def create_template_html(title, items):
|
527 |
html_content = """
|
@@ -614,12 +605,12 @@ def load_session_history(template_type="best"):
|
|
614 |
"best": json_data[:12], # ๋ฒ ์คํธ ํ
ํ๋ฆฟ
|
615 |
"trending": json_data[12:24], # ํธ๋ ๋ฉ ํ
ํ๋ฆฟ
|
616 |
"new": json_data[24:44] # NEW ํ
ํ๋ฆฟ
|
617 |
-
|
618 |
|
619 |
titles = {
|
620 |
-
"best": "๐
|
621 |
-
"trending": "๐ฅ
|
622 |
-
"new": "โจ
|
623 |
}
|
624 |
|
625 |
html_content = """
|
@@ -705,12 +696,13 @@ def load_session_history(template_type="best"):
|
|
705 |
}
|
706 |
</style>
|
707 |
<div class="template-nav">
|
708 |
-
<button class="template-btn" onclick="showTemplate('best')">๐
|
709 |
-
<button class="template-btn" onclick="showTemplate('trending')">๐ฅ
|
710 |
-
<button class="template-btn" onclick="showTemplate('new')">โจ
|
711 |
</div>
|
712 |
"""
|
713 |
|
|
|
714 |
# ๊ฐ ์น์
์ ํ
ํ๋ฆฟ ์์ฑ
|
715 |
for section, items in templates.items():
|
716 |
html_content += f"""
|
@@ -865,16 +857,15 @@ def boost_prompt(prompt: str) -> str:
|
|
865 |
|
866 |
# ์ฆ๊ฐ์ ์ํ ์์คํ
ํ๋กฌํํธ
|
867 |
boost_system_prompt = """
|
868 |
-
|
869 |
-
|
870 |
-
|
871 |
-
|
872 |
-
|
873 |
-
|
874 |
-
|
875 |
-
|
876 |
-
|
877 |
-
๊ธฐ์กด SystemPrompt์ ๋ชจ๋ ๊ท์น์ ์ค์ํ๋ฉด์ ์ฆ๊ฐ๋ ํ๋กฌํํธ๋ฅผ ์์ฑํ์ญ์์ค.
|
878 |
"""
|
879 |
|
880 |
try:
|
@@ -1349,197 +1340,190 @@ def get_vercel_card(deployment, index, is_top_best=False):
|
|
1349 |
|
1350 |
# Top Best URLs ์ ์
|
1351 |
TOP_BEST_URLS = [
|
1352 |
-
|
1353 |
{
|
1354 |
"url": "dekvxz.vercel.app",
|
1355 |
-
"name": "[
|
1356 |
"created": "2024-11-20 00:00",
|
1357 |
"state": "READY"
|
1358 |
},
|
1359 |
{
|
1360 |
"url": "czbipi.vercel.app",
|
1361 |
-
"name": "
|
1362 |
"created": "2024-11-20 00:00",
|
1363 |
"state": "READY"
|
1364 |
-
},
|
1365 |
{
|
1366 |
"url": "https://huggingface.co/spaces/openfree/ggumim",
|
1367 |
-
"name": "[MOUSE-II]
|
1368 |
"created": "2024-11-18 00:00",
|
1369 |
"state": "READY"
|
1370 |
-
},
|
1371 |
{
|
1372 |
"url": "xabtnc.vercel.app",
|
1373 |
-
"name": "[
|
1374 |
"created": "2024-11-18 00:00",
|
1375 |
"state": "READY"
|
1376 |
-
},
|
1377 |
{
|
1378 |
"url": "https://huggingface.co/spaces/openfree/ifbhdc",
|
1379 |
-
"name": "[
|
1380 |
"created": "2024-11-18 00:00",
|
1381 |
"state": "READY"
|
1382 |
},
|
1383 |
{
|
1384 |
"url": "nxhquk.vercel.app",
|
1385 |
-
"name": "[
|
1386 |
"created": "2024-11-18 00:00",
|
1387 |
"state": "READY"
|
1388 |
-
},
|
1389 |
{
|
1390 |
"url": "bydcnd.vercel.app",
|
1391 |
-
"name": "[
|
1392 |
"created": "2024-11-18 00:00",
|
1393 |
"state": "READY"
|
1394 |
-
},
|
1395 |
{
|
1396 |
"url": "ijhama.vercel.app",
|
1397 |
-
"name": "
|
1398 |
"created": "2024-11-18 00:00",
|
1399 |
"state": "READY"
|
1400 |
-
},
|
1401 |
{
|
1402 |
"url": "oschnl.vercel.app",
|
1403 |
-
"name": "
|
1404 |
"created": "2024-11-18 00:00",
|
1405 |
"state": "READY"
|
1406 |
-
},
|
1407 |
{
|
1408 |
"url": "rzwzrq.vercel.app",
|
1409 |
-
"name": "
|
1410 |
"created": "2024-11-18 00:00",
|
1411 |
"state": "READY"
|
1412 |
-
},
|
1413 |
{
|
1414 |
"url": "twkqre.vercel.app",
|
1415 |
-
"name": "[
|
1416 |
"created": "2024-11-18 00:00",
|
1417 |
"state": "READY"
|
1418 |
-
},
|
1419 |
{
|
1420 |
"url": "htwymz.vercel.app",
|
1421 |
-
"name": "[
|
1422 |
"created": "2024-11-20 00:00",
|
1423 |
"state": "READY"
|
1424 |
-
},
|
1425 |
{
|
1426 |
"url": "mktmbn.vercel.app",
|
1427 |
-
"name": "[
|
1428 |
"created": "2024-11-19 00:00",
|
1429 |
"state": "READY"
|
1430 |
-
},
|
1431 |
{
|
1432 |
"url": "euguwt.vercel.app",
|
1433 |
-
"name": "[
|
1434 |
"created": "2024-11-19 00:00",
|
1435 |
"state": "READY"
|
1436 |
-
},
|
1437 |
-
|
1438 |
"url": "qmdzoh.vercel.app",
|
1439 |
-
"name": "[
|
1440 |
"created": "2024-11-19 00:00",
|
1441 |
"state": "READY"
|
1442 |
-
},
|
1443 |
{
|
1444 |
"url": "kofaqo.vercel.app",
|
1445 |
-
"name": "[
|
1446 |
"created": "2024-11-19 00:00",
|
1447 |
"state": "READY"
|
1448 |
-
},
|
1449 |
{
|
1450 |
"url": "qoqqkq.vercel.app",
|
1451 |
-
"name": "[
|
1452 |
"created": "2024-11-19 00:00",
|
1453 |
"state": "READY"
|
1454 |
-
},
|
1455 |
{
|
1456 |
"url": "nmznel.vercel.app",
|
1457 |
-
"name": "[
|
1458 |
"created": "2024-11-19 00:00",
|
1459 |
"state": "READY"
|
1460 |
-
},
|
1461 |
-
|
1462 |
-
|
1463 |
{
|
1464 |
"url": "psrrtp.vercel.app",
|
1465 |
-
"name": "[
|
1466 |
"created": "2024-11-18 00:00",
|
1467 |
"state": "READY"
|
1468 |
},
|
1469 |
{
|
1470 |
"url": "xxloav.vercel.app",
|
1471 |
-
"name": "[
|
1472 |
"created": "2024-11-18 00:00",
|
1473 |
"state": "READY"
|
1474 |
},
|
1475 |
{
|
1476 |
"url": "https://huggingface.co/spaces/openfree/edpaje",
|
1477 |
-
"name": "[
|
1478 |
"created": "2024-11-18 00:00",
|
1479 |
"state": "READY"
|
1480 |
},
|
1481 |
{
|
1482 |
"url": "https://huggingface.co/spaces/openfree/ixtidb",
|
1483 |
-
"name": "AI
|
1484 |
"created": "2024-11-18 00:00",
|
1485 |
"state": "READY"
|
1486 |
-
},
|
1487 |
-
|
1488 |
{
|
1489 |
"url": "cnlzji.vercel.app",
|
1490 |
-
"name": "
|
1491 |
"created": "2024-11-18 00:00",
|
1492 |
"state": "READY"
|
1493 |
},
|
1494 |
{
|
1495 |
"url": "fazely.vercel.app",
|
1496 |
-
"name": "
|
1497 |
"created": "2024-11-18 00:00",
|
1498 |
"state": "READY"
|
1499 |
},
|
1500 |
{
|
1501 |
"url": "pkzhbo.vercel.app",
|
1502 |
-
"name": "
|
1503 |
"created": "2024-11-18 00:00",
|
1504 |
"state": "READY"
|
1505 |
-
},
|
1506 |
{
|
1507 |
"url": "pammgl.vercel.app",
|
1508 |
-
"name": "
|
1509 |
"created": "2024-11-18 00:00",
|
1510 |
"state": "READY"
|
1511 |
-
},
|
1512 |
-
|
1513 |
-
|
1514 |
{
|
1515 |
"url": "https://ktduhm.vercel.app/",
|
1516 |
-
"name": "
|
1517 |
"created": "2024-11-18 00:00",
|
1518 |
"state": "READY"
|
1519 |
-
},
|
1520 |
-
|
1521 |
-
|
1522 |
{
|
1523 |
"url": "vjmfoy.vercel.app",
|
1524 |
-
"name": "[
|
1525 |
"created": "2024-11-18 00:00",
|
1526 |
"state": "READY"
|
1527 |
-
},
|
1528 |
{
|
1529 |
"url": "aodakf.vercel.app",
|
1530 |
-
"name": "[
|
1531 |
"created": "2024-11-18 00:00",
|
1532 |
"state": "READY"
|
1533 |
-
},
|
1534 |
{
|
1535 |
"url": "mxoeue.vercel.app",
|
1536 |
-
"name": "
|
1537 |
"created": "2024-11-18 00:00",
|
1538 |
"state": "READY"
|
1539 |
}
|
1540 |
]
|
1541 |
|
1542 |
|
|
|
1543 |
def get_user_spaces():
|
1544 |
# ๊ธฐ์กด Hugging Face ์คํ์ด์ค ๊ฐ์ ธ์ค๊ธฐ
|
1545 |
url = f"https://huggingface.co/api/spaces?author={USERNAME}&limit=500"
|
@@ -1785,7 +1769,7 @@ def create_main_interface():
|
|
1785 |
with demo:
|
1786 |
with gr.Tabs(elem_classes="main-tabs") as tabs:
|
1787 |
# ๊ฐค๋ฌ๋ฆฌ ํญ
|
1788 |
-
with gr.Tab("
|
1789 |
gr.HTML(value=get_user_spaces())
|
1790 |
|
1791 |
# MOUSE ํญ
|
@@ -1832,11 +1816,11 @@ def create_main_interface():
|
|
1832 |
header = gr.HTML(f"""
|
1833 |
<div class="left_header">
|
1834 |
<img src="data:image/gif;base64,{get_image_base64('mouse.gif')}" width="360px" />
|
1835 |
-
<h1 style="font-size: 18px;"
|
1836 |
-
<h1 style="font-size: 10px;"
|
1837 |
<h1 style="font-size: 12px; margin-top: 10px;">
|
1838 |
<a href="https://openfree-mouse.hf.space" target="_blank" style="color: #0084ff; text-decoration: none; transition: color 0.3s;">
|
1839 |
-
๐จ [HOME] MOUSE
|
1840 |
</a>
|
1841 |
</h1>
|
1842 |
</div>
|
@@ -1853,22 +1837,22 @@ def create_main_interface():
|
|
1853 |
with antd.Flex(gap="small", justify="space-between"):
|
1854 |
btn = antd.Button("Send", type="primary", size="large")
|
1855 |
boost_btn = antd.Button("Boost", type="default", size="large")
|
1856 |
-
execute_btn = antd.Button("
|
1857 |
-
deploy_btn = antd.Button("
|
1858 |
-
clear_btn = antd.Button("
|
1859 |
|
1860 |
-
deploy_result = gr.HTML(label="
|
1861 |
|
1862 |
# ์ฐ์ธก ํจ๋
|
1863 |
with antd.Col(span=24, md=16):
|
1864 |
with ms.Div(elem_classes="right_panel"):
|
1865 |
# ์๋จ ๋ฒํผ๋ค
|
1866 |
with antd.Flex(gap="small", elem_classes="setting-buttons"):
|
1867 |
-
codeBtn = antd.Button("๐งโ๐ป
|
1868 |
-
historyBtn = antd.Button("๐
|
1869 |
-
best_btn = antd.Button("๐
|
1870 |
-
trending_btn = antd.Button("๐ฅ
|
1871 |
-
new_btn = antd.Button("โจ
|
1872 |
|
1873 |
gr.HTML('<div class="render_header"><span class="header_btn"></span><span class="header_btn"></span><span class="header_btn"></span></div>')
|
1874 |
|
|
|
282 |
theme = gr.themes.Soft()
|
283 |
|
284 |
def load_json_data():
|
285 |
+
# Return hardcoded data
|
286 |
return [
|
287 |
{
|
288 |
+
"name": "[Game] Jewel Pop Game",
|
289 |
+
"image_url": "data:image/gif;base64," + get_image_base64('jewel.gif'),
|
290 |
+
"prompt": "Refer to the prompt composition for this game at https://huggingface.co/spaces/openfree/ifbhdc"
|
291 |
+
},
|
292 |
{
|
293 |
+
"name": "[Homepage] AI Startup",
|
294 |
+
"image_url": "data:image/png;base64," + get_image_base64('home.png'),
|
295 |
+
"prompt": "Create a landing page with a professional and visually stunning design. Use appropriate emojis and reflect the following information: Mouse-I is a tool that automatically generates fully functional web services within 60 seconds based on user prompts. Mouse-I's main features include โฒOne-click real-time deployment โฒReal-time preview โฒOver 40 instant templates โฒReal-time editing. It offers various templates such as MBTI tests, investment management tools, and Tetris games, making it immediately accessible even for non-developers."
|
296 |
+
},
|
297 |
{
|
298 |
+
"name": "[Psychology] MBTI Diagnostic Service",
|
299 |
+
"image_url": "data:image/png;base64," + get_image_base64('mbti.png'),
|
300 |
+
"prompt": "Create 15 questions with multiple-choice answers to diagnose MBTI and display detailed results about the respective personality type."
|
301 |
+
},
|
302 |
{
|
303 |
+
"name": "[Dashboard] Investment Portfolio Dashboard",
|
304 |
+
"image_url": "data:image/png;base64," + get_image_base64('dash.png'),
|
305 |
+
"prompt": "Create an interactive dashboard with Chart.js showing different types of charts (line, bar, pie) with smooth animations. Include buttons to switch between different data views. Build an investment management tool to analyze portfolios, visualizing risk, return, and asset allocation."
|
306 |
},
|
307 |
{
|
308 |
+
"name": "[Multimodal] Audio Visualizer",
|
309 |
+
"image_url": "data:image/png;base64," + get_image_base64('audio.png'),
|
310 |
+
"prompt": "Use the Web Audio API and Canvas to create an audio visualizer. Implement dynamic bars that react to music frequency data with smooth animations. Include play/pause controls and a color theme selection feature."
|
311 |
+
},
|
312 |
{
|
313 |
+
"name": "[Game] Chess Game",
|
314 |
+
"image_url": "data:image/png;base64," + get_image_base64('chess.png'),
|
315 |
+
"prompt": "Chess Game: Identify and apply the rules of chess correctly. The opponent should play automatically."
|
316 |
},
|
317 |
{
|
318 |
+
"name": "[Game] Brick Breaker Game",
|
319 |
+
"image_url": "data:image/png;base64," + get_image_base64('alcaroid.png'),
|
320 |
+
"prompt": "Create a brick-breaking game."
|
321 |
+
},
|
322 |
{
|
323 |
+
"name": "[Fun] Tarot Card Fortune",
|
324 |
+
"image_url": "data:image/png;base64," + get_image_base64('tarot.png'),
|
325 |
+
"prompt": "Generate a tarot card fortune-telling experience. Make it detailed, professional, and easy to understand, with long responses. Provide all explanations in Korean."
|
326 |
},
|
327 |
{
|
328 |
+
"name": "[Fun] AI Chef",
|
329 |
+
"image_url": "data:image/png;base64," + get_image_base64('cook.png'),
|
330 |
+
"prompt": "Present 10 diverse ingredients, and when selected and placed in the 'cooking pot,' output a dish and recipe that can be made with the chosen ingredients. Use web crawling or search to enhance recipes."
|
331 |
+
},
|
332 |
{
|
333 |
+
"name": "[Multimodal] Text-to-Speech Generator with Adjustments",
|
334 |
+
"image_url": "data:image/png;base64," + get_image_base64('tts.png'),
|
335 |
+
"prompt": "Create an interface to convert text into speech and adjust voice parameters in real time."
|
336 |
},
|
337 |
{
|
338 |
+
"name": "[Learning] 3D Molecular Simulation",
|
339 |
+
"image_url": "data:image/png;base64," + get_image_base64('3ds.png'),
|
340 |
+
"prompt": "Visualize 3D molecular structures with Three.js. Allow rotation, zoom, display of atomic information, and animation effects."
|
341 |
+
},
|
342 |
{
|
343 |
+
"name": "[Component] Email Sign-Up and Login",
|
344 |
+
"image_url": "data:image/png;base64," + get_image_base64('login.png'),
|
345 |
+
"prompt": "Create an email sign-up and login webpage. Include the following: 1. Design - Modern and minimalist UI/UX - Responsive layout - Smooth animation effects - Proper form validation feedback 2. Sign-Up functionality 3. Login functionality - Email/password input - Auto-login option - Password recovery link - Error message on failed login - Welcome message on successful login."
|
346 |
+
},
|
347 |
{
|
348 |
+
"name": "[Psychology] My Psychological State Quiz",
|
349 |
"image_url": "data:image/png;base64," + get_image_base64('simri.png'),
|
350 |
+
"prompt": "Create multiple-choice questions to assess various psychological states. Provide psychological interpretations for selected answers. Example: You encounter an animal on your walk. 1) Dog 2) Lion 3) Bear 4) Cat."
|
351 |
+
},
|
352 |
{
|
353 |
+
"name": "[Fun] Lucky Roulette",
|
354 |
+
"image_url": "data:image/png;base64," + get_image_base64('roolet.png'),
|
355 |
+
"prompt": "Create a spinning lucky roulette where clicking a button launches an arrow. The arrow lands randomly on a number, each associated with a prize ranging from 'None' to '1 Million Won.' Display the prize amount for the selected number."
|
356 |
+
},
|
357 |
{
|
358 |
+
"name": "[Game] Tetris Game",
|
359 |
"image_url": "data:image/png;base64," + get_image_base64('127.png'),
|
360 |
+
"prompt": "Build a classic Tetris game. Include start and restart buttons and follow Tetris rules accurately."
|
361 |
+
},
|
|
|
362 |
{
|
363 |
+
"name": "[Game] Memory Matching Card Game",
|
364 |
"image_url": "data:image/png;base64," + get_image_base64('112.png'),
|
365 |
+
"prompt": "Create a classic memory-matching card game with flip animations. Include a scoring system, timer, and difficulty levels. Add satisfying match/mismatch animations and sound effects using the Web Audio API."
|
366 |
+
},
|
367 |
{
|
368 |
+
"name": "[Tool] Interactive Scheduler",
|
369 |
"image_url": "data:image/png;base64," + get_image_base64('122.png'),
|
370 |
+
"prompt": "Build a calendar for managing schedules with drag-and-drop functionality. Add animations and schedule filtering features."
|
371 |
},
|
372 |
{
|
373 |
+
"name": "[Game] Typing Game",
|
374 |
"image_url": "data:image/png;base64," + get_image_base64('123.png'),
|
375 |
+
"prompt": "Create a game where players type falling words to score points. Include difficulty adjustments and sound effects."
|
376 |
},
|
377 |
{
|
378 |
+
"name": "[Animation] Interactive Stars",
|
379 |
"image_url": "data:image/png;base64," + get_image_base64('135.png'),
|
380 |
+
"prompt": "Create an interactive starry sky. As the user moves their mouse, stars and constellations appear."
|
381 |
+
},
|
382 |
{
|
383 |
+
"name": "[3D] Terrain Generator",
|
384 |
"image_url": "data:image/png;base64," + get_image_base64('131.png'),
|
385 |
+
"prompt": "Use Three.js to generate procedural terrain. Allow real-time adjustments for height, texture, and water effects."
|
386 |
},
|
387 |
{
|
388 |
+
"name": "[3D] Text Animator",
|
389 |
"image_url": "data:image/png;base64," + get_image_base64('132.png'),
|
390 |
+
"prompt": "Create 3D text animations with Three.js. Implement various transformation effects and physics-based particle effects."
|
391 |
+
},
|
392 |
{
|
393 |
+
"name": "[Widget] Weather Animation",
|
394 |
"image_url": "data:image/png;base64," + get_image_base64('114.png'),
|
395 |
+
"prompt": "Develop a weather animation widget that displays current weather conditions. Use Canvas to implement effects for rain, snow, clouds, and lightning with smooth transitions."
|
396 |
},
|
397 |
+
{
|
398 |
+
"name": "[Simulation] Physics Engine",
|
399 |
"image_url": "data:image/png;base64," + get_image_base64('125.png'),
|
400 |
+
"prompt": "Create a basic physics simulation using Canvas. Include gravity, collision, and elasticity effects for a ball-bouncing simulation."
|
401 |
},
|
402 |
{
|
403 |
+
"name": "[Audio] Sound Mixer",
|
404 |
"image_url": "data:image/png;base64," + get_image_base64('126.png'),
|
405 |
+
"prompt": "Develop an interface using the Web Audio API for mixing multiple sound sources. Include controls for volume, panning, and effects."
|
406 |
+
},
|
407 |
{
|
408 |
+
"name": "[Effect] Particle Text",
|
409 |
"image_url": "data:image/png;base64," + get_image_base64('116.png'),
|
410 |
+
"prompt": "Create a particle text effect where the text scatters into particles and reassembles on mouse hover using Canvas."
|
411 |
},
|
412 |
{
|
413 |
+
"name": "[3D] Bookshelf Gallery",
|
414 |
"image_url": "data:image/png;base64," + get_image_base64('115.png'),
|
415 |
+
"prompt": "Use CSS 3D transforms to create a rotating bookshelf gallery. Display detailed information when a book is clicked."
|
416 |
+
},
|
417 |
{
|
418 |
+
"name": "[Game] Rhythm Game",
|
419 |
"image_url": "data:image/png;base64," + get_image_base64('117.png'),
|
420 |
+
"prompt": "Create a simple rhythm game using the Web Audio API. Implement falling notes, timing judgments, and a scoring system."
|
421 |
},
|
422 |
{
|
423 |
+
"name": "[Animation] SVG Path",
|
424 |
"image_url": "data:image/png;base64," + get_image_base64('118.png'),
|
425 |
+
"prompt": "Create animations that follow SVG paths. Show the process of drawing various shapes and add interactive controls."
|
426 |
+
},
|
427 |
{
|
428 |
+
"name": "[Tool] Drawing Board",
|
429 |
"image_url": "data:image/png;base64," + get_image_base64('119.png'),
|
430 |
+
"prompt": "Develop a drawing tool using Canvas. Include brush size, color changes, eraser functionality, and the ability to save drawing history."
|
431 |
},
|
432 |
{
|
433 |
+
"name": "[Game] Puzzle Slide",
|
434 |
"image_url": "data:image/png;base64," + get_image_base64('120.png'),
|
435 |
+
"prompt": "Create a slide puzzle game using numbers or images. Add move animations and a completion check feature."
|
436 |
},
|
437 |
{
|
438 |
+
"name": "[Component] Interactive Timeline",
|
439 |
"image_url": "data:image/png;base64," + get_image_base64('111.png'),
|
440 |
"prompt": "Create a vertical timeline with animated entry points. When clicking on timeline items, show detailed information with smooth transitions. Include filtering options and scroll animations."
|
441 |
},
|
442 |
{
|
443 |
+
"name": "[Tool] Survey Creator",
|
444 |
"image_url": "data:image/png;base64," + get_image_base64('survay.png'),
|
445 |
+
"prompt": "Develop a survey tool to collect data about perceptions of marriage. Include 10 survey questions (e.g., email address, birth year). Save collected information as a log file in local storage."
|
446 |
+
},
|
447 |
{
|
448 |
+
"name": "[Visualization] Data Animation",
|
449 |
"image_url": "data:image/png;base64," + get_image_base64('124.png'),
|
450 |
+
"prompt": "Use D3.js to create animated charts showing data changes. Add various transition effects."
|
451 |
},
|
452 |
{
|
453 |
+
"name": "[Tool] YouTube Video Playback/Analysis/Summary",
|
454 |
"image_url": "data:image/png;base64," + get_image_base64('yout.png'),
|
455 |
+
"prompt": "Allow users to input a YouTube URL to play the video. Include additional features for video analysis or summary."
|
456 |
+
},
|
457 |
{
|
458 |
+
"name": "[Tool] World/ Country Map",
|
459 |
"image_url": "data:image/png;base64," + get_image_base64('map.png'),
|
460 |
+
"prompt": "Create a dashboard displaying country maps based on a world map. Show population data in charts."
|
461 |
+
},
|
462 |
{
|
463 |
+
"name": "[Component] Bulletin Board",
|
464 |
"image_url": "data:image/png;base64," + get_image_base64('128.png'),
|
465 |
+
"prompt": "Create an internet bulletin board. Users should be able to save and read text."
|
466 |
},
|
467 |
{
|
468 |
+
"name": "[Tool] Photo Editor",
|
469 |
"image_url": "data:image/png;base64," + get_image_base64('129.png'),
|
470 |
+
"prompt": "Develop a basic image editing tool using Canvas. Include features for applying filters, cropping, and rotation."
|
471 |
},
|
472 |
{
|
473 |
+
"name": "[Visualization] Mind Map",
|
474 |
"image_url": "data:image/png;base64," + get_image_base64('130.png'),
|
475 |
+
"prompt": "Use D3.js to create a dynamic mind map. Implement features for adding/removing nodes, drag-and-drop, and expand/collapse animations."
|
476 |
},
|
|
|
|
|
477 |
{
|
478 |
+
"name": "[Tool] Pattern Designer",
|
479 |
"image_url": "data:image/png;base64," + get_image_base64('133.png'),
|
480 |
+
"prompt": "Develop a tool to design repeating patterns using SVG. Include symmetry options, color scheme management, and real-time preview."
|
481 |
},
|
482 |
{
|
483 |
+
"name": "[Multimedia] Real-Time Filter Camera",
|
484 |
"image_url": "data:image/png;base64," + get_image_base64('134.png'),
|
485 |
+
"prompt": "Use WebRTC and Canvas to create a real-time video filter app. Implement various image processing effects."
|
486 |
},
|
|
|
487 |
{
|
488 |
+
"name": "[Visualization] Real-Time Data Flow",
|
489 |
"image_url": "data:image/png;base64," + get_image_base64('136.png'),
|
490 |
+
"prompt": "Visualize real-time data flow using D3.js. Implement node-based data processing and animation effects."
|
491 |
+
},
|
492 |
{
|
493 |
+
"name": "[Interactive] Color Palette",
|
494 |
"image_url": "data:image/png;base64," + get_image_base64('113.png'),
|
495 |
+
"prompt": "Create a dynamic color palette that changes based on mouse movement. Include color selection, saving, and blending features with smooth gradient effects."
|
496 |
+
},
|
497 |
{
|
498 |
+
"name": "[Effect] Particle Cursor",
|
499 |
"image_url": "data:image/png;base64," + get_image_base64('121.png'),
|
500 |
+
"prompt": "Create a particle effect that follows the mouse cursor. Include various particle patterns and color transitions."
|
|
|
|
|
|
|
|
|
|
|
|
|
501 |
}
|
502 |
]
|
503 |
|
504 |
+
|
505 |
def load_best_templates():
|
506 |
json_data = load_json_data()[:12] # ๋ฒ ์คํธ ํ
ํ๋ฆฟ
|
507 |
+
return create_template_html("๐Best Template", json_data)
|
508 |
|
509 |
def load_trending_templates():
|
510 |
json_data = load_json_data()[12:24] # ํธ๋ ๋ฉ ํ
ํ๋ฆฟ
|
511 |
+
return create_template_html("๐ฅTrend Template", json_data)
|
512 |
|
513 |
def load_new_templates():
|
514 |
json_data = load_json_data()[24:44] # NEW ํ
ํ๋ฆฟ
|
515 |
+
return create_template_html("โจNEW Template", json_data)
|
516 |
|
517 |
def create_template_html(title, items):
|
518 |
html_content = """
|
|
|
605 |
"best": json_data[:12], # ๋ฒ ์คํธ ํ
ํ๋ฆฟ
|
606 |
"trending": json_data[12:24], # ํธ๋ ๋ฉ ํ
ํ๋ฆฟ
|
607 |
"new": json_data[24:44] # NEW ํ
ํ๋ฆฟ
|
608 |
+
|
609 |
|
610 |
titles = {
|
611 |
+
"best": "๐Best Template",
|
612 |
+
"trending": "๐ฅTrend Template",
|
613 |
+
"new": "โจNEW Template"
|
614 |
}
|
615 |
|
616 |
html_content = """
|
|
|
696 |
}
|
697 |
</style>
|
698 |
<div class="template-nav">
|
699 |
+
<button class="template-btn" onclick="showTemplate('best')">๐Best Template</button>
|
700 |
+
<button class="template-btn" onclick="showTemplate('trending')">๐ฅTrend Template</button>
|
701 |
+
<button class="template-btn" onclick="showTemplate('new')">โจNEW Template</button>
|
702 |
</div>
|
703 |
"""
|
704 |
|
705 |
+
|
706 |
# ๊ฐ ์น์
์ ํ
ํ๋ฆฟ ์์ฑ
|
707 |
for section, items in templates.items():
|
708 |
html_content += f"""
|
|
|
857 |
|
858 |
# ์ฆ๊ฐ์ ์ํ ์์คํ
ํ๋กฌํํธ
|
859 |
boost_system_prompt = """
|
860 |
+
You are a web development prompt expert.
|
861 |
+
Analyze the given prompts and expand them into more detailed and professional requirements while maintaining their original intent and purpose. Enhance them based on the following aspects:
|
862 |
+
1. Technical implementation details
|
863 |
+
2. UI/UX design elements
|
864 |
+
3. Optimization for user experience
|
865 |
+
4. Performance and security
|
866 |
+
5. Accessibility and compatibility
|
867 |
+
|
868 |
+
Generate enhanced prompts that adhere to all the rules of the existing SystemPrompt.
|
|
|
869 |
"""
|
870 |
|
871 |
try:
|
|
|
1340 |
|
1341 |
# Top Best URLs ์ ์
|
1342 |
TOP_BEST_URLS = [
|
|
|
1343 |
{
|
1344 |
"url": "dekvxz.vercel.app",
|
1345 |
+
"name": "[Game] Diet Hunter",
|
1346 |
"created": "2024-11-20 00:00",
|
1347 |
"state": "READY"
|
1348 |
},
|
1349 |
{
|
1350 |
"url": "czbipi.vercel.app",
|
1351 |
+
"name": "Travel Itinerary Management",
|
1352 |
"created": "2024-11-20 00:00",
|
1353 |
"state": "READY"
|
1354 |
+
},
|
1355 |
{
|
1356 |
"url": "https://huggingface.co/spaces/openfree/ggumim",
|
1357 |
+
"name": "[MOUSE-II] Output Korean on Images",
|
1358 |
"created": "2024-11-18 00:00",
|
1359 |
"state": "READY"
|
1360 |
+
},
|
1361 |
{
|
1362 |
"url": "xabtnc.vercel.app",
|
1363 |
+
"name": "[Chatbot] My Own LLM",
|
1364 |
"created": "2024-11-18 00:00",
|
1365 |
"state": "READY"
|
1366 |
+
},
|
1367 |
{
|
1368 |
"url": "https://huggingface.co/spaces/openfree/ifbhdc",
|
1369 |
+
"name": "[Game] Jewel Pang Pang",
|
1370 |
"created": "2024-11-18 00:00",
|
1371 |
"state": "READY"
|
1372 |
},
|
1373 |
{
|
1374 |
"url": "nxhquk.vercel.app",
|
1375 |
+
"name": "[Game] Tetris",
|
1376 |
"created": "2024-11-18 00:00",
|
1377 |
"state": "READY"
|
1378 |
+
},
|
1379 |
{
|
1380 |
"url": "bydcnd.vercel.app",
|
1381 |
+
"name": "[Model] 3D Molecule Model",
|
1382 |
"created": "2024-11-18 00:00",
|
1383 |
"state": "READY"
|
1384 |
+
},
|
1385 |
{
|
1386 |
"url": "ijhama.vercel.app",
|
1387 |
+
"name": "Investment Portfolio Analysis",
|
1388 |
"created": "2024-11-18 00:00",
|
1389 |
"state": "READY"
|
1390 |
+
},
|
1391 |
{
|
1392 |
"url": "oschnl.vercel.app",
|
1393 |
+
"name": "Lotto Number Analysis/Recommendation",
|
1394 |
"created": "2024-11-18 00:00",
|
1395 |
"state": "READY"
|
1396 |
+
},
|
1397 |
{
|
1398 |
"url": "rzwzrq.vercel.app",
|
1399 |
+
"name": "Excel/CSV Data Analysis",
|
1400 |
"created": "2024-11-18 00:00",
|
1401 |
"state": "READY"
|
1402 |
+
},
|
1403 |
{
|
1404 |
"url": "twkqre.vercel.app",
|
1405 |
+
"name": "[Fortune] Tarot Cards",
|
1406 |
"created": "2024-11-18 00:00",
|
1407 |
"state": "READY"
|
1408 |
+
},
|
1409 |
{
|
1410 |
"url": "htwymz.vercel.app",
|
1411 |
+
"name": "[Game] Firefighting Helicopter",
|
1412 |
"created": "2024-11-20 00:00",
|
1413 |
"state": "READY"
|
1414 |
+
},
|
1415 |
{
|
1416 |
"url": "mktmbn.vercel.app",
|
1417 |
+
"name": "[Game] Space War",
|
1418 |
"created": "2024-11-19 00:00",
|
1419 |
"state": "READY"
|
1420 |
+
},
|
1421 |
{
|
1422 |
"url": "euguwt.vercel.app",
|
1423 |
+
"name": "[Game] Poseidon",
|
1424 |
"created": "2024-11-19 00:00",
|
1425 |
"state": "READY"
|
1426 |
+
},
|
1427 |
+
{
|
1428 |
"url": "qmdzoh.vercel.app",
|
1429 |
+
"name": "[Game] Protect the Sky",
|
1430 |
"created": "2024-11-19 00:00",
|
1431 |
"state": "READY"
|
1432 |
+
},
|
1433 |
{
|
1434 |
"url": "kofaqo.vercel.app",
|
1435 |
+
"name": "[Game] Meteor Collision!",
|
1436 |
"created": "2024-11-19 00:00",
|
1437 |
"state": "READY"
|
1438 |
+
},
|
1439 |
{
|
1440 |
"url": "qoqqkq.vercel.app",
|
1441 |
+
"name": "[Game] Mole Catching",
|
1442 |
"created": "2024-11-19 00:00",
|
1443 |
"state": "READY"
|
1444 |
+
},
|
1445 |
{
|
1446 |
"url": "nmznel.vercel.app",
|
1447 |
+
"name": "[Game] Catch the Mouse",
|
1448 |
"created": "2024-11-19 00:00",
|
1449 |
"state": "READY"
|
1450 |
+
},
|
|
|
|
|
1451 |
{
|
1452 |
"url": "psrrtp.vercel.app",
|
1453 |
+
"name": "[Dashboard] World Population",
|
1454 |
"created": "2024-11-18 00:00",
|
1455 |
"state": "READY"
|
1456 |
},
|
1457 |
{
|
1458 |
"url": "xxloav.vercel.app",
|
1459 |
+
"name": "[Game] Brick Breaker",
|
1460 |
"created": "2024-11-18 00:00",
|
1461 |
"state": "READY"
|
1462 |
},
|
1463 |
{
|
1464 |
"url": "https://huggingface.co/spaces/openfree/edpaje",
|
1465 |
+
"name": "[Game] Memory Card",
|
1466 |
"created": "2024-11-18 00:00",
|
1467 |
"state": "READY"
|
1468 |
},
|
1469 |
{
|
1470 |
"url": "https://huggingface.co/spaces/openfree/ixtidb",
|
1471 |
+
"name": "AI Chef",
|
1472 |
"created": "2024-11-18 00:00",
|
1473 |
"state": "READY"
|
1474 |
+
},
|
|
|
1475 |
{
|
1476 |
"url": "cnlzji.vercel.app",
|
1477 |
+
"name": "Country Information Comparison",
|
1478 |
"created": "2024-11-18 00:00",
|
1479 |
"state": "READY"
|
1480 |
},
|
1481 |
{
|
1482 |
"url": "fazely.vercel.app",
|
1483 |
+
"name": "Wikipedia Knowledge Analysis",
|
1484 |
"created": "2024-11-18 00:00",
|
1485 |
"state": "READY"
|
1486 |
},
|
1487 |
{
|
1488 |
"url": "pkzhbo.vercel.app",
|
1489 |
+
"name": "World Time Zones by Country",
|
1490 |
"created": "2024-11-18 00:00",
|
1491 |
"state": "READY"
|
1492 |
+
},
|
1493 |
{
|
1494 |
"url": "pammgl.vercel.app",
|
1495 |
+
"name": "Press Release Distribution Service",
|
1496 |
"created": "2024-11-18 00:00",
|
1497 |
"state": "READY"
|
1498 |
+
},
|
|
|
|
|
1499 |
{
|
1500 |
"url": "https://ktduhm.vercel.app/",
|
1501 |
+
"name": "Understand Mathematics through Graphs",
|
1502 |
"created": "2024-11-18 00:00",
|
1503 |
"state": "READY"
|
1504 |
+
},
|
|
|
|
|
1505 |
{
|
1506 |
"url": "vjmfoy.vercel.app",
|
1507 |
+
"name": "[Game] 3D Brick Stacking",
|
1508 |
"created": "2024-11-18 00:00",
|
1509 |
"state": "READY"
|
1510 |
+
},
|
1511 |
{
|
1512 |
"url": "aodakf.vercel.app",
|
1513 |
+
"name": "[Virtual] 3D Virtual Reality",
|
1514 |
"created": "2024-11-18 00:00",
|
1515 |
"state": "READY"
|
1516 |
+
},
|
1517 |
{
|
1518 |
"url": "mxoeue.vercel.app",
|
1519 |
+
"name": "Voice Generation (TTS), Adjustment",
|
1520 |
"created": "2024-11-18 00:00",
|
1521 |
"state": "READY"
|
1522 |
}
|
1523 |
]
|
1524 |
|
1525 |
|
1526 |
+
|
1527 |
def get_user_spaces():
|
1528 |
# ๊ธฐ์กด Hugging Face ์คํ์ด์ค ๊ฐ์ ธ์ค๊ธฐ
|
1529 |
url = f"https://huggingface.co/api/spaces?author={USERNAME}&limit=500"
|
|
|
1769 |
with demo:
|
1770 |
with gr.Tabs(elem_classes="main-tabs") as tabs:
|
1771 |
# ๊ฐค๋ฌ๋ฆฌ ํญ
|
1772 |
+
with gr.Tab("Gallery >", elem_id="gallery-tab"):
|
1773 |
gr.HTML(value=get_user_spaces())
|
1774 |
|
1775 |
# MOUSE ํญ
|
|
|
1816 |
header = gr.HTML(f"""
|
1817 |
<div class="left_header">
|
1818 |
<img src="data:image/gif;base64,{get_image_base64('mouse.gif')}" width="360px" />
|
1819 |
+
<h1 style="font-size: 18px;">'MOUSE-I' > cursor</h2>
|
1820 |
+
<h1 style="font-size: 10px;">Copy and paste the prompt from the template, and when you click Send, the code will be automatically generated. When you click Check Result and Deploy, the web service will be deployed globally through Vercel's crowd platform. Paste only the generated code into the prompt and click the 'Run Code' button to instantly run the service on the screen. Inquiries: [email protected]</h1>
|
1821 |
<h1 style="font-size: 12px; margin-top: 10px;">
|
1822 |
<a href="https://openfree-mouse.hf.space" target="_blank" style="color: #0084ff; text-decoration: none; transition: color 0.3s;">
|
1823 |
+
๐จ [HOME] MOUSE
|
1824 |
</a>
|
1825 |
</h1>
|
1826 |
</div>
|
|
|
1837 |
with antd.Flex(gap="small", justify="space-between"):
|
1838 |
btn = antd.Button("Send", type="primary", size="large")
|
1839 |
boost_btn = antd.Button("Boost", type="default", size="large")
|
1840 |
+
execute_btn = antd.Button("CodeRun", type="default", size="large")
|
1841 |
+
deploy_btn = antd.Button("Deploy", type="default", size="large")
|
1842 |
+
clear_btn = antd.Button("Clear", type="default", size="large")
|
1843 |
|
1844 |
+
deploy_result = gr.HTML(label="Deployment")
|
1845 |
|
1846 |
# ์ฐ์ธก ํจ๋
|
1847 |
with antd.Col(span=24, md=16):
|
1848 |
with ms.Div(elem_classes="right_panel"):
|
1849 |
# ์๋จ ๋ฒํผ๋ค
|
1850 |
with antd.Flex(gap="small", elem_classes="setting-buttons"):
|
1851 |
+
codeBtn = antd.Button("๐งโ๐ปCode View", type="default")
|
1852 |
+
historyBtn = antd.Button("๐History", type="default")
|
1853 |
+
best_btn = antd.Button("๐Best Template", type="default")
|
1854 |
+
trending_btn = antd.Button("๐ฅTrend Template", type="default")
|
1855 |
+
new_btn = antd.Button("โจNEW Template", type="default")
|
1856 |
|
1857 |
gr.HTML('<div class="render_header"><span class="header_btn"></span><span class="header_btn"></span><span class="header_btn"></span></div>')
|
1858 |
|