<div id="main">

  <section class="socials">

    <div class="floating shadow">
      <img class="them" src="./assets/images/them.png" alt="Sor's Icon" srcset="" />
    </div>

    <br />

    <div class="links">
      {{#each social}}
      <div class="shadow" id="{{name}}">
        <a href="https://{{link}}">
          {{#each character}}
          <span>
            {{this}}
          </span>
          {{/each}}
        </a>
      </div>
      {{/each}}
    </div>

  </section>

</div>

<iframe class="shadow" width="97%" height="20" scrolling="no" frameborder="no" allow="autoplay"
  src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/723173407&color=%23a595ed&inverse=true&auto_play=false&show_user=true"></iframe>

<div class="sor">

  <div class="credits">

    <img class="logo shadow" src="./assets/images/sor_white.png" alt="Sor's Logo" />

  </div>

</div>

<div class="creator">
  <p>
    <a href="https://himbo.cat">Lio</a>
  </p>
</div>