Rename header.html to header.md

header.html

@@ -1,47 +0,0 @@
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.3/css/bulma.min.css">
-<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css">
-
-<div style="
-      display: flex;
-      flex-direction: column;
-      justify-content: center;
-      align-items: center;
-      text-align: center;
-      border-radius: 8px;
-    ">
-  <div style="display: flex; flex-direction: column; align-items: center; gap: 16px;">
-    <div style="display: flex; flex-direction: column; gap: 8px;">
-      <h1 style="
-        font-size: 20px;
-        margin: 0;
-        font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande',
-          'Lucida Sans', Arial, sans-serif;
-      ">
-        If the space is too busy and slow head over to the Prodia Explorer
-      </h1>
-    </div>
-  </div>
-
-  <div class="column has-text-centered">
-    <div class="publication-links">
-      <span class="link-block">
-        <a href="https://blackforestlabs.ai/announcing-black-forest-labs/?utm_source=prodia"
-           class="external-link button is-normal is-rounded is-custom-button">
-          <span>Black Forest Labs</span>
-        </a>
-      </span>
-      <span class="link-block">
-        <a href="https://prodia.com/?utm_source=huggingface"
-           class="external-link button is-normal is-rounded is-custom-button">
-          <span>Prodia</span>
-        </a>
-      </span>
-      <span class="link-block">
-        <a href="https://app.prodia.com/explorer?utm_source=huggingface"
-           class="external-link button is-normal is-rounded is-custom-button">
-          <span>Prodia Explorer</span>
-        </a>
-      </span>
-    </div>
-  </div>
-</div>

header.md

@@ -0,0 +1,13 @@
+<div style="display: flex; justify-content: center; align-items: center; text-align: center;">
+  <div>
+    <h1>If the space is too busy and slow head over to the Prodia Explorer</h1>
+    <br>
+    <div style="display: flex; justify-content: center; align-items: center; text-align: center;">
+      <a href="https://blackforestlabs.ai/announcing-black-forest-labs/?utm_source=prodia"><img src="https://img.shields.io/badge/Model_Page-Black_Forest_Labs-blue"></a>
+      &nbsp;
+      <a href="https://prodia.com/?utm_source=huggingface"><img src="https://img.shields.io/badge/Home_Page-Prodia-green"></a>
+      &nbsp;
+      <a href="https://app.prodia.com/explorer?utm_source=huggingface"><img src="https://img.shields.io/badge/Prodia-Explorer-yellow"></a>
+    </div>
+  </div>
+</div>