app.py

import streamlit as st
from streamlit_pills import pills
st.markdown("<h1 style='font-size: 50px;'>QuantumQuest</h1>", unsafe_allow_html=True)

st.markdown("""
    <style>
    .category-button {
        background-color: #4CAF50; /* Green */
        border: none;
        width: 150px;  /* Set fixed width */
        height: 50px;  /* Set fixed height */
        color: white;
        padding: 10px 24px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        margin: 4px 2px;
        cursor: pointer;
        border-radius: 8px;
        transition-duration: 0.4s;
    }

    .category-button:hover {
        background-color: #3e8e41;
        color: white;
    }
    </style>
    """, unsafe_allow_html=True)


# List of categories
categories = ["All","International News", "Sports", "Business", "Science/Tech", "Politics", "Entertainment", "Others"]

num_columns = 3  # Adjust based on how many buttons per row you want
rows = [categories[i:i + num_columns] for i in range(0, len(categories), num_columns)]

tab1, tab2 = st.tabs([ "Categories","Popular News"])



with tab1:
        
    with st.container():
        st.header("Categories")
        selection = pills("", categories)
        st.write(f"You have selected {selection}")
        
  

    
with tab2:
    col1,col2 = st.columns([3,1])
    with col1:

        st.header("Recent News")
    
    with col2:
        st.button("Update")
    st.write("Demo goes here")