Update app.py

app.py

@@ -87,12 +87,11 @@ def process_video(
         
 # --- Gradio App ---
 
-
 css = """
-video, img { object-fit: contain !important; }
-
 @import url('https://fonts.googleapis.com/css2?family=Sulphur+Point:wght@700&display=swap');
 
+video, img { object-fit: contain !important; }
+
 .sulphur-point-title {
     font-family: 'Sulphur Point', sans-serif;
     font-weight: 700;
@@ -103,12 +102,17 @@ video, img { object-fit: contain !important; }
 .description-text {
     font-size: 1em;
     line-height: 1.6;
+    margin-bottom: 1em;
 }
 
 .socials {
     font-size: 0.9em;
-    margin-bottom: 1em;
     color: #555;
+    margin-bottom: 1.5em;
+}
+
+.socials li {
+    margin-bottom: 0.2em;
 }
 
 .example-section {
@@ -117,19 +121,6 @@ video, img { object-fit: contain !important; }
 """
 
 with gr.Blocks(css=css) as iface:
-    # Socials at top
-    gr.Markdown(
-        """
-<div class="socials">
-**Contact & Socials:**  
-📷 Instagram: <a href="https://instagram.com/nihal_gazi_io" target="_blank">@nihal_gazi_io</a><br>
-🐦 X (Twitter): <a href="https://x.com/NihalGazi_" target="_blank">@NihalGazi_</a><br>
-💬 Discord: nihal_gazi_io<br>
-📧 Email: [email protected]
-</div>
-        """
-    )
-
     # Title
     gr.HTML('<div class="sulphur-point-title">FaceFlux</div>')
 
@@ -152,7 +143,19 @@ with gr.Blocks(css=css) as iface:
         """
     )
 
-    # Define inputs
+    # Socials (vertical)
+    gr.Markdown(
+        """
+<ul class="socials">
+  <li>📷 Instagram: <a href="https://instagram.com/nihal_gazi_io" target="_blank">@nihal_gazi_io</a></li>
+  <li>🐦 X (Twitter): <a href="https://x.com/NihalGazi_" target="_blank">@NihalGazi_</a></li>
+  <li>💬 Discord: nihal_gazi_io</li>
+  <li>📧 Email: [email protected]</li>
+</ul>
+        """
+    )
+
+    # Inputs
     with gr.Row():
         vid = gr.Video(label='Input Video')
         ref = gr.Image(type='numpy', label='Reference Image')
@@ -161,15 +164,15 @@ with gr.Blocks(css=css) as iface:
         res = gr.Dropdown([256, 384, 512, 768], value=512, label='Face Resolution')
         quality = gr.Slider(1, 4, value=1, step=1, label='Quality')
         feather = gr.Slider(0.12, 0.24, value=0.12, step=0.01, label='Feather (%)')
-        strength = gr.Slider(-0.35, -0.15, value=-0.25, step=0.05, label='Strength')
+        strength = gr.Slider(-0.35, -0.15, value=-0.35, step=0.05, label='Strength')
 
     btn = gr.Button('Generate Morph 🚀')
     out_vid = gr.Video(label='Morphed Video')
 
-    # Now that components exist, insert the Examples
+    # Example (after component definitions)
     gr.Examples(
         examples=[
-            ["examples/input.mp4", "examples/reference.jpg", -0.25, 512, 1, 0.12]
+            ["examples/input.mp4", "examples/reference.jpg", -0.35, 512, 1, 0.12]
         ],
         inputs=[vid, ref, strength, res, quality, feather],
         outputs=[out_vid],
@@ -184,4 +187,4 @@ with gr.Blocks(css=css) as iface:
         show_progress=True
     )
 
-    iface.queue().launch(debug=True)
+    iface.queue().launch(debug=True)