Add back buttons

app.py

@@ -9,13 +9,12 @@ from transformers import CLIPModel, CLIPProcessor
 
 pn.extension(design="bootstrap", sizing_mode="stretch_width")
 
-EXTERNAL_LINKS = {
-    "Source Code": "https://huggingface.co/spaces/Panel-Org/panel-template/blob/main/app.py",
-    "GitHub": "https://github.com/holoviz/panel",
-    "Twitter": "https://twitter.com/Panel_Org",
-    "LinkedIn": "https://www.linkedin.com/company/panel-org",
-    "Discourse": "https://discourse.holoviz.org/",
-    "Discord": "https://discord.gg/AXRHnJU6sP",
+ICON_URLS = {
+    "brand-github": "https://github.com/holoviz/panel",
+    "brand-twitter": "https://twitter.com/Panel_Org",
+    "brand-linkedin": "https://www.linkedin.com/company/panel-org",
+    "message-circle": "https://discourse.holoviz.org/",
+    "brand-discord": "https://discord.gg/AXRHnJU6sP",
 }
 
 
@@ -119,16 +118,18 @@ interactive_result = pn.panel(
 )
 
 # add footer
-footer = pn.pane.Markdown(
-    " | ".join(f"[{name}]({link})" for name, link in EXTERNAL_LINKS.items()),
-    justify="center",
-)
+footer_row = pn.Row(pn.Spacer(), align="center")
+for icon, url in ICON_URLS.items():
+    href_button = pn.widgets.Button(icon=icon, width=35, height=35)
+    href_button.js_on_click(code=f"window.open('{url}')")
+    footer_row.append(href_button)
+footer_row.append(pn.Spacer())
 
 # create dashboard
 main = pn.WidgetBox(
     input_widgets,
     interactive_result,
-    footer,
+    footer_row,
 )
 
 title = "Panel Demo - Image Classification"