Update src/app.py

src/app.py

@@ -35,11 +35,11 @@ from src.models.hybrid_model import HybridFakeNewsDetector
 from src.config.config import *
 from src.data.preprocessor import TextPreprocessor
 
-# Custom CSS for streamlined styling with sidebar
+# Custom CSS with Poppins font and increased font sizes
 st.markdown("""
 <style>
     /* Import Google Fonts */
-    @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');
+    @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');
 
     /* Global Styles */
     * {
@@ -49,7 +49,7 @@ st.markdown("""
     }
 
     .stApp {
-        font-family: 'Inter', sans-serif;
+        font-family: 'Poppins', sans-serif;
         background: #f8fafc;
         min-height: 100vh;
         color: #1a202c;
@@ -66,18 +66,18 @@ st.markdown("""
     .container {
         max-width: 1200px;
         margin: 0 auto;
-        padding: 1rem;
+        padding: 1.5rem;
     }
 
     /* Header */
     .header {
-        padding: 1rem 0;
+        padding: 1.5rem 0;
         text-align: center;
     }
 
     .header-title {
-        font-size: 2rem;
-        font-weight: 800;
+        font-size: 2.5rem;
+        font-weight: 700;
         color: #1a202c;
         display: inline-flex;
         align-items: center;
@@ -94,7 +94,7 @@ st.markdown("""
 
     .hero-left {
         flex: 1;
-        padding: 1rem;
+        padding: 1.5rem;
     }
 
     .hero-right {
@@ -108,17 +108,18 @@ st.markdown("""
         max-width: 100%;
         height: auto;
         border-radius: 8px;
+        object-fit: cover;
     }
 
     .hero-title {
-        font-size: 2.5rem;
+        font-size: 3rem;
         font-weight: 700;
         color: #1a202c;
         margin-bottom: 0.5rem;
     }
 
     .hero-text {
-        font-size: 1rem;
+        font-size: 1.2rem;
         color: #4a5568;
         line-height: 1.5;
         max-width: 450px;
@@ -131,14 +132,14 @@ st.markdown("""
     }
 
     .about-title {
-        font-size: 1.8rem;
+        font-size: 2.2rem;
         font-weight: 600;
         color: #1a202c;
         margin-bottom: 0.5rem;
     }
 
     .about-text {
-        font-size: 1rem;
+        font-size: 1.1rem;
         color: #4a5568;
         line-height: 1.5;
         max-width: 600px;
@@ -155,8 +156,8 @@ st.markdown("""
         border-radius: 8px !important;
         border: 1px solid #d1d5db !important;
         padding: 1rem !important;
-        font-size: 1rem !important;
-        font-family: 'Inter', sans-serif !important;
+        font-size: 1.1rem !important;
+        font-family: 'Poppins', sans-serif !important;
         background: #ffffff !important;
         min-height: 150px !important;
         transition: all 0.2s ease !important;
@@ -178,9 +179,9 @@ st.markdown("""
         color: white !important;
         border-radius: 8px !important;
         padding: 0.75rem 2rem !important;
-        font-size: 1rem !important;
+        font-size: 1.1rem !important;
         font-weight: 600 !important;
-        font-family: 'Inter', sans-serif !important;
+        font-family: 'Poppins', sans-serif !important;
         transition: all 0.2s ease !important;
         border: none !important;
         width: 100% !important;
@@ -217,7 +218,7 @@ st.markdown("""
 
     .prediction-badge {
         font-weight: 600;
-        font-size: 1rem;
+        font-size: 1.1rem;
         margin-bottom: 0.5rem;
         display: flex;
         align-items: center;
@@ -227,7 +228,7 @@ st.markdown("""
     .confidence-score {
         font-weight: 600;
         margin-left: auto;
-        font-size: 1rem;
+        font-size: 1.1rem;
     }
 
     /* Chart Containers */
@@ -237,14 +238,6 @@ st.markdown("""
         margin: 1rem 0;
     }
 
-    /* Footer */
-    .footer {
-        margin-top: 2rem;
-        padding: 1rem 0;
-        text-align: center;
-        border-top: 1px solid #e5e7eb;
-    }
-
     /* Sidebar Styling */
     .stSidebar {
         background: #ffffff;
@@ -365,16 +358,6 @@ def plot_attention(text, attention_weights):
     return fig
 
 def main():
-    # Sidebar
-    with st.sidebar:
-        st.markdown("## TruthCheck Menu")
-        st.markdown("Navigate through the options below:")
-        st.button("Home", disabled=True)
-        st.button("Analyze News", key="nav_analyze")
-        st.button("About", key="nav_about")
-        st.markdown("---")
-        st.markdown("**Contact**")
-        st.markdown("📧 [email protected]")
 
     # Header
     st.markdown("""
@@ -396,7 +379,7 @@ def main():
                 </p>
             </div>
             <div class="hero-right">
-                <img src="https://www.freepik.com/free-vector/false-information-broadcasting-press-newspaper-journalists-editors-fake-news-junk-news-content-disinformation-media-concept-illustration_11669710.htm#fromView=search&page=1&position=1&uuid=211fd90c-f9e2-4388-b167-c382e5f996f0&query=fake+news+detector">
+                <img src="https://images.unsplash.com/photo-1593642532973-d31b97d0fad2?ixlib=rb-4.0.3&auto=format&fit=crop&w=500&q=80" alt="Fake News Detector" onerror="this.src='https://via.placeholder.com/500x300.png?text=Fake+News+Detector'">
             </div>
         </div>
     </div>
@@ -474,12 +457,5 @@ def main():
             st.error("Please enter a news article (at least 10 words) for analysis.")
             st.markdown('</div>', unsafe_allow_html=True)
 
-    # Footer
-    st.markdown("""
-    <div class="footer">
-        <p style="text-align: center; font-weight: 600; font-size: 16px;">💻 Developed with ❤️ using Streamlit | © 2025</p>
-    </div>
-    """, unsafe_allow_html=True)
-
 if __name__ == "__main__":
     main()