iamstrong commited on
Commit
bf69875
·
verified ·
1 Parent(s): bb4d80e

Upload 3 files

Browse files
Files changed (1) hide show
  1. app.py +2 -16
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
- with welcome_screen:
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
  """)