Spaces:
Runtime error
Runtime error
Update app.py
Browse files
app.py
CHANGED
|
@@ -153,10 +153,9 @@ with gr.Blocks(title="๐ ๊ท์ฌ์ด ์คํ ๋ฆฌ ์ฑ") as demo:
|
|
| 153 |
gr.HTML("""
|
| 154 |
<style>
|
| 155 |
body {
|
| 156 |
-
background-color: #FFFAF0;
|
| 157 |
font-family: 'Comic Sans MS', cursive, sans-serif;
|
| 158 |
}
|
| 159 |
-
|
| 160 |
h1 {
|
| 161 |
color: #FF6347;
|
| 162 |
text-align: center;
|
|
@@ -164,53 +163,11 @@ with gr.Blocks(title="๐ ๊ท์ฌ์ด ์คํ ๋ฆฌ ์ฑ") as demo:
|
|
| 164 |
font-weight: bold;
|
| 165 |
margin-top: 20px;
|
| 166 |
}
|
| 167 |
-
|
| 168 |
p {
|
| 169 |
text-align: center;
|
| 170 |
font-size: 1.2em;
|
| 171 |
color: #6B4226;
|
| 172 |
}
|
| 173 |
-
|
| 174 |
-
.story-text {
|
| 175 |
-
font-size: 2em;
|
| 176 |
-
font-weight: bold;
|
| 177 |
-
text-align: center;
|
| 178 |
-
color: #FF4500;
|
| 179 |
-
padding: 20px;
|
| 180 |
-
border-radius: 15px;
|
| 181 |
-
background: #FFF3E0;
|
| 182 |
-
display: inline-block;
|
| 183 |
-
box-shadow: 4px 4px 10px rgba(0,0,0,0.2);
|
| 184 |
-
}
|
| 185 |
-
|
| 186 |
-
.btn-custom {
|
| 187 |
-
font-size: 1.5em;
|
| 188 |
-
font-weight: bold;
|
| 189 |
-
border-radius: 20px;
|
| 190 |
-
padding: 10px 20px;
|
| 191 |
-
margin: 5px;
|
| 192 |
-
border: none;
|
| 193 |
-
cursor: pointer;
|
| 194 |
-
box-shadow: 3px 3px 8px rgba(0,0,0,0.2);
|
| 195 |
-
}
|
| 196 |
-
|
| 197 |
-
.next-btn {
|
| 198 |
-
background-color: #FFD700; /* ๋
ธ๋์ ๋ฒํผ */
|
| 199 |
-
}
|
| 200 |
-
|
| 201 |
-
.play-btn {
|
| 202 |
-
background-color: #90EE90; /* ์ฐํ ์ด๋ก์ ๋ฒํผ */
|
| 203 |
-
}
|
| 204 |
-
|
| 205 |
-
.story-image img {
|
| 206 |
-
width: 300px !important;
|
| 207 |
-
height: 300px !important;
|
| 208 |
-
border-radius: 15px;
|
| 209 |
-
border: 5px solid #FFFFFF;
|
| 210 |
-
box-shadow: 4px 4px 10px rgba(0,0,0,0.2);
|
| 211 |
-
display: block;
|
| 212 |
-
margin: auto;
|
| 213 |
-
}
|
| 214 |
</style>
|
| 215 |
""")
|
| 216 |
|
|
|
|
| 153 |
gr.HTML("""
|
| 154 |
<style>
|
| 155 |
body {
|
| 156 |
+
background-color: #FFFAF0;
|
| 157 |
font-family: 'Comic Sans MS', cursive, sans-serif;
|
| 158 |
}
|
|
|
|
| 159 |
h1 {
|
| 160 |
color: #FF6347;
|
| 161 |
text-align: center;
|
|
|
|
| 163 |
font-weight: bold;
|
| 164 |
margin-top: 20px;
|
| 165 |
}
|
|
|
|
| 166 |
p {
|
| 167 |
text-align: center;
|
| 168 |
font-size: 1.2em;
|
| 169 |
color: #6B4226;
|
| 170 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 171 |
</style>
|
| 172 |
""")
|
| 173 |
|