Spaces:
Sleeping
Sleeping
Maryam Ilka commited on
Update app.py
Browse files
app.py
CHANGED
|
@@ -105,20 +105,32 @@ st.markdown("""
|
|
| 105 |
margin: 10px 0;
|
| 106 |
padding-right: 15px;
|
| 107 |
border-right: 3px solid #6a0dad;
|
|
|
|
| 108 |
|
| 109 |
-
.
|
| 110 |
background-color: #6a0dad !important;
|
| 111 |
-
color:
|
| 112 |
border: none !important;
|
| 113 |
-
padding:
|
| 114 |
-
border-radius:
|
| 115 |
font-weight: bold !important;
|
|
|
|
| 116 |
cursor: pointer;
|
| 117 |
-
transition:
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 118 |
}
|
| 119 |
-
.
|
| 120 |
-
|
|
|
|
|
|
|
| 121 |
}
|
|
|
|
|
|
|
|
|
|
| 122 |
}
|
| 123 |
</style>
|
| 124 |
""", unsafe_allow_html=True)
|
|
@@ -309,8 +321,9 @@ def scenario_explanation():
|
|
| 309 |
if st.session_state.scenario_type == "control":
|
| 310 |
st.markdown("""
|
| 311 |
<div style="background-color: #f8f9fa; padding: 15px; border-radius: 10px;">
|
| 312 |
-
<p>
|
| 313 |
-
<p>
|
|
|
|
| 314 |
</div>
|
| 315 |
""", unsafe_allow_html=True)
|
| 316 |
else:
|
|
@@ -356,8 +369,8 @@ def map_view():
|
|
| 356 |
|
| 357 |
|
| 358 |
st.markdown("""
|
| 359 |
-
<div style="text-align: center;">
|
| 360 |
-
<button class="
|
| 361 |
</div>
|
| 362 |
""", unsafe_allow_html=True)
|
| 363 |
|
|
|
|
| 105 |
margin: 10px 0;
|
| 106 |
padding-right: 15px;
|
| 107 |
border-right: 3px solid #6a0dad;
|
| 108 |
+
}
|
| 109 |
|
| 110 |
+
.rahyar-button {
|
| 111 |
background-color: #6a0dad !important;
|
| 112 |
+
color: white !important;
|
| 113 |
border: none !important;
|
| 114 |
+
padding: 14px 28px !important;
|
| 115 |
+
border-radius: 12px !important;
|
| 116 |
font-weight: bold !important;
|
| 117 |
+
font-size: 16px !important;
|
| 118 |
cursor: pointer;
|
| 119 |
+
transition: all 0.3s ease;
|
| 120 |
+
display: block;
|
| 121 |
+
margin: 0 auto;
|
| 122 |
+
width: 80%;
|
| 123 |
+
max-width: 300px;
|
| 124 |
+
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
|
| 125 |
}
|
| 126 |
+
.rahyar-button:hover {
|
| 127 |
+
background-color: #7b1fa2 !important;
|
| 128 |
+
transform: translateY(-2px);
|
| 129 |
+
box-shadow: 0 6px 12px rgba(0,0,0,0.15);
|
| 130 |
}
|
| 131 |
+
.rahyar-button:active {
|
| 132 |
+
transform: scale(0.98) translateY(0);
|
| 133 |
+
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
|
| 134 |
}
|
| 135 |
</style>
|
| 136 |
""", unsafe_allow_html=True)
|
|
|
|
| 321 |
if st.session_state.scenario_type == "control":
|
| 322 |
st.markdown("""
|
| 323 |
<div style="background-color: #f8f9fa; padding: 15px; border-radius: 10px;">
|
| 324 |
+
<p>فرض کنید یک اپلیکیشن حملونقل آنلاین ایرانی به اسم رهیار طراحی شده، چیزی شبیه اسنپ یا تپسی، اما جدیدتر و با شعار "همراه سفرهای شما، راهی مطمئن، راهی روشن، رهیار"</p>
|
| 325 |
+
<p>در یک روز عادی، شما قصد دارید برای سفری از طریق این پلتفرم اقدام کنید..</p>
|
| 326 |
+
<p>با کلیک بر دکمه ادامه، اطلاعات سفر را مشاهده کنید.</p>
|
| 327 |
</div>
|
| 328 |
""", unsafe_allow_html=True)
|
| 329 |
else:
|
|
|
|
| 369 |
|
| 370 |
|
| 371 |
st.markdown("""
|
| 372 |
+
<div style="text-align: center; margin: 30px 0;">
|
| 373 |
+
<button class="rahyar-button">درخواست راهیار</button>
|
| 374 |
</div>
|
| 375 |
""", unsafe_allow_html=True)
|
| 376 |
|