Create header.html

header.html

@@ -0,0 +1,47 @@
+<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>