header.html

<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>