Update app.py

app.py

@@ -1,72 +1,3 @@
-import streamlit as st
-import sqlite3
-from datetime import datetime
-
-# Set up the page
-st.set_page_config(
-    page_title="Scripture Decipher",
-    page_icon="📖",
-    layout="wide"
-)
-
-# Initialize database
-def init_db():
-    conn = sqlite3.connect('scripture_decipher.db')
-    c = conn.cursor()
-    c.execute('''CREATE TABLE IF NOT EXISTS simplified_verses
-                 (id INTEGER PRIMARY KEY AUTOINCREMENT,
-                  book TEXT NOT NULL,
-                  chapter INTEGER NOT NULL,
-                  verse INTEGER NOT NULL,
-                  original_text TEXT NOT NULL,
-                  simplified_text TEXT NOT NULL,
-                  created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP)''')
-    conn.commit()
-    conn.close()
-
-# Add a new simplified verse to the database
-def add_simplified_verse(book, chapter, verse, original_text, simplified_text):
-    conn = sqlite3.connect('scripture_decipher.db')
-    c = conn.cursor()
-    c.execute("INSERT INTO simplified_verses (book, chapter, verse, original_text, simplified_text) VALUES (?, ?, ?, ?, ?)",
-              (book, chapter, verse, original_text, simplified_text))
-    conn.commit()
-    conn.close()
-
-# Get all simplified verses from the database
-def get_all_simplified_verses():
-    conn = sqlite3.connect('scripture_decipher.db')
-    c = conn.cursor()
-    c.execute("SELECT * FROM simplified_verses ORDER BY created_at DESC")
-    verses = c.fetchall()
-    conn.close()
-    return verses
-
-# Sample Bible verses data
-SAMPLE_VERSES = {
-    "John": {
-        3: {
-            16: "For God so loved the world, that he gave his only Son, that whoever believes in him should not perish but have eternal life."
-        }
-    },
-    "Matthew": {
-        5: {
-            3: "Blessed are the poor in spirit, for theirs is the kingdom of heaven.",
-            4: "Blessed are those who mourn, for they shall be comforted.",
-            5: "Blessed are the meek, for they shall inherit the earth."
-        }
-    },
-    "Psalm": {
-        23: {
-            1: "The Lord is my shepherd; I shall not want.",
-            4: "Even though I walk through the valley of the shadow of death, I will fear no evil, for you are with me; your rod and your staff, they comfort me."
-        }
-    }
-}
-
-# Initialize database
-init_db()
-
 # Custom CSS for styling
 st.markdown("""
 <style>
@@ -145,39 +76,40 @@ st.markdown("""
         border-radius: 8px;
         padding: 12px;
     }
-    /* Select box label styling */
+    
+    /* DROPDOWN FIXES - SIMPLIFIED APPROACH */
+    
+    /* Select box labels */
     .stSelectbox label {
         color: #2c3e50 !important;
         font-size: 1.1rem;
         font-weight: 500;
     }
-    /* DROPDOWN INPUT BOX - FIXED */
-    div[data-baseweb="select"] > div {
-        background-color: #f8f9fa !important;
+    
+    /* Dropdown input text - make it black */
+    .stSelectbox div[data-baseweb="select"] div {
         color: #000000 !important;
-        border: 2px solid #4a7c59 !important;
-        border-radius: 8px !important;
-        padding: 8px 12px !important;
-        font-size: 1.1rem !important;
     }
-    /* DROPDOWN OPTIONS PANEL - FIXED */
-    div[data-baseweb="popover"] {
-        background-color: #ffffff !important;
-        border: 2px solid #4a7c59 !important;
-        border-radius: 8px !important;
+    
+    /* Dropdown options panel */
+    section[data-baseweb="popover"] div {
+        background-color: white !important;
+        color: #000000 !important;
     }
-    /* DROPDOWN OPTIONS - FIXED */
-    div[data-baseweb="popover"] li {
-        background-color: #ffffff !important;
+    
+    /* Individual dropdown options */
+    section[data-baseweb="popover"] li {
+        background-color: white !important;
         color: #000000 !important;
         padding: 10px 15px !important;
-        font-size: 1.1rem !important;
     }
-    /* DROPDOWN OPTIONS HOVER - FIXED */
-    div[data-baseweb="popover"] li:hover {
+    
+    /* Dropdown options on hover */
+    section[data-baseweb="popover"] li:hover {
         background-color: #f0f7f0 !important;
         color: #000000 !important;
     }
+    
     /* Number input styling */
     .stNumberInput input {
         color: #000000 !important;
@@ -187,20 +119,24 @@ st.markdown("""
         border-radius: 8px !important;
         padding: 8px 12px !important;
     }
-    /* Number input label */
+    
+    /* Number input labels */
     .stNumberInput label {
         color: #2c3e50 !important;
         font-size: 1.1rem !important;
         font-weight: 500 !important;
     }
-    /* Make all text consistent */
+    
+    /* Make all regular text consistent */
     body, p, div, span, h1, h2, h3, h4, h5, h6 {
         color: #2c3e50 !important;
     }
+    
     /* Tab styling */
     .stTabs [data-baseweb="tab-list"] {
         gap: 8px;
     }
+    
     .stTabs [data-baseweb="tab"] {
         height: 50px;
         white-space: pre-wrap;
@@ -210,10 +146,12 @@ st.markdown("""
         padding: 12px 24px;
         font-weight: bold;
     }
+    
     .stTabs [aria-selected="true"] {
         background-color: #4a7c59;
         color: white !important;
     }
+    
     /* Expander styling */
     .streamlit-expanderHeader {
         font-size: 1.2rem;
@@ -224,6 +162,7 @@ st.markdown("""
         border-radius: 8px;
         margin: 8px 0;
     }
+    
     /* Metric cards styling */
     [data-testid="metric-container"] {
         background-color: #f0f7f0;
@@ -232,6 +171,7 @@ st.markdown("""
         padding: 15px;
         text-align: center;
     }
+    
     /* Footer styling */
     .footer {
         text-align: center;
@@ -241,186 +181,4 @@ st.markdown("""
         font-style: italic;
     }
 </style>
-""", unsafe_allow_html=True)
-
-# App title and description
-st.markdown('<h1 class="main-header">📖 Scripture Decipher</h1>', unsafe_allow_html=True)
-st.markdown("""
-<div style="text-align: center; margin-bottom: 2rem;">
-    <p style="font-size: 1.2rem;">Making Bible scriptures easier to understand for everyone</p>
-</div>
-""", unsafe_allow_html=True)
-
-# Create tabs for different functionalities
-tab1, tab2, tab3 = st.tabs(["Simplify Scripture", "View Saved Verses", "About"])
-
-with tab1:
-    st.markdown('<h2 class="sub-header">Simplify a Bible Verse</h2>', unsafe_allow_html=True)
-    
-    col1, col2 = st.columns([1, 2])
-    
-    with col1:
-        # Book selection
-        books = list(SAMPLE_VERSES.keys())
-        selected_book = st.selectbox("Select Book", books)
-        
-        # Chapter selection based on book
-        if selected_book:
-            chapters = list(SAMPLE_VERSES[selected_book].keys())
-            selected_chapter = st.selectbox("Select Chapter", chapters)
-        
-        # Verse selection based on chapter
-        if selected_chapter:
-            verses = list(SAMPLE_VERSES[selected_book][selected_chapter].keys())
-            selected_verse = st.selectbox("Select Verse", verses)
-    
-    with col2:
-        # Display original verse
-        if selected_book and selected_chapter and selected_verse:
-            original_text = SAMPLE_VERSES[selected_book][selected_chapter][selected_verse]
-            st.markdown("### Original Scripture")
-            st.markdown(f'<div class="scripture-box">{selected_book} {selected_chapter}:{selected_verse} - "{original_text}"</div>', unsafe_allow_html=True)
-            
-            # Input for simplified version
-            simplified_text = st.text_area(
-                "Simplified Version",
-                placeholder="Enter your simplified version of this verse here...",
-                height=150
-            )
-            
-            # Sample simplified versions for demonstration
-            sample_simplifications = {
-                "John 3:16": "God loved people so much that He sent His only Son Jesus. Anyone who believes in Him will live forever with God instead of dying separated from Him.",
-                "Matthew 5:3": "Happy are those who realize they need God's help, because Heaven belongs to them.",
-                "Psalm 23:1": "The Lord takes care of all my needs, just like a shepherd cares for his sheep."
-            }
-            
-            current_ref = f"{selected_book} {selected_chapter}:{selected_verse}"
-            if current_ref in sample_simplifications:
-                with st.expander("See example simplification"):
-                    st.info(sample_simplifications[current_ref])
-            
-            # Save button
-            if st.button("Save Simplified Verse") and simplified_text:
-                add_simplified_verse(
-                    selected_book, selected_chapter, selected_verse,
-                    original_text, simplified_text
-                )
-                st.markdown('<div class="success-box">Simplified verse saved successfully!</div>', unsafe_allow_html=True)
-
-with tab2:
-    st.markdown('<h2 class="sub-header">Saved Simplified Verses</h2>', unsafe_allow_html=True)
-    
-    # Get all saved verses from database
-    saved_verses = get_all_simplified_verses()
-    
-    if not saved_verses:
-        st.info("No simplified verses saved yet. Use the 'Simplify Scripture' tab to get started.")
-    else:
-        # Filter options
-        col1, col2, col3 = st.columns(3)
-        with col1:
-            filter_book = st.selectbox("Filter by Book", ["All"] + books, key="filter_book")
-        with col2:
-            sort_order = st.selectbox("Sort Order", ["Newest First", "Oldest First"])
-        with col3:
-            items_per_page = st.selectbox("Items per page", [5, 10, 20], index=0)
-        
-        # Filter and sort verses
-        filtered_verses = saved_verses
-        if filter_book != "All":
-            filtered_verses = [v for v in saved_verses if v[1] == filter_book]
-        
-        if sort_order == "Oldest First":
-            filtered_verses = sorted(filtered_verses, key=lambda x: x[6])
-        else:
-            filtered_verses = sorted(filtered_verses, key=lambda x: x[6], reverse=True)
-        
-        # Pagination
-        total_verses = len(filtered_verses)
-        if total_verses > 0:
-            total_pages = (total_verses - 1) // items_per_page + 1
-            page = st.number_input("Page", min_value=1, max_value=total_pages, value=1)
-            start_idx = (page - 1) * items_per_page
-            end_idx = min(start_idx + items_per_page, total_verses)
-            
-            st.write(f"Showing {start_idx + 1}-{end_idx} of {total_verses} verses")
-            
-            # Display verses for current page
-            for verse in filtered_verses[start_idx:end_idx]:
-                with st.expander(f"{verse[1]} {verse[2]}:{verse[3]} - {verse[6].split()[0]}"):
-                    col1, col2 = st.columns(2)
-                    with col1:
-                        st.write("**Original:**")
-                        st.markdown(f'<div class="scripture-box">{verse[4]}</div>', unsafe_allow_html=True)
-                    with col2:
-                        st.write("**Simplified:**")
-                        st.markdown(f'<div style="background-color: #e8f4f8; border-radius: 10px; padding: 20px; margin: 15px 0; border-left: 5px solid #5c8da5;">{verse[5]}</div>', unsafe_allow_html=True)
-        
-        # Statistics
-        st.markdown("---")
-        st.subheader("Statistics")
-        col1, col2, col3 = st.columns(3)
-        
-        with col1:
-            st.metric("Total Verses Simplified", total_verses)
-        
-        with col2:
-            if total_verses > 0:
-                books_count = {}
-                for verse in saved_verses:
-                    book = verse[1]
-                    books_count[book] = books_count.get(book, 0) + 1
-                most_common_book = max(books_count, key=books_count.get)
-                st.metric("Most Common Book", most_common_book)
-        
-        with col3:
-            if total_verses > 0:
-                earliest = min([verse[6] for verse in saved_verses])
-                st.metric("First Simplification", earliest.split()[0])
-
-with tab3:
-    st.markdown('<h2 class="sub-header">About Scripture Decipher</h2>', unsafe_allow_html=True)
-    
-    st.markdown("""
-    <div class="scripture-box">
-    <h3>Our Mission</h3>
-    <p>Scripture Decipher is designed to make the Bible more accessible and understandable to people of all backgrounds.
-    We believe that everyone should be able to engage with scripture in a way that resonates with them.</p>
-    </div>
-    """, unsafe_allow_html=True)
-    
-    col1, col2 = st.columns(2)
-    
-    with col1:
-        st.markdown("""
-        ### How It Works
-        1. Select a book, chapter, and verse from the Bible
-        2. Read the original text
-        3. Create your simplified version that's easier to understand
-        4. Save it to your personal database
-        5. Review all your simplified verses anytime
-        """)
-    
-    with col2:
-        st.markdown("""
-        ### Benefits
-        - Helps with personal Bible study
-        - Useful for teaching and sermons
-        - Creates a personal repository of understood scriptures
-        - Great for new believers or those new to the Bible
-        """)
-    
-    st.markdown("---")
-    st.markdown("""
-    <div style="text-align: center;">
-        <p>Created with ❤️ for the Hugging Face community</p>
-    </div>
-    """, unsafe_allow_html=True)
-# Add footer
-st.markdown("---")
-st.markdown("""
-<div style="text-align: center; color: #6c757d; padding: 20px;">
-    <p>Scripture Decipher • Making the Bible accessible to all</p>
-</div>
 """, unsafe_allow_html=True)