Spaces:
Sleeping
Sleeping
Upload 3 files
Browse files
app.py
CHANGED
|
@@ -402,19 +402,17 @@ with gr.Blocks() as app:
|
|
| 402 |
welcome_screen = gr.Column(visible=True)
|
| 403 |
full_app = gr.Tabs(visible=False)
|
| 404 |
|
| 405 |
-
|
| 406 |
gr.HTML("""
|
| 407 |
<style>
|
| 408 |
#main-title {
|
| 409 |
text-align: center;
|
| 410 |
font-size: 2.5em;
|
| 411 |
-
animation: fadeIn 2s ease-in-out;
|
| 412 |
}
|
| 413 |
#subtitle {
|
| 414 |
text-align: center;
|
| 415 |
font-size: 1.2em;
|
| 416 |
color: #ccc;
|
| 417 |
-
animation: fadeIn 2.5s ease-in-out;
|
| 418 |
margin-bottom: 30px;
|
| 419 |
}
|
| 420 |
#start-btn {
|
|
@@ -426,24 +424,11 @@ with gr.Blocks() as app:
|
|
| 426 |
padding: 14px 45px;
|
| 427 |
font-size: 1.1em;
|
| 428 |
cursor: pointer;
|
| 429 |
-
transition: background 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;
|
| 430 |
-
animation: fadeIn 3s ease-in-out, pulse 2s infinite;
|
| 431 |
display: block;
|
| 432 |
margin: 0 auto;
|
| 433 |
}
|
| 434 |
#start-btn:hover {
|
| 435 |
background-color: #ff85c1;
|
| 436 |
-
transform: scale(1.05);
|
| 437 |
-
box-shadow: 0 0 15px #ff69b4;
|
| 438 |
-
}
|
| 439 |
-
@keyframes fadeIn {
|
| 440 |
-
0% { opacity: 0; transform: translateY(20px); }
|
| 441 |
-
100% { opacity: 1; transform: translateY(0); }
|
| 442 |
-
}
|
| 443 |
-
@keyframes pulse {
|
| 444 |
-
0% { box-shadow: 0 0 0px #ff69b4; }
|
| 445 |
-
50% { box-shadow: 0 0 20px #ff69b4; }
|
| 446 |
-
100% { box-shadow: 0 0 0px #ff69b4; }
|
| 447 |
}
|
| 448 |
</style>
|
| 449 |
""")
|
|
@@ -451,6 +436,7 @@ with gr.Blocks() as app:
|
|
| 451 |
gr.Markdown("<h3 id='subtitle'>Your peaceful space to talk, journal, and focus.</h3>")
|
| 452 |
start_button = gr.Button("🌸 Get Started", elem_id="start-btn")
|
| 453 |
|
|
|
|
| 454 |
}
|
| 455 |
</style>
|
| 456 |
""")
|
|
|
|
| 402 |
welcome_screen = gr.Column(visible=True)
|
| 403 |
full_app = gr.Tabs(visible=False)
|
| 404 |
|
| 405 |
+
with welcome_screen:
|
| 406 |
gr.HTML("""
|
| 407 |
<style>
|
| 408 |
#main-title {
|
| 409 |
text-align: center;
|
| 410 |
font-size: 2.5em;
|
|
|
|
| 411 |
}
|
| 412 |
#subtitle {
|
| 413 |
text-align: center;
|
| 414 |
font-size: 1.2em;
|
| 415 |
color: #ccc;
|
|
|
|
| 416 |
margin-bottom: 30px;
|
| 417 |
}
|
| 418 |
#start-btn {
|
|
|
|
| 424 |
padding: 14px 45px;
|
| 425 |
font-size: 1.1em;
|
| 426 |
cursor: pointer;
|
|
|
|
|
|
|
| 427 |
display: block;
|
| 428 |
margin: 0 auto;
|
| 429 |
}
|
| 430 |
#start-btn:hover {
|
| 431 |
background-color: #ff85c1;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 432 |
}
|
| 433 |
</style>
|
| 434 |
""")
|
|
|
|
| 436 |
gr.Markdown("<h3 id='subtitle'>Your peaceful space to talk, journal, and focus.</h3>")
|
| 437 |
start_button = gr.Button("🌸 Get Started", elem_id="start-btn")
|
| 438 |
|
| 439 |
+
|
| 440 |
}
|
| 441 |
</style>
|
| 442 |
""")
|