<content>
  <header>
    <nav>
      <b><a id="logo-link" href="/demos/xoracademy" use:link><Icon name="edit-3" color="var(--color-text)" /> Xor.Academy</a></b>
      <input placeholder="Search">
      <ul>
        <li><a href="/demos/login" use:link><button>Log In</button></a></li>
        <li><a>Sign Up</a></li>
      </ul>
    </nav>
  </header>

  <profile>
    <figure>
      <img alt="Module Thumb" src="https://via.placeholder.com/256x256?text=Module+Thumb">
    </figure>

    <info>
      <p>
        <button>Follow</button>
      </p>

      <p>
        <b>10</b> videos <b>4,695 followers</b>
      </p>

      <h3>Drawing Level 1</h3>
      <p>The first module you should take.  It covers the basics of drawing and how to get started
        making drawing a habit.
      </p>
    </info>
  </profile>

  <related>
  {#each related as pin}
    <figure>
      <img alt="Stock photo" src="https://via.placeholder.com/82x82?text=Related">
    </figure> 
  {/each}
  </related>

  <posts>
  {#each posts as post}
    <figure>
      <a href="/demos/xoracademy/watch" use:link>
        <img alt="Placeholder" src="https://via.placeholder.com/300x300?text=Video Thumb">
      </a>
    </figure> 
  {/each}
  </posts>
</content>