seawolf2357 commited on
Commit
8b98825
·
verified ·
1 Parent(s): ec4cebf

Update app.py

Browse files
Files changed (1) hide show
  1. app.py +44 -0
app.py CHANGED
@@ -467,6 +467,50 @@ with gr.Blocks(css=css, theme=gr.themes.Soft()) as demo:
467
  fn=generate_video,
468
  cache_examples="lazy"
469
  )
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
470
 
471
  # Event handlers
472
  input_image.upload(
 
467
  fn=generate_video,
468
  cache_examples="lazy"
469
  )
470
+
471
+ # Examples 섹션 후에 추가
472
+ gr.HTML("""
473
+ <div class="improvements-container" style="background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(10px); border-radius: 15px; padding: 20px; margin: 20px auto; max-width: 800px; box-shadow: 0 5px 20px rgba(0,0,0,0.1); font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;">
474
+ <div class="improvements-header" style="text-align: center; margin-bottom: 20px;">
475
+ <h3 style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 1.5em; margin: 0; font-weight: 700;">✨ Enhanced Features</h3>
476
+ <p style="color: #666; font-size: 0.9em; margin-top: 5px;">Optimized for performance, stability, and user experience</p>
477
+ </div>
478
+
479
+ <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px;">
480
+ <div style="background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%); border-radius: 10px; padding: 15px;">
481
+ <span style="font-size: 1.5em; margin-bottom: 8px; display: block;">🛡️</span>
482
+ <div style="font-weight: 600; color: #333; font-size: 0.95em; margin-bottom: 5px;">Robust Error Handling</div>
483
+ <div style="font-size: 0.75em; color: #666; line-height: 1.4;">Advanced validation and recovery mechanisms</div>
484
+ </div>
485
+
486
+ <div style="background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%); border-radius: 10px; padding: 15px;">
487
+ <span style="font-size: 1.5em; margin-bottom: 8px; display: block;">⚡</span>
488
+ <div style="font-weight: 600; color: #333; font-size: 0.95em; margin-bottom: 5px;">Performance Optimized</div>
489
+ <div style="font-size: 0.75em; color: #666; line-height: 1.4;">Faster processing with smart resource management</div>
490
+ </div>
491
+
492
+ <div style="background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%); border-radius: 10px; padding: 15px;">
493
+ <span style="font-size: 1.5em; margin-bottom: 8px; display: block;">🎨</span>
494
+ <div style="font-weight: 600; color: #333; font-size: 0.95em; margin-bottom: 5px;">Modern UI/UX</div>
495
+ <div style="font-size: 0.75em; color: #666; line-height: 1.4;">Beautiful interface with smooth animations</div>
496
+ </div>
497
+
498
+ <div style="background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%); border-radius: 10px; padding: 15px;">
499
+ <span style="font-size: 1.5em; margin-bottom: 8px; display: block;">🔧</span>
500
+ <div style="font-weight: 600; color: #333; font-size: 0.95em; margin-bottom: 5px;">Clean Architecture</div>
501
+ <div style="font-size: 0.75em; color: #666; line-height: 1.4;">Modular design for easy maintenance</div>
502
+ </div>
503
+ </div>
504
+
505
+ <div style="display: flex; flex-wrap: wrap; gap: 5px; margin-top: 15px; justify-content: center;">
506
+ <span style="background: rgba(102, 126, 234, 0.1); color: #667eea; padding: 3px 10px; border-radius: 20px; font-size: 0.7em; font-weight: 500;">PyTorch</span>
507
+ <span style="background: rgba(102, 126, 234, 0.1); color: #667eea; padding: 3px 10px; border-radius: 20px; font-size: 0.7em; font-weight: 500;">Diffusers</span>
508
+ <span style="background: rgba(102, 126, 234, 0.1); color: #667eea; padding: 3px 10px; border-radius: 20px; font-size: 0.7em; font-weight: 500;">Gradio</span>
509
+ <span style="background: rgba(102, 126, 234, 0.1); color: #667eea; padding: 3px 10px; border-radius: 20px; font-size: 0.7em; font-weight: 500;">CUDA Optimized</span>
510
+ <span style="background: rgba(102, 126, 234, 0.1); color: #667eea; padding: 3px 10px; border-radius: 20px; font-size: 0.7em; font-weight: 500;">LoRA Enhanced</span>
511
+ </div>
512
+ </div>
513
+ """)
514
 
515
  # Event handlers
516
  input_image.upload(