Spaces:
Build error
Build error
Update app.py
Browse files
app.py
CHANGED
|
@@ -579,65 +579,7 @@ def side():
|
|
| 579 |
st.sidebar.markdown('<hr style="border: 2px solid rgb(255, 153, 0); width: 80%; margin: 20px auto;">', unsafe_allow_html=True)
|
| 580 |
|
| 581 |
with st.sidebar.expander("**Trust Buckets® and Trust Builders®**", expanded=False):
|
| 582 |
-
|
| 583 |
-
("Bucket_STABILITY.png"),
|
| 584 |
-
("Bucket_DEVELOPMENT.png"),
|
| 585 |
-
("Bucket_RELATIONSHIP.png"),
|
| 586 |
-
("Bucket_BENEFIT.png"),
|
| 587 |
-
("Bucket_VISION.png"),
|
| 588 |
-
("Bucket_COMPETENCE.png"),
|
| 589 |
-
]
|
| 590 |
-
|
| 591 |
-
# CSS for layout and hover effect in Streamlit
|
| 592 |
-
st.markdown(
|
| 593 |
-
"""
|
| 594 |
-
<style>
|
| 595 |
-
.image-container {
|
| 596 |
-
display: flex;
|
| 597 |
-
justify-content: center;
|
| 598 |
-
gap: 20px;
|
| 599 |
-
}
|
| 600 |
-
.image-wrapper {
|
| 601 |
-
text-align: center;
|
| 602 |
-
position: relative;
|
| 603 |
-
}
|
| 604 |
-
.image-wrapper img {
|
| 605 |
-
width: 100px;
|
| 606 |
-
transition: transform 0.3s;
|
| 607 |
-
}
|
| 608 |
-
.image-wrapper img:hover {
|
| 609 |
-
transform: scale(1.1);
|
| 610 |
-
}
|
| 611 |
-
.hover-text {
|
| 612 |
-
position: absolute;
|
| 613 |
-
top: 110%;
|
| 614 |
-
left: 50%;
|
| 615 |
-
transform: translateX(-50%);
|
| 616 |
-
opacity: 0;
|
| 617 |
-
transition: opacity 0.3s;
|
| 618 |
-
font-size: 14px;
|
| 619 |
-
font-weight: bold;
|
| 620 |
-
}
|
| 621 |
-
.image-wrapper:hover .hover-text {
|
| 622 |
-
opacity: 1;
|
| 623 |
-
}
|
| 624 |
-
</style>
|
| 625 |
-
""",
|
| 626 |
-
unsafe_allow_html=True,
|
| 627 |
-
)
|
| 628 |
-
|
| 629 |
-
# Create a horizontal layout using Streamlit's columns
|
| 630 |
-
cols = st.columns(len(image_files))
|
| 631 |
-
|
| 632 |
-
# Display each image in its respective column
|
| 633 |
-
for idx, (img_path) in enumerate(image_files):
|
| 634 |
-
with cols[idx]:
|
| 635 |
-
# Open the image (assuming it's pre-resized)
|
| 636 |
-
img = Image.open(img_path)
|
| 637 |
-
|
| 638 |
-
# Display the image with caption and hover effect using use_container_width=True
|
| 639 |
-
st.image(img,use_container_width=True)
|
| 640 |
-
|
| 641 |
st.markdown(
|
| 642 |
"Our minds assess trust through Six Buckets of Trust® and determine their importance and order in a given situation. We then evaluate why we can or can’t trust someone in these Buckets. Trustifier.ai®, trained on 20 years of TrustLogic® application, helps you identify reasons why your audience can trust you in each Bucket and create trust-optimised solutions. It’s copy AI with substance."
|
| 643 |
)
|
|
|
|
| 579 |
st.sidebar.markdown('<hr style="border: 2px solid rgb(255, 153, 0); width: 80%; margin: 20px auto;">', unsafe_allow_html=True)
|
| 580 |
|
| 581 |
with st.sidebar.expander("**Trust Buckets® and Trust Builders®**", expanded=False):
|
| 582 |
+
st.image("s (1).png")
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 583 |
st.markdown(
|
| 584 |
"Our minds assess trust through Six Buckets of Trust® and determine their importance and order in a given situation. We then evaluate why we can or can’t trust someone in these Buckets. Trustifier.ai®, trained on 20 years of TrustLogic® application, helps you identify reasons why your audience can trust you in each Bucket and create trust-optimised solutions. It’s copy AI with substance."
|
| 585 |
)
|