Spaces:
Sleeping
Sleeping
Update Home.py
Browse files
Home.py
CHANGED
@@ -1,15 +1,13 @@
|
|
1 |
import streamlit as st
|
2 |
-
|
|
|
3 |
st.markdown(
|
4 |
-
|
5 |
<style>
|
6 |
-
.stApp {
|
7 |
-
background-
|
8 |
-
|
9 |
-
|
10 |
-
background-attachment: fixed;
|
11 |
-
}}
|
12 |
-
.header {{
|
13 |
text-align: center;
|
14 |
color: red;
|
15 |
font-size: 30px;
|
@@ -19,21 +17,21 @@ st.markdown(
|
|
19 |
align-items: center;
|
20 |
position: relative;
|
21 |
padding-top: 20px;
|
22 |
-
}
|
23 |
-
.logo {
|
24 |
position: absolute;
|
25 |
right: 20px;
|
26 |
top: 10px;
|
27 |
width: 80px;
|
28 |
height: auto;
|
29 |
-
}
|
30 |
-
.sub-header {
|
31 |
color: darkorange;
|
32 |
font-size: 26px;
|
33 |
font-weight: bold;
|
34 |
margin-top: 30px;
|
35 |
-
}
|
36 |
-
.text {
|
37 |
font-size: 17px;
|
38 |
color: black;
|
39 |
font-style: italic;
|
@@ -41,14 +39,14 @@ st.markdown(
|
|
41 |
padding: 15px;
|
42 |
border-radius: 10px;
|
43 |
margin-bottom: 20px;
|
44 |
-
}
|
45 |
-
.footer {
|
46 |
font-size: 14px;
|
47 |
color: #333;
|
48 |
margin-top: 50px;
|
49 |
text-align: center;
|
50 |
font-style: italic;
|
51 |
-
}
|
52 |
</style>
|
53 |
""",
|
54 |
unsafe_allow_html=True
|
@@ -85,7 +83,6 @@ st.markdown(
|
|
85 |
unsafe_allow_html=True
|
86 |
)
|
87 |
|
88 |
-
# Add more info if you'd like
|
89 |
st.markdown("<h2 class='sub-header'>More About Cric Metrics</h2>", unsafe_allow_html=True)
|
90 |
st.markdown(
|
91 |
"<p class='text'>"
|
@@ -94,7 +91,7 @@ st.markdown(
|
|
94 |
"</p>",
|
95 |
unsafe_allow_html=True
|
96 |
)
|
97 |
-
|
98 |
st.markdown("<h2 class='sub-header'>About the Author π¨βπ»</h2>", unsafe_allow_html=True)
|
99 |
st.markdown(
|
100 |
"""
|
@@ -106,7 +103,7 @@ st.markdown(
|
|
106 |
unsafe_allow_html=True
|
107 |
)
|
108 |
|
109 |
-
# Button
|
110 |
if st.button("π Player Information"):
|
111 |
st.switch_page("pages/1player_information.py")
|
112 |
|
|
|
1 |
import streamlit as st
|
2 |
+
|
3 |
+
# Inject custom CSS (without background image)
|
4 |
st.markdown(
|
5 |
+
"""
|
6 |
<style>
|
7 |
+
.stApp {
|
8 |
+
background-color: #f0f2f6;
|
9 |
+
}
|
10 |
+
.header {
|
|
|
|
|
|
|
11 |
text-align: center;
|
12 |
color: red;
|
13 |
font-size: 30px;
|
|
|
17 |
align-items: center;
|
18 |
position: relative;
|
19 |
padding-top: 20px;
|
20 |
+
}
|
21 |
+
.logo {
|
22 |
position: absolute;
|
23 |
right: 20px;
|
24 |
top: 10px;
|
25 |
width: 80px;
|
26 |
height: auto;
|
27 |
+
}
|
28 |
+
.sub-header {
|
29 |
color: darkorange;
|
30 |
font-size: 26px;
|
31 |
font-weight: bold;
|
32 |
margin-top: 30px;
|
33 |
+
}
|
34 |
+
.text {
|
35 |
font-size: 17px;
|
36 |
color: black;
|
37 |
font-style: italic;
|
|
|
39 |
padding: 15px;
|
40 |
border-radius: 10px;
|
41 |
margin-bottom: 20px;
|
42 |
+
}
|
43 |
+
.footer {
|
44 |
font-size: 14px;
|
45 |
color: #333;
|
46 |
margin-top: 50px;
|
47 |
text-align: center;
|
48 |
font-style: italic;
|
49 |
+
}
|
50 |
</style>
|
51 |
""",
|
52 |
unsafe_allow_html=True
|
|
|
83 |
unsafe_allow_html=True
|
84 |
)
|
85 |
|
|
|
86 |
st.markdown("<h2 class='sub-header'>More About Cric Metrics</h2>", unsafe_allow_html=True)
|
87 |
st.markdown(
|
88 |
"<p class='text'>"
|
|
|
91 |
"</p>",
|
92 |
unsafe_allow_html=True
|
93 |
)
|
94 |
+
|
95 |
st.markdown("<h2 class='sub-header'>About the Author π¨βπ»</h2>", unsafe_allow_html=True)
|
96 |
st.markdown(
|
97 |
"""
|
|
|
103 |
unsafe_allow_html=True
|
104 |
)
|
105 |
|
106 |
+
# Navigation Button
|
107 |
if st.button("π Player Information"):
|
108 |
st.switch_page("pages/1player_information.py")
|
109 |
|