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;">
|