SF17S/aso

1import streamlit as st2 3# 1. إعدادات الصفحة الأساسية (الاسم والأيقونة)4st.set_page_config(page_title="برنامج سجاد الخاص", page_icon="💖", layout="centered")5 6# 2. سحر الـ CSS لتغيير الألوان والزخرفة7st.markdown("""8    <style>9    /* تغيير خلفية التطبيق بالكامل للون وردي فاتح جداً */10    .stApp {11        background-color: #fff0f5;12    }13    14    /* تنسيق العنوان الرئيسي */15    h1 {16        color: #db7093; /* لون وردي غامق للعنوان */17        font-family: 'Arial', sans-serif;18        text-align: center;19        text-shadow: 2px 2px 4px #ffb6c1; /* ظلال خفيفة للمسة جمالية */20        padding-bottom: 20px;21    }22 23    /* تنسيق الأزرار (الصناديق) */24    .stButton>button {25        width: 100%; /* جعل الزر بعرض الشاشة */26        border-radius: 20px; /* زوايا دائرية */27        height: 3em;28        background-color: #ffb6c1; /* لون الزر وردي متوسط */29        color: black; /* لون الكتابة أسود لكي تكون واضحة */30        font-weight: bold;31        font-size: 18px;32        border: 2px solid #db7093; /* إطار غامق للزر */33        box-shadow: 2px 2px 5px #888888; /* ظلال للأزرار لتبدو ثلاثية الأبعاد */34        transition: all 0.3s; /* حركة ناعمة عند الضغط */35    }36    37    /* تغيير لون الزر عند تمرير الماوس أو الضغط */38    .stButton>button:hover {39        background-color: #db7093;40        color: white;41    }42 43    /* تنسيق التوقيع السفلي (الفوتر) */44    .stCaption {45        color: #a9a9a9;46        text-align: center;47        font-style: italic;48        padding-top: 30px;49    }50    </style>51    """, unsafe_allow_html=True)52 53# 3. محتوى التطبيق54st.write("# اختاري صندوق خاص بكِ 🎁")55st.write("---") # خط فاصل56 57# إنشاء ثلاثة أزرار (صناديق)58col1, col2, col3 = st.columns(3)59 60with col1:61    if st.button("الصندوق 1 🎁"):62        st.balloons() # حركة بالونات63        st.info("أنتِ أجمل صدفة حدثت في حياتي.. أحبكِ جداً ❤️")64 65with col2:66    if st.button("الصندوق 2 🎁"):67        st.snow() # حركة ثلج68        st.success("كل شيء في الدنيا لكِ وفقط أنتِ لي ملكي 🌹")69 70with col3:71    if st.button("الصندوق 3 🎁"):72        # حركة توست (رسالة سريعة)73        st.toast("يا أغلى ما أملك!")74        st.warning("ابتسامتكِ هي أغلى ما أملك في هذا العالم 👑")75 76# الفوتر (التوقيع)77st.write("---")78st.caption("صُنع بكل حب بواسطة سجاد ❤️")79