Update pages/introds.py
Browse files- pages/introds.py +13 -13
pages/introds.py
CHANGED
@@ -1,45 +1,45 @@
|
|
1 |
import streamlit as st
|
2 |
|
3 |
# Static background image URL
|
4 |
-
|
5 |
|
6 |
# Dynamic CSS
|
7 |
-
custom_css =
|
8 |
<style>
|
9 |
-
html, body, [data-testid="stAppViewContainer"] {
|
10 |
background: linear-gradient(
|
11 |
rgba(0, 0, 0, 0.6),
|
12 |
rgba(0, 0, 0, 0.6)
|
13 |
),
|
14 |
-
url("
|
15 |
background-size: cover;
|
16 |
font-family: Arial, sans-serif;
|
17 |
color: #ffffff;
|
18 |
-
}
|
19 |
-
h1 {
|
20 |
color: #ffffff;
|
21 |
text-align: center;
|
22 |
font-size: 2rem;
|
23 |
margin-top: 2px;
|
24 |
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
|
25 |
-
}
|
26 |
-
.division {
|
27 |
margin: 20px auto;
|
28 |
padding: 20px;
|
29 |
background: rgba(255, 255, 255, 0.1);
|
30 |
border-radius: 10px;
|
31 |
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
|
32 |
-
}
|
33 |
-
.division h2 {
|
34 |
color: #ffffff;
|
35 |
margin-bottom: 10px;
|
36 |
font-size: 2rem;
|
37 |
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
|
38 |
-
}
|
39 |
-
.division p, .division ul li {
|
40 |
font-size: 1.2rem;
|
41 |
line-height: 1.7;
|
42 |
-
}
|
43 |
</style>
|
44 |
"""
|
45 |
|
|
|
1 |
import streamlit as st
|
2 |
|
3 |
# Static background image URL
|
4 |
+
|
5 |
|
6 |
# Dynamic CSS
|
7 |
+
custom_css = """
|
8 |
<style>
|
9 |
+
html, body, [data-testid="stAppViewContainer"] {
|
10 |
background: linear-gradient(
|
11 |
rgba(0, 0, 0, 0.6),
|
12 |
rgba(0, 0, 0, 0.6)
|
13 |
),
|
14 |
+
url("https://cdn.pixabay.com/photo/2023/11/23/17/47/sunset-7704533_1280.jpg") no-repeat center center fixed;
|
15 |
background-size: cover;
|
16 |
font-family: Arial, sans-serif;
|
17 |
color: #ffffff;
|
18 |
+
}
|
19 |
+
h1 {
|
20 |
color: #ffffff;
|
21 |
text-align: center;
|
22 |
font-size: 2rem;
|
23 |
margin-top: 2px;
|
24 |
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
|
25 |
+
}
|
26 |
+
.division {
|
27 |
margin: 20px auto;
|
28 |
padding: 20px;
|
29 |
background: rgba(255, 255, 255, 0.1);
|
30 |
border-radius: 10px;
|
31 |
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
|
32 |
+
}
|
33 |
+
.division h2 {
|
34 |
color: #ffffff;
|
35 |
margin-bottom: 10px;
|
36 |
font-size: 2rem;
|
37 |
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
|
38 |
+
}
|
39 |
+
.division p, .division ul li {
|
40 |
font-size: 1.2rem;
|
41 |
line-height: 1.7;
|
42 |
+
}
|
43 |
</style>
|
44 |
"""
|
45 |
|