Spaces:
Sleeping
Sleeping
Update app.py
Browse files
app.py
CHANGED
|
@@ -1,25 +1,27 @@
|
|
| 1 |
-
import streamlit as st
|
| 2 |
|
|
|
|
| 3 |
st.markdown("""
|
| 4 |
<style>
|
| 5 |
.prescripto-container {
|
| 6 |
margin-top: 40px;
|
| 7 |
padding: 30px;
|
| 8 |
-
background: #
|
| 9 |
border-radius: 16px;
|
| 10 |
box-shadow: 0 8px 24px rgba(0,0,0,0.05);
|
|
|
|
| 11 |
}
|
| 12 |
|
| 13 |
.prescripto-title {
|
| 14 |
-
font-size:
|
| 15 |
color: #2c3e50;
|
| 16 |
-
font-weight:
|
| 17 |
-
margin-bottom:
|
| 18 |
}
|
| 19 |
|
| 20 |
.prescripto-subtitle {
|
| 21 |
-
font-size:
|
| 22 |
-
color: #
|
| 23 |
margin-bottom: 20px;
|
| 24 |
}
|
| 25 |
|
|
@@ -33,18 +35,21 @@ st.markdown("""
|
|
| 33 |
}
|
| 34 |
|
| 35 |
.prescripto-features ul, .prescripto-ideal ul {
|
| 36 |
-
list-style
|
| 37 |
padding-left: 0;
|
|
|
|
| 38 |
}
|
| 39 |
|
| 40 |
.prescripto-features li::before {
|
| 41 |
content: "β
";
|
| 42 |
-
color: #
|
|
|
|
| 43 |
}
|
| 44 |
|
| 45 |
.prescripto-ideal li::before {
|
| 46 |
content: "π‘ ";
|
| 47 |
color: #f39c12;
|
|
|
|
| 48 |
}
|
| 49 |
|
| 50 |
.prescripto-built-note {
|
|
@@ -54,30 +59,10 @@ st.markdown("""
|
|
| 54 |
margin-top: 25px;
|
| 55 |
font-size: 15px;
|
| 56 |
}
|
| 57 |
-
|
| 58 |
-
.creator-section {
|
| 59 |
-
margin-top: 50px;
|
| 60 |
-
text-align: center;
|
| 61 |
-
padding: 20px;
|
| 62 |
-
border-top: 1px solid #eee;
|
| 63 |
-
}
|
| 64 |
-
|
| 65 |
-
.creator-section h4 {
|
| 66 |
-
font-size: 20px;
|
| 67 |
-
color: #36D1DC;
|
| 68 |
-
}
|
| 69 |
-
|
| 70 |
-
.creator-section p {
|
| 71 |
-
font-size: 16px;
|
| 72 |
-
color: #555;
|
| 73 |
-
}
|
| 74 |
-
|
| 75 |
-
.creator-section a {
|
| 76 |
-
margin: 0 10px;
|
| 77 |
-
}
|
| 78 |
</style>
|
| 79 |
""", unsafe_allow_html=True)
|
| 80 |
|
|
|
|
| 81 |
st.markdown("""
|
| 82 |
<div class="prescripto-container">
|
| 83 |
|
|
@@ -108,21 +93,4 @@ st.markdown("""
|
|
| 108 |
</div>
|
| 109 |
|
| 110 |
</div>
|
| 111 |
-
|
| 112 |
-
<div class="creator-section">
|
| 113 |
-
<h4>π©βπ» Meet the Creator</h4>
|
| 114 |
-
<p>
|
| 115 |
-
<strong>Harika Padyala</strong><br>
|
| 116 |
-
Passionate AI Innovator & Data Explorer.<br>
|
| 117 |
-
Making healthcare easier, one AI tool at a time!
|
| 118 |
-
</p>
|
| 119 |
-
<div>
|
| 120 |
-
<a href="https://github.com/Harika22-08?tab=repositories" target="_blank">
|
| 121 |
-
<img src="https://img.shields.io/badge/GitHub-000000?style=for-the-badge&logo=github&logoColor=white">
|
| 122 |
-
</a>
|
| 123 |
-
<a href="https://www.linkedin.com/in/harika-padyala-67a882305/" target="_blank">
|
| 124 |
-
<img src="https://img.shields.io/badge/LinkedIn-0A66C2?style=for-the-badge&logo=linkedin&logoColor=white">
|
| 125 |
-
</a>
|
| 126 |
-
</div>
|
| 127 |
-
</div>
|
| 128 |
""", unsafe_allow_html=True)
|
|
|
|
| 1 |
+
import streamlit as st
|
| 2 |
|
| 3 |
+
# Inject custom CSS styles for the div classes
|
| 4 |
st.markdown("""
|
| 5 |
<style>
|
| 6 |
.prescripto-container {
|
| 7 |
margin-top: 40px;
|
| 8 |
padding: 30px;
|
| 9 |
+
background: #fefefe;
|
| 10 |
border-radius: 16px;
|
| 11 |
box-shadow: 0 8px 24px rgba(0,0,0,0.05);
|
| 12 |
+
font-family: 'Segoe UI', sans-serif;
|
| 13 |
}
|
| 14 |
|
| 15 |
.prescripto-title {
|
| 16 |
+
font-size: 30px;
|
| 17 |
color: #2c3e50;
|
| 18 |
+
font-weight: bold;
|
| 19 |
+
margin-bottom: 10px;
|
| 20 |
}
|
| 21 |
|
| 22 |
.prescripto-subtitle {
|
| 23 |
+
font-size: 18px;
|
| 24 |
+
color: #555;
|
| 25 |
margin-bottom: 20px;
|
| 26 |
}
|
| 27 |
|
|
|
|
| 35 |
}
|
| 36 |
|
| 37 |
.prescripto-features ul, .prescripto-ideal ul {
|
| 38 |
+
list-style: none;
|
| 39 |
padding-left: 0;
|
| 40 |
+
margin-top: 10px;
|
| 41 |
}
|
| 42 |
|
| 43 |
.prescripto-features li::before {
|
| 44 |
content: "β
";
|
| 45 |
+
color: #27ae60;
|
| 46 |
+
font-weight: bold;
|
| 47 |
}
|
| 48 |
|
| 49 |
.prescripto-ideal li::before {
|
| 50 |
content: "π‘ ";
|
| 51 |
color: #f39c12;
|
| 52 |
+
font-weight: bold;
|
| 53 |
}
|
| 54 |
|
| 55 |
.prescripto-built-note {
|
|
|
|
| 59 |
margin-top: 25px;
|
| 60 |
font-size: 15px;
|
| 61 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 62 |
</style>
|
| 63 |
""", unsafe_allow_html=True)
|
| 64 |
|
| 65 |
+
# Now render the HTML using your div classes (inside container)
|
| 66 |
st.markdown("""
|
| 67 |
<div class="prescripto-container">
|
| 68 |
|
|
|
|
| 93 |
</div>
|
| 94 |
|
| 95 |
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 96 |
""", unsafe_allow_html=True)
|