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(
|