Update app.py

app.py

@@ -1,3 +1,72 @@
+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>
@@ -76,40 +145,47 @@ st.markdown("""
         border-radius: 8px;
         padding: 12px;
     }
-    
-    /* DROPDOWN FIXES - SIMPLIFIED APPROACH */
-    
-    /* Select box labels */
+    /* Select box label styling */
     .stSelectbox label {
         color: #2c3e50 !important;
         font-size: 1.1rem;
         font-weight: 500;
     }
-    
-    /* Dropdown input text - make it black */
-    .stSelectbox div[data-baseweb="select"] div {
-        color: #000000 !important;
+    /* DROPDOWN INPUT BOX - FIXED */
+    div[data-baseweb="select"] > div {
+        background-color: #f8f9fa !important;
+        border: 2px solid #4a7c59 !important;
+        border-radius: 8px !important;
+        padding: 8px 12px !important;
+        font-size: 1.1rem !important;
     }
-    
-    /* Dropdown options panel */
-    section[data-baseweb="popover"] div {
-        background-color: white !important;
+    /* TARGET THE TEXT INSIDE THE CLOSED BOX - CRITICAL FIX */
+    div[data-baseweb="select"] div[style] {
         color: #000000 !important;
+        font-weight: 500 !important;
     }
-    
-    /* Individual dropdown options */
-    section[data-baseweb="popover"] li {
-        background-color: white !important;
+    /* DROPDOWN OPTIONS PANEL - FIXED */
+    div[data-baseweb="popover"] {
+        background-color: #ffffff !important;
+        border: 2px solid #4a7c59 !important;
+        border-radius: 8px !important;
+    }
+    /* DROPDOWN OPTIONS - FIXED */
+    div[data-baseweb="popover"] li {
+        background-color: #ffffff !important;
         color: #000000 !important;
         padding: 10px 15px !important;
+        font-size: 1.1rem !important;
     }
-    
-    /* Dropdown options on hover */
-    section[data-baseweb="popover"] li:hover {
+    /* DROPDOWN OPTIONS HOVER - FIXED */
+    div[data-baseweb="popover"] li:hover {
         background-color: #f0f7f0 !important;
         color: #000000 !important;
     }
-    
+    /* Placeholder text for dropdown */
+    div[data-baseweb="select"] input::placeholder {
+        color: #6c757d !important;
+    }
     /* Number input styling */
     .stNumberInput input {
         color: #000000 !important;
@@ -119,24 +195,20 @@ st.markdown("""
         border-radius: 8px !important;
         padding: 8px 12px !important;
     }
-    
-    /* Number input labels */
+    /* Number input label */
     .stNumberInput label {
         color: #2c3e50 !important;
         font-size: 1.1rem !important;
         font-weight: 500 !important;
     }
-    
-    /* Make all regular text consistent */
+    /* Make all 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;
@@ -146,12 +218,10 @@ 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;
@@ -162,7 +232,6 @@ st.markdown("""
         border-radius: 8px;
         margin: 8px 0;
     }
-    
     /* Metric cards styling */
     [data-testid="metric-container"] {
         background-color: #f0f7f0;
@@ -171,7 +240,6 @@ st.markdown("""
         padding: 15px;
         text-align: center;
     }
-    
     /* Footer styling */
     .footer {
         text-align: center;
@@ -181,4 +249,187 @@ 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)