Spaces:
Running
Running
Update links
Browse files- src/streamlit_app.py +44 -4
src/streamlit_app.py
CHANGED
|
@@ -99,6 +99,43 @@ def main():
|
|
| 99 |
overflow-y: auto;
|
| 100 |
border: 1px solid #ddd;
|
| 101 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 102 |
</style>
|
| 103 |
""", unsafe_allow_html=True)
|
| 104 |
|
|
@@ -107,10 +144,13 @@ def main():
|
|
| 107 |
|
| 108 |
# Subtitle with demo and guide links
|
| 109 |
st.markdown("""
|
| 110 |
-
<div
|
| 111 |
-
<
|
| 112 |
-
|
| 113 |
-
|
|
|
|
|
|
|
|
|
|
| 114 |
</div>
|
| 115 |
""", unsafe_allow_html=True)
|
| 116 |
|
|
|
|
| 99 |
overflow-y: auto;
|
| 100 |
border: 1px solid #ddd;
|
| 101 |
}
|
| 102 |
+
.header-buttons {
|
| 103 |
+
display: flex;
|
| 104 |
+
justify-content: center;
|
| 105 |
+
gap: 15px;
|
| 106 |
+
margin: 1.5rem 0;
|
| 107 |
+
flex-wrap: wrap;
|
| 108 |
+
}
|
| 109 |
+
.header-btn {
|
| 110 |
+
display: inline-block;
|
| 111 |
+
padding: 12px 24px;
|
| 112 |
+
background: linear-gradient(135deg, #17a2b8 0%, #138496 100%);
|
| 113 |
+
color: white;
|
| 114 |
+
text-decoration: none;
|
| 115 |
+
border-radius: 25px;
|
| 116 |
+
font-weight: 600;
|
| 117 |
+
font-size: 0.95rem;
|
| 118 |
+
transition: all 0.3s ease;
|
| 119 |
+
box-shadow: 0 4px 15px rgba(23, 162, 184, 0.3);
|
| 120 |
+
border: none;
|
| 121 |
+
cursor: pointer;
|
| 122 |
+
}
|
| 123 |
+
.header-btn:hover {
|
| 124 |
+
transform: translateY(-2px);
|
| 125 |
+
box-shadow: 0 6px 20px rgba(23, 162, 184, 0.4);
|
| 126 |
+
color: white;
|
| 127 |
+
text-decoration: none;
|
| 128 |
+
}
|
| 129 |
+
.header-btn.secondary {
|
| 130 |
+
background: linear-gradient(135deg, #fd7e14 0%, #e55b13 100%);
|
| 131 |
+
box-shadow: 0 4px 15px rgba(253, 126, 20, 0.3);
|
| 132 |
+
}
|
| 133 |
+
.header-btn.secondary:hover {
|
| 134 |
+
box-shadow: 0 6px 20px rgba(253, 126, 20, 0.4);
|
| 135 |
+
}
|
| 136 |
+
.header-btn .emoji {
|
| 137 |
+
margin-right: 8px;
|
| 138 |
+
}
|
| 139 |
</style>
|
| 140 |
""", unsafe_allow_html=True)
|
| 141 |
|
|
|
|
| 144 |
|
| 145 |
# Subtitle with demo and guide links
|
| 146 |
st.markdown("""
|
| 147 |
+
<div class="header-buttons">
|
| 148 |
+
<a href="https://app.atla-ai.com/app/atla-demo-802mg?startDate=2025-07-25&endDate=2025-07-31" target="_blank" class="header-btn">
|
| 149 |
+
<span class="emoji">🔍</span>View your traces on Atla
|
| 150 |
+
</a>
|
| 151 |
+
<a href="https://docs.agno.com/introduction" target="_blank" class="header-btn secondary">
|
| 152 |
+
<span class="emoji">🛠️</span>Built with Agno
|
| 153 |
+
</a>
|
| 154 |
</div>
|
| 155 |
""", unsafe_allow_html=True)
|
| 156 |
|