Update app.py
Browse files
app.py
CHANGED
|
@@ -404,13 +404,18 @@ def create_gradio_interface():
|
|
| 404 |
css="""
|
| 405 |
.gradio-container {font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;}
|
| 406 |
.main-header {text-align: center; padding: 2rem 0;}
|
|
|
|
|
|
|
| 407 |
.metric-table {font-size: 0.9em;}
|
| 408 |
.feature-highlight {background: linear-gradient(90deg, #667eea 0%, #764ba2 100%); color: white; padding: 1rem; border-radius: 10px; margin: 1rem 0;}
|
| 409 |
"""
|
| 410 |
) as demo:
|
| 411 |
|
| 412 |
-
# Header Section
|
| 413 |
gr.HTML("""
|
|
|
|
|
|
|
|
|
|
| 414 |
<div class="main-header">
|
| 415 |
<h1>🔬 Siswati-English Linguistic Translation Tool</h1>
|
| 416 |
<p style="font-size: 1.1em; color: #666; max-width: 800px; margin: 0 auto;">
|
|
|
|
| 404 |
css="""
|
| 405 |
.gradio-container {font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;}
|
| 406 |
.main-header {text-align: center; padding: 2rem 0;}
|
| 407 |
+
.dsfsi-logo {text-align: center; margin-bottom: 1rem;}
|
| 408 |
+
.dsfsi-logo img {max-width: 300px; height: auto;}
|
| 409 |
.metric-table {font-size: 0.9em;}
|
| 410 |
.feature-highlight {background: linear-gradient(90deg, #667eea 0%, #764ba2 100%); color: white; padding: 1rem; border-radius: 10px; margin: 1rem 0;}
|
| 411 |
"""
|
| 412 |
) as demo:
|
| 413 |
|
| 414 |
+
# Header Section with DSFSI Logo
|
| 415 |
gr.HTML("""
|
| 416 |
+
<div class="dsfsi-logo">
|
| 417 |
+
<img src="https://www.dsfsi.co.za/images/logo_transparent_expanded.png" alt="DSFSI Logo" />
|
| 418 |
+
</div>
|
| 419 |
<div class="main-header">
|
| 420 |
<h1>🔬 Siswati-English Linguistic Translation Tool</h1>
|
| 421 |
<p style="font-size: 1.1em; color: #666; max-width: 800px; margin: 0 auto;">
|