Manmay Nakhashi commited on
Commit
040f54b
Β·
1 Parent(s): 433ac9f

Show LTX acknowledgement banner inside the Gradio app (above the fold)

Browse files

The README ack appears below the iframe β€” users hit the app first.
Adding a styled HTML banner directly under the title so the LTX-2 +
Lightricks credit + Resemble AI branding is visible immediately on
landing.

Files changed (1) hide show
  1. app.py +27 -1
app.py CHANGED
@@ -129,13 +129,39 @@ def on_generate(prompt: str, audio_ref, cfg: float, stg: float, dur_mult: float,
129
 
130
 
131
  # ── UI ──────────────────────────────────────────────────────────────────────
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
132
  with gr.Blocks(
133
  title="DramaBox β€” Expressive TTS",
134
  theme=gr.themes.Default(),
135
- css=".prompt-box textarea { font-size: 14px !important; line-height: 1.5 !important; }",
136
  analytics_enabled=False,
137
  ) as app:
138
  gr.Markdown("# 🎭 DramaBox β€” Expressive TTS with Voice Cloning")
 
 
 
 
 
 
 
 
 
139
  gr.Markdown(
140
  "Write a scene prompt, optionally upload a 10-second voice reference, "
141
  "and generate. Audio is automatically watermarked with "
 
129
 
130
 
131
  # ── UI ──────────────────────────────────────────────────────────────────────
132
+ _BANNER_CSS = """
133
+ .prompt-box textarea { font-size: 14px !important; line-height: 1.5 !important; }
134
+ .ltx-banner {
135
+ background: linear-gradient(90deg, #1a1f3a 0%, #2a1f3a 100%);
136
+ border-left: 4px solid #ff6b35;
137
+ padding: 10px 16px;
138
+ margin: 0 0 12px 0;
139
+ border-radius: 6px;
140
+ color: #e8e8f0;
141
+ font-size: 13px;
142
+ line-height: 1.5;
143
+ }
144
+ .ltx-banner a { color: #ff9a6c; font-weight: 600; text-decoration: none; }
145
+ .ltx-banner a:hover { text-decoration: underline; }
146
+ .ltx-banner strong { color: #ffffff; }
147
+ """
148
+
149
  with gr.Blocks(
150
  title="DramaBox β€” Expressive TTS",
151
  theme=gr.themes.Default(),
152
+ css=_BANNER_CSS,
153
  analytics_enabled=False,
154
  ) as app:
155
  gr.Markdown("# 🎭 DramaBox β€” Expressive TTS with Voice Cloning")
156
+ gr.HTML(
157
+ '<div class="ltx-banner">'
158
+ 'πŸ—οΈ&nbsp; Built on <a href="https://github.com/Lightricks/LTX-2">LTX-2</a> by '
159
+ '<a href="https://huggingface.co/Lightricks">Lightricks</a>. '
160
+ '<strong>DramaBox</strong> is <strong>Resemble AI\'s</strong> expressive TTS, '
161
+ 'trained on top of the LTX-2.3 audio branch under the LTX-2 Community License. '
162
+ 'Huge thanks to the Lightricks team for open-sourcing the base.'
163
+ '</div>'
164
+ )
165
  gr.Markdown(
166
  "Write a scene prompt, optionally upload a 10-second voice reference, "
167
  "and generate. Audio is automatically watermarked with "