Spaces:
Runtime error
Runtime error
Update app.py
Browse files
app.py
CHANGED
@@ -1,6 +1,6 @@
|
|
1 |
import streamlit as st
|
2 |
|
3 |
-
# Inject custom CSS for a centered flower
|
4 |
st.markdown(
|
5 |
"""
|
6 |
<style>
|
@@ -8,25 +8,25 @@ st.markdown(
|
|
8 |
html, body, [data-testid="stAppViewContainer"] {
|
9 |
background-image: linear-gradient(
|
10 |
to bottom right,
|
11 |
-
rgba(135, 206, 250, 0.
|
12 |
-
rgba(255, 223, 186, 0.
|
13 |
-
rgba(192, 192, 192, 0.
|
14 |
-
rgba(169, 169, 169, 0.
|
15 |
-
rgba(240, 248, 255, 0.
|
16 |
-
rgba(173, 216, 230, 0.
|
17 |
);
|
18 |
background-size: cover;
|
19 |
font-family: 'Arial', sans-serif;
|
20 |
-
position: relative;
|
21 |
}
|
|
|
22 |
/* Centered flower */
|
23 |
.flower {
|
24 |
position: absolute;
|
25 |
top: 50%;
|
26 |
left: 50%;
|
27 |
transform: translate(-50%, -50%);
|
28 |
-
width:
|
29 |
-
height:
|
30 |
background-image: url("https://upload.wikimedia.org/wikipedia/commons/thumb/3/30/Red_flower.svg/1200px-Red_flower.svg.png");
|
31 |
background-size: contain;
|
32 |
background-repeat: no-repeat;
|
@@ -36,12 +36,12 @@ st.markdown(
|
|
36 |
unsafe_allow_html=True
|
37 |
)
|
38 |
|
39 |
-
# Add
|
40 |
st.markdown('<div class="flower"></div>', unsafe_allow_html=True)
|
41 |
|
42 |
# Streamlit UI elements
|
43 |
st.title("Word Cloud Application")
|
44 |
-
st.markdown("Welcome to the Word Cloud Application with a
|
45 |
|
46 |
# Add some interactivity
|
47 |
if st.button("Click Me"):
|
|
|
1 |
import streamlit as st
|
2 |
|
3 |
+
# Inject custom CSS for background with a centered flower
|
4 |
st.markdown(
|
5 |
"""
|
6 |
<style>
|
|
|
8 |
html, body, [data-testid="stAppViewContainer"] {
|
9 |
background-image: linear-gradient(
|
10 |
to bottom right,
|
11 |
+
rgba(135, 206, 250, 0.7), /* Light Sky Blue */
|
12 |
+
rgba(255, 223, 186, 0.7), /* Soft Peach */
|
13 |
+
rgba(192, 192, 192, 0.7), /* Bright Silver */
|
14 |
+
rgba(169, 169, 169, 0.7), /* Gray */
|
15 |
+
rgba(240, 248, 255, 0.7), /* Alice Blue */
|
16 |
+
rgba(173, 216, 230, 0.7) /* Light Blue */
|
17 |
);
|
18 |
background-size: cover;
|
19 |
font-family: 'Arial', sans-serif;
|
|
|
20 |
}
|
21 |
+
|
22 |
/* Centered flower */
|
23 |
.flower {
|
24 |
position: absolute;
|
25 |
top: 50%;
|
26 |
left: 50%;
|
27 |
transform: translate(-50%, -50%);
|
28 |
+
width: 200px;
|
29 |
+
height: 200px;
|
30 |
background-image: url("https://upload.wikimedia.org/wikipedia/commons/thumb/3/30/Red_flower.svg/1200px-Red_flower.svg.png");
|
31 |
background-size: contain;
|
32 |
background-repeat: no-repeat;
|
|
|
36 |
unsafe_allow_html=True
|
37 |
)
|
38 |
|
39 |
+
# Add flower in the center
|
40 |
st.markdown('<div class="flower"></div>', unsafe_allow_html=True)
|
41 |
|
42 |
# Streamlit UI elements
|
43 |
st.title("Word Cloud Application")
|
44 |
+
st.markdown("Welcome to the Word Cloud Application with a centered flower and gradient background!")
|
45 |
|
46 |
# Add some interactivity
|
47 |
if st.button("Click Me"):
|