Spaces:
Running
Running
Update app.py
Browse files
app.py
CHANGED
|
@@ -668,13 +668,51 @@ HTML_TEMPLATE = '''
|
|
| 668 |
.save-individual button:hover {
|
| 669 |
background: #5cbf5c;
|
| 670 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 671 |
</style>
|
| 672 |
</head>
|
| 673 |
<body>
|
| 674 |
<div class="container">
|
| 675 |
<!-- ์ข์ธก ํด๋ฐ -->
|
| 676 |
<div class="toolbar">
|
| 677 |
-
<h2>๐จ ์นํฐ ํธ์ง
|
| 678 |
|
| 679 |
<!-- ํ์ผ ์
๋ก๋ -->
|
| 680 |
<div class="tool-section">
|
|
@@ -858,16 +896,28 @@ HTML_TEMPLATE = '''
|
|
| 858 |
</div>
|
| 859 |
|
| 860 |
<!-- ๋ฉ์ธ ์์
์์ญ -->
|
| 861 |
-
|
| 862 |
-
|
| 863 |
-
|
| 864 |
-
|
| 865 |
-
|
| 866 |
-
|
| 867 |
-
|
| 868 |
-
</
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 869 |
</div>
|
| 870 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 871 |
<div class="canvas-container">
|
| 872 |
<div class="canvas-wrapper" id="canvas">
|
| 873 |
<!-- ์
๋ก๋๋ ์ด๋ฏธ์ง์ ์ปดํฌ๋ํธ๋ค์ด ์ฌ๊ธฐ์ ์ถ๊ฐ๋ฉ๋๋ค -->
|
|
|
|
| 668 |
.save-individual button:hover {
|
| 669 |
background: #5cbf5c;
|
| 670 |
}
|
| 671 |
+
/* ๋ฐฐ์ง ์ปจํ
์ด๋ */
|
| 672 |
+
/* ๋ฐฐ์ง ์ปจํ
์ด๋ - ๊ธฐ์กด ์ฝ๋ ๋์ฒด */
|
| 673 |
+
.badges-container {
|
| 674 |
+
display: flex;
|
| 675 |
+
flex-direction: row;
|
| 676 |
+
gap: 10px;
|
| 677 |
+
margin-left: 20px; /* ์ ๋ชฉ๊ณผ ๊ฐ๊ฒฉ */
|
| 678 |
+
}
|
| 679 |
+
|
| 680 |
+
.badges-container a {
|
| 681 |
+
display: block;
|
| 682 |
+
transition: transform 0.3s ease;
|
| 683 |
+
height: 28px; /* ๋ฐฐ์ง ๋์ด ์กฐ์ */
|
| 684 |
+
}
|
| 685 |
+
|
| 686 |
+
.badges-container a:hover {
|
| 687 |
+
transform: scale(1.05);
|
| 688 |
+
}
|
| 689 |
+
|
| 690 |
+
.badges-container img {
|
| 691 |
+
height: 100%; /* ๋ฐฐ์ง ์ด๋ฏธ์ง ํฌ๊ธฐ ์กฐ์ */
|
| 692 |
+
}
|
| 693 |
+
|
| 694 |
+
/* ์ํฌ์คํ์ด์ค ํค๋ ์์ */
|
| 695 |
+
.workspace-header {
|
| 696 |
+
background: #2a2a2a;
|
| 697 |
+
padding: 15px 20px;
|
| 698 |
+
border-bottom: 1px solid #444;
|
| 699 |
+
display: flex;
|
| 700 |
+
justify-content: space-between;
|
| 701 |
+
align-items: center;
|
| 702 |
+
}
|
| 703 |
+
|
| 704 |
+
.workspace-header-left {
|
| 705 |
+
display: flex;
|
| 706 |
+
align-items: center;
|
| 707 |
+
}
|
| 708 |
+
|
| 709 |
</style>
|
| 710 |
</head>
|
| 711 |
<body>
|
| 712 |
<div class="container">
|
| 713 |
<!-- ์ข์ธก ํด๋ฐ -->
|
| 714 |
<div class="toolbar">
|
| 715 |
+
<h2>๐จ ์นํฐ ํธ์ง ์คํ๋์ค</h2>
|
| 716 |
|
| 717 |
<!-- ํ์ผ ์
๋ก๋ -->
|
| 718 |
<div class="tool-section">
|
|
|
|
| 896 |
</div>
|
| 897 |
|
| 898 |
<!-- ๋ฉ์ธ ์์
์์ญ -->
|
| 899 |
+
<!-- ๋ฉ์ธ ์์
์์ญ -->
|
| 900 |
+
<div class="workspace">
|
| 901 |
+
<div class="workspace-header">
|
| 902 |
+
<div class="workspace-header-left">
|
| 903 |
+
<h1 style="font-size: 20px;">๐จ Webtoon Studio</h1>
|
| 904 |
+
<!-- ๋ฐฐ์ง ์ปจํ
์ด๋ ์ถ๊ฐ -->
|
| 905 |
+
<div class="badges-container">
|
| 906 |
+
<a href="https://huggingface.co/spaces/ginigen/AGI-WebToon" target="_blank">
|
| 907 |
+
<img src="https://img.shields.io/static/v1?label=WEBTOON&message=Generator&color=%23800080&labelColor=%23ffa500&logo=huggingface&logoColor=white&style=for-the-badge" alt="badge">
|
| 908 |
+
</a>
|
| 909 |
+
<a href="https://huggingface.co/spaces/ginigen/webtoon-studio" target="_blank">
|
| 910 |
+
<img src="https://img.shields.io/static/v1?label=WEBTOON&message=STUDIO&color=%2300ff00&labelColor=%23ffa500&logo=huggingface&logoColor=white&style=for-the-badge" alt="badge">
|
| 911 |
+
</a>
|
| 912 |
</div>
|
| 913 |
+
</div>
|
| 914 |
+
<div class="workspace-tools">
|
| 915 |
+
<button class="tool-btn" onclick="deleteSelected()">๐๏ธ ์ ํ ์ญ์ </button>
|
| 916 |
+
<button class="tool-btn" onclick="clearAll()">๐ ์ ์ฒด ์ด๊ธฐํ</button>
|
| 917 |
+
<button class="tool-btn primary" onclick="exportSingleImage()">๐พ ์ด๋ฏธ์ง ์ ์ฅ</button>
|
| 918 |
+
</div>
|
| 919 |
+
</div>
|
| 920 |
+
|
| 921 |
<div class="canvas-container">
|
| 922 |
<div class="canvas-wrapper" id="canvas">
|
| 923 |
<!-- ์
๋ก๋๋ ์ด๋ฏธ์ง์ ์ปดํฌ๋ํธ๋ค์ด ์ฌ๊ธฐ์ ์ถ๊ฐ๋ฉ๋๋ค -->
|