Spaces:
Running
on
Zero
Running
on
Zero
Update app.py
Browse files
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(
|