Spaces:
Running
Running
Update app.py
Browse files
app.py
CHANGED
@@ -14,8 +14,34 @@ song_matcher = SongMatcher('./music_mental_health.csv')
|
|
14 |
|
15 |
# Streamlit app layout
|
16 |
st.set_page_config(page_title="MODUS MUSIC", layout="wide") # New: Setting page title and layout
|
17 |
-
#st.markdown("<h1 style='text-align: center; font-weight: bold;'>MODUS MUSIC</h1>", unsafe_allow_html=True)
|
18 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
19 |
# Custom gradient background using CSS
|
20 |
st.markdown("""
|
21 |
<style>
|
@@ -26,6 +52,9 @@ st.markdown("""
|
|
26 |
</style>
|
27 |
""", unsafe_allow_html=True)
|
28 |
|
|
|
|
|
|
|
29 |
st.title('Music Suggestion Based on Your Feeling') # Existing Title
|
30 |
|
31 |
# New: Introduction Section
|
|
|
14 |
|
15 |
# Streamlit app layout
|
16 |
st.set_page_config(page_title="MODUS MUSIC", layout="wide") # New: Setting page title and layout
|
|
|
17 |
|
18 |
+
# Custom CSS for background and text color
|
19 |
+
st.markdown("""
|
20 |
+
<style>
|
21 |
+
.stApp {
|
22 |
+
background: rgb(0,0,0);
|
23 |
+
background-size: cover;
|
24 |
+
color: white; /* Sets global text color to white */
|
25 |
+
}
|
26 |
+
/* General rule for all labels */
|
27 |
+
label {
|
28 |
+
color: white !important;
|
29 |
+
}
|
30 |
+
/* Specific color for the main title */
|
31 |
+
h1 {
|
32 |
+
color: red !important; /* Making the MODUS MUSIC title red */
|
33 |
+
}
|
34 |
+
/* Additional specific styling */
|
35 |
+
.stTextInput > label, .stButton > button, .css-10trblm, .css-1yjuwjr, .intro {
|
36 |
+
color: white !important;
|
37 |
+
}
|
38 |
+
</style>
|
39 |
+
""", unsafe_allow_html=True)
|
40 |
+
|
41 |
+
|
42 |
+
image_path = '/content/MODUSMUSIC.png' # Replace with the actual path to your image
|
43 |
+
|
44 |
+
st.image(image_path, use_column_width=False, width=250) # Adjust the width as needed
|
45 |
# Custom gradient background using CSS
|
46 |
st.markdown("""
|
47 |
<style>
|
|
|
52 |
</style>
|
53 |
""", unsafe_allow_html=True)
|
54 |
|
55 |
+
# Custom HTML for the main title
|
56 |
+
st.markdown("<h1 style='text-align: center; font-weight: bold;'>MODUS MUSIC</h1>", unsafe_allow_html=True)
|
57 |
+
|
58 |
st.title('Music Suggestion Based on Your Feeling') # Existing Title
|
59 |
|
60 |
# New: Introduction Section
|