Hugging Face's logo

Spaces:
Trinay16
/
Stick_CricketShowdown
Sleeping

App Files Community
5
Stick_CricketShowdown
File size: 2,126 Bytes
55f8d02
c78f923
1f71827
 
 
55f8d02
c78f923
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
656acd3
c78f923
 
 
 
d1c59e5
c78f923
1f71827
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
import streamlit as st
import time
from chatbot import render_chatbot



st.set_page_config(page_title="Stick Cricket Showdown", page_icon="🏏", layout="wide")
st.subheader("Welcome to the ultimate cricket arcade")

theme = st.selectbox("Choose Theme", ["🌞 Light", "🌙 Dark"], index=0)

light_mode = theme == "🌞 Light"

st.markdown(f"""
<style>
html, body {{
background-color: {'#ffffff' if light_mode else '#0e1117'};
color: {'#000000' if light_mode else '#ffffff'};
}}
.main-container {{
background-color: {'#f9f9f9' if light_mode else '#1c1c1c'};
padding: 2rem;
border-radius: 20px;
margin-top: 1rem;
box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}}
h1 {{
font-size: 3rem;
text-align: center;
color: {'#e94e77' if light_mode else '#ff8080'};
text-shadow: 1px 1px 2px #444444;
}}
h3 {{
text-align: center;
font-weight: 400;
color: {'#333' if light_mode else '#ccc'};
}}
ul {{
font-size: 1.1rem;
}}
.footer {{
text-align: center;
font-size: 0.9rem;
color: gray;
margin-top: 2rem;
}}
</style>
""", unsafe_allow_html=True)

with st.container():
    st.markdown("<div class='main-container'>", unsafe_allow_html=True)

st.markdown("<h1>🏏 Stick Cricket Showdown</h1>", unsafe_allow_html=True)
st.markdown("<h3>Mini arcade-style cricket game built in Streamlit</h3>", unsafe_allow_html=True)

with st.spinner("Preparing your cricket kit..."):
    time.sleep(1)
st.success("You're ready to go!")

col1, col2 = st.columns([2, 1])
with col1:
    st.markdown("""
    ### 🚀 How to Play:
    - 👤 Create your player profile
    - ⚙️ Set up match: overs, wickets, AI level
    - 🏏 Bat smart: choose shots, avoid outs
    - 🎯 Bowl tactically: aim for wickets
    - 📊 Check Scorecard for match results
    """)
with col2:
    st.image("https://upload.wikimedia.org/wikipedia/en/f/f7/Stick_Cricket_Classic_Logo.png", width=220)

st.markdown("👉 Use the sidebar to move between game stages.")
st.balloons()

st.markdown("<div class='footer'>Made with ❤️ Team Karthik | Stick Cricket Showdown</div>", unsafe_allow_html=True)
st.markdown("</div>", unsafe_allow_html=True)
render_chatbot("Stick Cricket Showdown")