badges

app.py

@@ -181,6 +181,9 @@ with gr.Blocks(
             text-align: center;
             display: block;
         }
+        a {
+            display: inline-block;
+        }
         .md_feedback li {
             margin-bottom: 0px !important;
         }
@@ -195,25 +198,23 @@ with gr.Blocks(
         </script>
     """,
 ) as demo:
+    # <img src="https://img.shields.io/badge/🤗%20Create%20Your%20-Depth%20from%20Image-blue" alt="Get Depth">
+    # <img src="https://img.shields.io/badge/%F0%9F%A4%8D%20Project%20-Website-af2928" alt="Website Badge">
+    # <img src="https://www.obukhov.ai/img/badges/badge-social.svg" alt="social">
+    #     [![Get Depth](https://img.shields.io/badge/🤗%20Create%20Your%20-Depth%20from%20Image-blue)](https://huggingface.co/spaces/prs-eth/marigold)
+    #     [![Website](https://img.shields.io/badge/%F0%9F%A4%8D%20Project%20-Website-af2928)](https://marigoldmonodepth.github.io/)
+    #     [![Social](https://www.obukhov.ai/img/badges/badge-social.svg)](https://x.com/antonobukhov1)
     gr.Markdown(
         """
         # Depth To 3D Print
-        <p align="center">
-        <a title="Get Depth" href="https://huggingface.co/spaces/prs-eth/marigold" target="_blank" rel="noopener noreferrer" style="display: inline-block;">
-            <img src="https://img.shields.io/badge/🤗%20Create%20Your%20-Depth%20from%20Image-blue" alt="Get Depth">
-        </a>
-        <a title="Website" href="https://marigoldmonodepth.github.io/" target="_blank" rel="noopener noreferrer" 
-                style="display: inline-block;">
-            <img src="https://img.shields.io/badge/%F0%9F%A4%8D%20Project%20-Website-af2928" alt="Website Badge">
-        </a>
-        <a title="Social" href="https://twitter.com/antonobukhov1" target="_blank" rel="noopener noreferrer" 
-                style="display: inline-block;">
-            <img src="https://www.obukhov.ai/img/badges/badge-social.svg" alt="social">
-        </a><br>
-            Start exploring the interactive bas-relief examples at the bottom of the page! 
-            The models are watertight and exported in a variety of formats, which makes them 3D-printable.
-        </p>
-    """
+        <center>
+        [![Get Depth](https://img.shields.io/badge/🤗%20Create%20Your%20-Depth%20from%20Image-blue)](https://huggingface.co/spaces/prs-eth/marigold)
+        [![Website](https://img.shields.io/badge/%F0%9F%A4%8D%20Project%20-Website-af2928)](https://marigoldmonodepth.github.io/)
+        [![Social](https://www.obukhov.ai/img/badges/badge-social.svg)](https://x.com/antonobukhov1)<br>
+        Start exploring the interactive bas-relief examples at the bottom of the page! 
+        The models are watertight and exported in a variety of formats, which makes them 3D-printable.
+        </center>
+        """
     )
     with gr.Row():
         with gr.Column():