Update app.py

app.py

@@ -20,6 +20,13 @@ text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
 color: #ffffff;
 text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
 }}
+.link-icon {{
+    display: flex;
+    align-items: center;
+}}
+.link-icon img {{
+    margin-right: 10px;
+}}
 </style>
 """
 
@@ -81,5 +88,20 @@ links = [
     {"url": "https://colab.research.google.com", "type": "Google Colab", "text": "This is a Google Colab link"}
 ]
 
+# Dictionary to hold logo URLs
+logo_urls = {
+    "GitHub": "https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png",
+    "Google Colab": "https://colab.research.google.com/img/colab_favicon_256px.png"
+}
+
+# Render links with icons
 for link in links:
-    st.markdown(f"[{link['text']}]({link['url']}) - *{link['type']}*")
+    if link["type"] in logo_urls:
+        st.markdown(f"""
+        <div class="link-icon">
+            <img src="{logo_urls[link['type']]}" alt="{link['type']} logo" width="24">
+            <a href="{link['url']}" target="_blank">{link['text']}</a> - *{link['type']}*
+        </div>
+        """, unsafe_allow_html=True)
+    else:
+        st.markdown(f"[{link['text']}]({link['url']}) - *{link['type']}*")