File size: 4,579 Bytes
eeca63f |
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 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 |
import streamlit as st
from st_pages import Page, show_pages
# import base64
# should be
st.set_page_config(
page_title="Mental Health Prediction",
page_icon="🎃",
layout="wide",
initial_sidebar_state="expanded",
)
# bottom code is for injecting image in side bar
# @st.cache_data
# def get_img_as_base64(file):
# with open(file, "rb") as f:
# data = f.read()
# return base64.b64encode(data).decode()
# image = get_img_as_base64("brain2.png")
page_bg_img_link = f"""
<style>
[data-testid="stAppViewContainer"]> .main{{
# background-image: url(https://www.orfonline.org/wp-content/uploads/2022/10/mental-health-wellness-during-covid-19.jpg);
# background-size:cover;
# background-position: left;
# background-repeat:no-repeat;
# background-attachment:local;
background-color: #FFDEE9;
background-image: linear-gradient(0deg, #FFDEE9 0%, #B5FFFC 100%);
}}
[data-testid="stHeader"]{{
background-color: rgba(0,0,0,0)
}}
[data-testid="stToolbar"]{{
right : 2 rem;
}}
[data-testid="stSidebar"] > div:first-child{{
background: linear-gradient(to right bottom,
rgba(255,225,225,0.7),
rgba(255,225,225,0.3));
}}
</style>
"""
st.markdown(page_bg_img_link, unsafe_allow_html=True)
with st.sidebar:
# st.markdown(
# '<div style=" font-family: Mali, cursive;text-align: center; font-size:30px; color:#ff725e; margin :10px">Mental Health</div>',
# unsafe_allow_html=True,
# )
st.image(
"Mental health-pana.png",
width=320,
)
show_pages(
[
Page(r"app.py", "Home", "🏠"),
Page(r"Pages/Prediction.py", "Have your Psychopathology test!", "💥"),
Page(r"Pages/About.py", "About Us", "🦾"),
]
)
# Display the main page of the app with instructions on how to use it
def main():
# title
st.markdown(
'<div style=" font-family: Mali, cursive;text-align: center; font-size:3.5rem; color: rgb(69, 90, 100); margin-bottom :20px">Mental Health Status</div>',
unsafe_allow_html=True,
)
st.markdown(
'<div style=" font-family: Mali, cursive; font-size:20px; color:black;">Mental health includes our emotional, psychological, and social well-being. It affects how we think, feel, and act. It also helps determine how we handle stress, relate to others, and make choices. Mental health is important at every stage of life, from childhood and adolescence through adulthood.</div>',
unsafe_allow_html=True,
)
st.markdown("""""")
st.markdown(
'<div style=" font-family: Mali, cursive; font-size:20px; color:black;">Over the course of your life, if you experience mental health problems, your thinking, mood, and behavior could be affected. Many factors contribute to mental health problems, we aim to find those factors.</div>',
unsafe_allow_html=True,
)
st.markdown("""""")
st.markdown("""""")
st.markdown("""""")
cols = st.columns([1, 1])
with st.container():
with cols[0]:
st.markdown(
'<div style=" font-family: Mali, cursive; font-size:30px; color:black;">How to use this app:</div>',
unsafe_allow_html=True,
)
st.markdown("""""")
st.markdown("""""")
st.markdown(
'<div style=" font-family: Mali, cursive; font-size:25px; color:black;">👉 To know your Psychopathology condition!</div>',
unsafe_allow_html=True,
)
st.markdown("""""")
st.markdown("""""")
st.markdown("""""")
st.markdown(
'<div style=" font-family: Mali, cursive; color:black; font-size:18px;">1. Select the Psychopathology Test from the sidebar.</div>',
unsafe_allow_html=True,
)
st.markdown("""""")
st.markdown(
'<div style=" font-family: Mali, cursive; font-size:18px; color:black;">2. Fill and choose all asked question after reading .</div>',
unsafe_allow_html=True,
)
st.markdown("""""")
st.markdown(
'<div style=" font-family: Mali, cursive; font-size:18px; color:black;">3. Attempt all questions of five section and then click on predict button.</div>',
unsafe_allow_html=True,
)
st.markdown("""""")
with cols[1]:
st.image(
"Schizophrenia-pana.png",
width=550,
)
if __name__ == "__main__":
main()
|