Update streamlit_app.py

streamlit_app.py

@@ -2,11 +2,12 @@
 import streamlit as st
 import os
 import sys
+
 from pathlib import Path
 
 st.set_page_config(
-        page_title="F1 Video Analysis Platform",
-        page_icon="🏎️",
+        page_title="F1 Steering Angle Model",
+        page_icon="https://img.icons8.com/external-soft-fill-juicy-fish/60/external-formula-vehicle-mechanics-soft-fill-soft-fill-juicy-fish.png",
         initial_sidebar_state="expanded",
         layout="wide"
     )
@@ -104,6 +105,33 @@ with st.sidebar:
     st.markdown("<p style='text-align: left; color: gray; font-size: 12px;'>Any feedback is welcome.</p>", unsafe_allow_html=True)
     st.markdown("", unsafe_allow_html=True)
 
+    st.markdown("<h3 style='text-align: center; color: #fff;'>Available links</h3>", unsafe_allow_html=True)
+    # Nueva versión más compacta de los iconos
+    a_html = """
+    <div class="contact-icons">
+        <a href='https://daniel-saed-f1-steering-angle-model.hf.space' target="_blank" class="contact-icon" title="hugginface">
+            <img src="https://registry.npmmirror.com/@lobehub/icons-static-png/latest/files/dark/huggingface-color.png" alt="hugginface">
+        </a>
+        <a href="https://f1-steering-angle-model.streamlit.app/" target="_blank" class="contact-icon" title="Streamlit">
+            <img src="https://seeklogo.com/images/S/streamlit-logo-1A3B208AE4-seeklogo.com.png" alt="Streamlit">
+        </a>
+    </div>
+    
+    """
+    st.markdown(a_html, unsafe_allow_html=True)
+    
+    st.write("")
+    st.write("")
+
+    st.markdown("<h3 style='text-align: center; color: #fff;'>Get Desktop App</h3>", unsafe_allow_html=True)
+    col1,col2, col3 = st.columns([1,6,1])
+    with col2:
+
+        st.markdown("<p style='text-align: center; color: gray; font-size: 10px;'>Click Assets then download .exe</p>", unsafe_allow_html=True)
+        st.link_button("Download", "https://github.com/danielsaed/F1-steering-angle-model/releases",type="secondary",use_container_width=True)
+
+    st.markdown("", unsafe_allow_html=True)
+
     st.markdown("<h3 style='text-align: center; color: #fff;'>Contact</h3>", unsafe_allow_html=True)
     # Nueva versión más compacta de los iconos
     contact_html = """
@@ -122,17 +150,6 @@ with st.sidebar:
     st.write("")
     st.write("")
     st.markdown("<p style='text-align: center; color: gray; font-size: 10px;'>For research/educational purposes only</p>", unsafe_allow_html=True)
-    
-    st.write("")
-    st.write("")
-    st.write("")
-
-    st.markdown("<h3 style='text-align: center; color: #fff;'>Get Desktop App</h3>", unsafe_allow_html=True)
-    col1,col2, col3 = st.columns([1,6,1])
-    with col2:
-
-        st.markdown("<p style='text-align: center; color: gray; font-size: 10px;'>Click Assets then download .exe</p>", unsafe_allow_html=True)
-        st.link_button("Download", "https://github.com/danielsaed/F1-steering-angle-model/releases",type="secondary",use_container_width=True)
 
 
 pages = st.navigation({