html/header.html

<div style="text-align: center; max-width: 650px; margin: 0 auto;">
  <div
    style="
      display: inline-flex;
      align-items: center;
      gap: 0.8rem;
      font-size: 1.75rem;
    "
  >
    <img width="64px" src="file/assets/favicon.png">
    <h1 style="font-weight: 900; margin-bottom: 7px; line-height:110%;">
      Shape-Guided Diffusion <br/> with Inside-Outside Attention
    </h1>
  </div>
  <p style="margin: 10px 0 10px 0; font-size: 16px;">
    Perform shape-guided edits on images by inputting a shape and prompt. Inference with the default settings should take about a minute and can be sped up by toggling "Advanced Settings."
  </p>
</div>