<header>
  <nav>
    <left>
      <logo><Icon name="pinterest" color="var(--color)" /> Pinterest</logo>
      <a>Today</a>
      <a>Explore</a>
    </left>

    <input placeholder="Search">

    <ul>
      <li><button>Log In</button></li>
      <li><button id="signup">Sign Up</button></li>
    </ul>
  </nav>
</header>

{#if !thumbnail}
  <profile>
    <info>
      <h1>Vincent van Gogh</h1>
      <p>Collection by A Person</p>
      <p><b>420</b> Pins • <b>3.59k</b> Followers</p>
      <p>"I dream my painting and I paint my dream." ~ Vincent van Gogh
    </info>

    <figure>
      <img alt="Zed's Face" src="https://via.placeholder.com/128x128?text=Zed's Face">
    </figure>
  </profile>

  <pins>
  {#each lanes as lane}
    <lane>
      {#each random_sample(pin_sizes, 10) as height}
        <figure>
          <img alt="Zed's Face" src="https://via.placeholder.com/240x{height}?text=Art240x{height}">
          <figcaption>Something about Van Gogh {height} high.</figcaption>
        </figure>
      {/each}
    </lane>
  {/each}
  </pins>
{/if}