Create footer.py

footer.py

@@ -0,0 +1,269 @@
+# ============================================================================
+# footer.py - Contains all footer HTML and social links for ZamVoice
+# ============================================================================
+
+def get_footer_html() -> str:
+    """
+    Returns the complete footer HTML for the ZamVoice Gradio app.
+    Includes acknowledgments, data privacy, and social media links.
+    """
+    return """
+<div style="
+    margin-top: 3rem;
+    padding: 2rem 1.5rem;
+    background: #f8f9fa;
+    border-top: 3px solid #198038;
+    border-radius: 8px;
+    font-size: 0.95rem;
+    line-height: 1.6;
+    color: #1a1a1a;
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+">
+
+    <hr style="border: none; border-top: 2px dashed #ccc; margin-bottom: 1.5rem;">
+
+    <!-- ============================================================ -->
+    <!-- ACKNOWLEDGMENT SECTION                                        -->
+    <!-- ============================================================ -->
+    <div style="max-width: 900px; margin: 0 auto;">
+
+        <h3 style="color: #c8102e; font-size: 1.1rem; margin-bottom: 0.5rem;">
+            ⚠️ Important Acknowledgment
+        </h3>
+
+        <p>
+            <strong>ZamVoice is a student research lead project demonstrator.</strong>
+        </p>
+
+        <p>
+            The speech datasets used to train these models are from the 
+            <strong>Zambezi Voice Corpus</strong>, a project led by 
+            <strong>Claytone Sikasote</strong> and the 
+            <strong>University of Zambia Speech and Language Research Group</strong>.
+        </p>
+
+        <p>
+            If you use this code, please ensure you 
+            <strong>CITE THE ZAMBEZI VOICE PAPER FIRST</strong>:
+        </p>
+
+        <pre style="
+            background: #e9ecef;
+            padding: 1rem;
+            border-radius: 6px;
+            font-size: 0.8rem;
+            overflow-x: auto;
+            border-left: 4px solid #198038;
+            white-space: pre-wrap;
+            word-wrap: break-word;
+        ">
+@inproceedings{sikasote23_interspeech,
+  author={Claytone Sikasote and Kalinda Siaminwe and Stanly Mwape and Bangiwe Zulu 
+          and Mofya Phiri and Martin Phiri and David Zulu and Mayumbo Nyirenda 
+          and Antonios Anastasopoulos},
+  title={{Zambezi Voice: A Multilingual Speech Corpus for Zambian Languages}},
+  year=2023,
+  booktitle={Proc. INTERSPEECH 2023},
+  pages={3984--3988},
+  doi={10.21437/Interspeech.2023-1979}
+}
+        </pre>
+
+        <p style="font-size: 0.9rem; color: #495057;">
+            <strong>My contribution (ZamVoice)</strong> is the model training pipeline, 
+            the local deployment infrastructure, and the demonstration interface 
+            built on top of this corpus.
+        </p>
+
+    </div>
+
+    <hr style="border: none; border-top: 1px solid #dee2e6; margin: 1.5rem 0;">
+
+    <!-- ============================================================ -->
+    <!-- DATA PRIVACY & CONTRIBUTIONS SECTION                          -->
+    <!-- ============================================================ -->
+    <div style="max-width: 900px; margin: 0 auto;">
+
+        <h3 style="color: #c8102e; font-size: 1.1rem; margin-bottom: 0.5rem;">
+            📢 Data Privacy & Contributions
+        </h3>
+
+        <p>
+            <strong>By submitting audio through this application, you acknowledge 
+            and agree that your recording will be made publicly available</strong> 
+            as part of the ongoing ZamVoice research dataset.
+        </p>
+
+        <p>
+            All submissions are anonymized. No personally identifiable information 
+            (PII) is collected or stored alongside the audio files.
+        </p>
+
+        <p>
+            If you have any questions, would like to report an issue, 
+            or are interested in contributing to this project, please reach out:
+        </p>
+
+        <p style="
+            background: #e9ecef;
+            padding: 0.75rem 1rem;
+            border-radius: 6px;
+            display: inline-block;
+            font-weight: 500;
+        ">
+            📧 <a href="mailto:buumbachinjila@gmail.com" style="color: #198038; text-decoration: none;">
+                Buumba Chinjila
+            </a> — buumbachinjila@gmail.com
+        </p>
+
+        <p style="font-size: 0.85rem; color: #6c757d; margin-top: 0.5rem;">
+            We welcome feedback, collaboration, and community contributions!
+        </p>
+
+    </div>
+
+    <hr style="border: none; border-top: 1px solid #dee2e6; margin: 1.5rem 0;">
+
+    <!-- ============================================================ -->
+    <!-- SOCIAL MEDIA PROFILES SECTION                                 -->
+    <!-- ============================================================ -->
+    <div style="max-width: 900px; margin: 0 auto; text-align: center;">
+
+        <h3 style="color: #0f172a; font-size: 1rem; margin-bottom: 1rem; font-weight: 600;">
+            🌐 Connect with the Developer
+        </h3>
+
+        <div style="
+            display: flex;
+            flex-wrap: wrap;
+            justify-content: center;
+            gap: 0.75rem 1.5rem;
+            margin-bottom: 0.5rem;
+        ">
+
+            <!-- LinkedIn -->
+            <a href="https://zm.linkedin.com/in/buumba-chinjila" 
+               target="_blank" rel="noopener noreferrer" 
+               style="color: #0a66c2; text-decoration: none; font-weight: 500; display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 6px; transition: background 0.2s;"
+               onmouseover="this.style.background='#eef4fb'"
+               onmouseout="this.style.background='transparent'">
+                <span style="font-size: 1.2rem;">🔗</span> LinkedIn
+            </a>
+
+            <!-- GitHub -->
+            <a href="https://github.com/buumba641" 
+               target="_blank" rel="noopener noreferrer" 
+               style="color: #181717; text-decoration: none; font-weight: 500; display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 6px; transition: background 0.2s;"
+               onmouseover="this.style.background='#e9ecef'"
+               onmouseout="this.style.background='transparent'">
+                <span style="font-size: 1.2rem;">🐙</span> GitHub
+            </a>
+
+            <!-- HuggingFace -->
+            <a href="https://huggingface.co/buumba641" 
+               target="_blank" rel="noopener noreferrer" 
+               style="color: #f9b000; text-decoration: none; font-weight: 500; display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 6px; transition: background 0.2s;"
+               onmouseover="this.style.background='#fef6e0'"
+               onmouseout="this.style.background='transparent'">
+                <span style="font-size: 1.2rem;">🤗</span> HuggingFace
+            </a>
+
+            <!-- Facebook -->
+            <a href="https://facebook.com/buumbachinjila" 
+               target="_blank" rel="noopener noreferrer" 
+               style="color: #1877F2; text-decoration: none; font-weight: 500; display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 6px; transition: background 0.2s;"
+               onmouseover="this.style.background='#e4edf9'"
+               onmouseout="this.style.background='transparent'">
+                <span style="font-size: 1.2rem;">📘</span> Facebook
+            </a>
+
+            <!-- WhatsApp -->
+            <a href="https://wa.me/260BUUMBA_NUMBER?text=Hi%20Buumba%2C%20I%20saw%20your%20ZamVoice%20project" 
+               target="_blank" rel="noopener noreferrer" 
+               style="color: #25D366; text-decoration: none; font-weight: 500; display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 6px; transition: background 0.2s;"
+               onmouseover="this.style.background='#e8f5ee'"
+               onmouseout="this.style.background='transparent'">
+                <span style="font-size: 1.2rem;">💬</span> WhatsApp
+            </a>
+
+            <!-- Email -->
+            <a href="mailto:buumbachinjila@gmail.com" 
+               target="_blank" rel="noopener noreferrer" 
+               style="color: #198038; text-decoration: none; font-weight: 500; display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 6px; transition: background 0.2s;"
+               onmouseover="this.style.background='#e6f0ea'"
+               onmouseout="this.style.background='transparent'">
+                <span style="font-size: 1.2rem;">✉️</span> Email
+            </a>
+
+        </div>
+
+        <p style="font-size: 0.8rem; color: #6c757d; margin-top: 0.75rem;">
+            Let's connect! I'm always open to collaboration, feedback, and opportunities.
+        </p>
+
+    </div>
+
+    <hr style="border: none; border-top: 1px solid #dee2e6; margin: 1.5rem 0;">
+
+    <!-- ============================================================ -->
+    <!-- FOOTER BOTTOM - PROJECT LINKS                                 -->
+    <!-- ============================================================ -->
+    <div style="
+        max-width: 900px; 
+        margin: 0 auto; 
+        text-align: center; 
+        font-size: 0.8rem; 
+        color: #6c757d;
+    ">
+        <p>
+            ZamVoice v1.0 &bull; 
+            University of Zambia &bull; 
+            Built with ❤️ for Zambian Languages
+        </p>
+        <p>
+            <a href="https://github.com/buumba641/zamvoice" 
+               style="color: #198038; text-decoration: none;">GitHub Repo</a> &bull; 
+            <a href="https://huggingface.co/datasets/buumba641/zamvoice" 
+               style="color: #198038; text-decoration: none;">HuggingFace Dataset</a> &bull; 
+            <a href="https://youtu.be/YOUR_VIDEO_ID" 
+               style="color: #198038; text-decoration: none;">YouTube Demo</a>
+        </p>
+        <p style="font-size: 0.75rem; color: #adb5bd; margin-top: 0.5rem;">
+            &copy; 2026 Buumba Chinjila. All rights reserved.
+        </p>
+    </div>
+
+</div>
+"""
+
+
+# ============================================================================
+# CONTACT & CREDITS DATA (for programmatic use if needed)
+# ============================================================================
+
+CONTACT_INFO = {
+    "name": "Buumba Chinjila",
+    "email": "buumbachinjila@gmail.com",
+    "linkedin": "https://zm.linkedin.com/in/buumba-chinjila",
+    "github": "https://github.com/buumba641",
+    "huggingface": "https://huggingface.co/buumba641",
+    "facebook": "https://facebook.com/buumbachinjila",
+    "whatsapp": "https://wa.me/260BUUMBA_NUMBER?text=Hi%20Buumba%2C%20I%20saw%20your%20ZamVoice%20project",
+}
+
+CREDITS = {
+    "zambezi_voice_citation": """
+@inproceedings{sikasote23_interspeech,
+  author={Claytone Sikasote and Kalinda Siaminwe and Stanly Mwape and Bangiwe Zulu 
+          and Mofya Phiri and Martin Phiri and David Zulu and Mayumbo Nyirenda 
+          and Antonios Anastasopoulos},
+  title={{Zambezi Voice: A Multilingual Speech Corpus for Zambian Languages}},
+  year=2023,
+  booktitle={Proc. INTERSPEECH 2023},
+  pages={3984--3988},
+  doi={10.21437/Interspeech.2023-1979}
+}
+""",
+    "zambezi_voice_lead": "Claytone Sikasote",
+    "zambezi_voice_group": "University of Zambia Speech and Language Research Group",
+}