Hugging Face's logo

Spaces:
Agents-MCP-Hackathon
/
caption-creator-pro
Running

App Files Community
GChilukala commited on
Commit
401779e
·
verified ·
1 Parent(s): 9a50a77

Final Update for css

Browse files
Files changed (1) hide show
  1. app.py +24 -24
app.py CHANGED
@@ -1441,21 +1441,21 @@ def create_gradio_app():
1441
  <div style="text-align: center; padding: 20px;">
1442
  <h3>⚡ SambaNova AI Capabilities</h3>
1443
  <div style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; margin-top: 20px;">
1444
- <div style="padding: 15px; background: rgba(255,255,255,0.1); border-radius: 10px;">
1445
- <h4 style="color: #2ecc71; margin: 0;">Llama-4-Maverick</h4>
1446
- <p style="margin: 5px 0; opacity: 0.8;">Main Caption Generation</p>
1447
  </div>
1448
- <div style="padding: 15px; background: rgba(255,255,255,0.1); border-radius: 10px;">
1449
- <h4 style="color: #3498db; margin: 0;">Llama-3.2-3B</h4>
1450
- <p style="margin: 5px 0; opacity: 0.8;">Caption Variations</p>
1451
  </div>
1452
- <div style="padding: 15px; background: rgba(255,255,255,0.1); border-radius: 10px;">
1453
- <h4 style="color: #e74c3c; margin: 0;">Multi-Modal</h4>
1454
- <p style="margin: 5px 0; opacity: 0.8;">Vision + Text Analysis</p>
1455
  </div>
1456
- <div style="padding: 15px; background: rgba(255,255,255,0.1); border-radius: 10px;">
1457
- <h4 style="color: #f39c12; margin: 0;">Advanced</h4>
1458
- <p style="margin: 5px 0; opacity: 0.8;">Style & Audience Targeting</p>
1459
  </div>
1460
  </div>
1461
  </div>
@@ -1516,21 +1516,21 @@ variations = client.chat.completions.create(
1516
  <div style="text-align: center; padding: 20px;">
1517
  <h3>🌍 Translation Models</h3>
1518
  <div style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; margin-top: 20px;">
1519
- <div style="padding: 15px; background: rgba(255,255,255,0.1); border-radius: 10px;">
1520
- <h4 style="color: #2ecc71; margin: 0;">🇩🇪 German</h4>
1521
- <p style="margin: 5px 0; opacity: 0.8;">google-t5/t5-small</p>
1522
  </div>
1523
- <div style="padding: 15px; background: rgba(255,255,255,0.1); border-radius: 10px;">
1524
- <h4 style="color: #3498db; margin: 0;">🇨🇳 Chinese</h4>
1525
- <p style="margin: 5px 0; opacity: 0.8;">chence08/mt5-small-iwslt2017-zh-en</p>
1526
  </div>
1527
- <div style="padding: 15px; background: rgba(255,255,255,0.1); border-radius: 10px;">
1528
- <h4 style="color: #e74c3c; margin: 0;">🇮🇳 Hindi</h4>
1529
- <p style="margin: 5px 0; opacity: 0.8;">Helsinki-NLP/opus-mt-en-hi</p>
1530
  </div>
1531
- <div style="padding: 15px; background: rgba(255,255,255,0.1); border-radius: 10px;">
1532
- <h4 style="color: #f39c12; margin: 0;">🇸🇦 Arabic</h4>
1533
- <p style="margin: 5px 0; opacity: 0.8;">marefa-nlp/marefa-mt-en-ar</p>
1534
  </div>
1535
  </div>
1536
  </div>
 
1441
  <div style="text-align: center; padding: 20px;">
1442
  <h3>⚡ SambaNova AI Capabilities</h3>
1443
  <div style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; margin-top: 20px;">
1444
+ <div style="padding: 15px; background: rgba(46, 204, 113, 0.2); border-radius: 10px; border: 2px solid #2ecc71;">
1445
+ <h4 style="color: #ffffff; margin: 0; text-shadow: 0 0 10px #2ecc71;">Llama-4-Maverick</h4>
1446
+ <p style="margin: 5px 0; color: #e8f8f5; font-weight: 500;">Main Caption Generation</p>
1447
  </div>
1448
+ <div style="padding: 15px; background: rgba(52, 152, 219, 0.2); border-radius: 10px; border: 2px solid #3498db;">
1449
+ <h4 style="color: #ffffff; margin: 0; text-shadow: 0 0 10px #3498db;">Llama-3.2-3B</h4>
1450
+ <p style="margin: 5px 0; color: #ebf3fd; font-weight: 500;">Caption Variations</p>
1451
  </div>
1452
+ <div style="padding: 15px; background: rgba(231, 76, 60, 0.2); border-radius: 10px; border: 2px solid #e74c3c;">
1453
+ <h4 style="color: #ffffff; margin: 0; text-shadow: 0 0 10px #e74c3c;">Multi-Modal</h4>
1454
+ <p style="margin: 5px 0; color: #fdedec; font-weight: 500;">Vision + Text Analysis</p>
1455
  </div>
1456
+ <div style="padding: 15px; background: rgba(155, 89, 182, 0.2); border-radius: 10px; border: 2px solid #9b59b6;">
1457
+ <h4 style="color: #ffffff; margin: 0; text-shadow: 0 0 10px #9b59b6;">Advanced</h4>
1458
+ <p style="margin: 5px 0; color: #f4ecf7; font-weight: 500;">Style & Audience Targeting</p>
1459
  </div>
1460
  </div>
1461
  </div>
 
1516
  <div style="text-align: center; padding: 20px;">
1517
  <h3>🌍 Translation Models</h3>
1518
  <div style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; margin-top: 20px;">
1519
+ <div style="padding: 15px; background: rgba(46, 204, 113, 0.2); border-radius: 10px; border: 2px solid #2ecc71;">
1520
+ <h4 style="color: #ffffff; margin: 0; text-shadow: 0 0 10px #2ecc71;">🇩🇪 German</h4>
1521
+ <p style="margin: 5px 0; color: #e8f8f5; font-weight: 500;">google-t5/t5-small</p>
1522
  </div>
1523
+ <div style="padding: 15px; background: rgba(52, 152, 219, 0.2); border-radius: 10px; border: 2px solid #3498db;">
1524
+ <h4 style="color: #ffffff; margin: 0; text-shadow: 0 0 10px #3498db;">🇨🇳 Chinese</h4>
1525
+ <p style="margin: 5px 0; color: #ebf3fd; font-weight: 500;">chence08/mt5-small-iwslt2017-zh-en</p>
1526
  </div>
1527
+ <div style="padding: 15px; background: rgba(231, 76, 60, 0.2); border-radius: 10px; border: 2px solid #e74c3c;">
1528
+ <h4 style="color: #ffffff; margin: 0; text-shadow: 0 0 10px #e74c3c;">🇮🇳 Hindi</h4>
1529
+ <p style="margin: 5px 0; color: #fdedec; font-weight: 500;">Helsinki-NLP/opus-mt-en-hi</p>
1530
  </div>
1531
+ <div style="padding: 15px; background: rgba(155, 89, 182, 0.2); border-radius: 10px; border: 2px solid #9b59b6;">
1532
+ <h4 style="color: #ffffff; margin: 0; text-shadow: 0 0 10px #9b59b6;">🇸🇦 Arabic</h4>
1533
+ <p style="margin: 5px 0; color: #f4ecf7; font-weight: 500;">marefa-nlp/marefa-mt-en-ar</p>
1534
  </div>
1535
  </div>
1536
  </div>