<address>
  Emails:
  <a href="mailto:hi@m7.rs">hi@m7.rs</a>;
  <a href="mailto:gabriel@gsfontes.com">gabriel@gsfontes.com</a>;
  <a href="mailto:eu@misterio.me">eu@misterio.me</a>
  <br />
  <span class="pgp">PGP:
    <a href="/pgp.asc">
      <span>7088 C742 1873 E0DB 97FF 17C2</span> 245C AB70 B4C2 25E9
    </a>
  </span>
</address>

<nav aria-label="Social links">
  Social:
  <a href="https://github.com/misterio77" class="github">github</a>;
  <a rel="me" href="https://fosstodon.org/@misterio" class="mastodon">mastodon</a>;
  <a href="https://linkedin.com/in/misterio7" class="linkedin">linkedin</a>;
  <a href="https://orcid.org/0009-0002-3194-9828" class="orcid">orcid</a>;
  <a href="/feed.xml" class="feed">feed</a>;
</nav>

<p class="copyleft">Copyleft <a href="/">Gabriel Fontes</a> (<a href="https://github.com/Misterio77/Foundry/tree/main/projects/website">source code</a>)</p>

<section class="theme-constellation" aria-label="Choose a color scheme" hidden>
  <div class="stars">
    <svg viewBox="0 0 100 60" preserveAspectRatio="none" aria-hidden="true">
      <path d="M19 44 L18 35 L45 36 L58 50 M45 36 L66 20 L73 10 L82 37 L58 50 M84 27 L82 37 M66 20 L65 6" />
    </svg>

    <button type="button" data-scheme="atlas" data-label="Atlas" style="--x: 19%; --y: 73%; --star-dark: {{ site.data.colorscheme.atlas.colors.dark.primary }}; --star-light: {{ site.data.colorscheme.atlas.colors.light.primary }}" aria-label="Use Atlas theme" aria-pressed="false"><span></span></button>
    <button type="button" data-scheme="pleione" data-label="Pleione" style="--x: 18%; --y: 58%; --star-dark: {{ site.data.colorscheme.pleione.colors.dark.primary }}; --star-light: {{ site.data.colorscheme.pleione.colors.light.primary }}" aria-label="Use Pleione theme" aria-pressed="false"><span></span></button>
    <button type="button" data-scheme="alcyone" data-label="Alcyone" style="--x: 45%; --y: 60%; --star-dark: {{ site.data.colorscheme.alcyone.colors.dark.primary }}; --star-light: {{ site.data.colorscheme.alcyone.colors.light.primary }}" aria-label="Use Alcyone theme" aria-pressed="false"><span></span></button>
    <button type="button" data-scheme="merope" data-label="Merope" style="--x: 58%; --y: 83%; --star-dark: {{ site.data.colorscheme.merope.colors.dark.primary }}; --star-light: {{ site.data.colorscheme.merope.colors.light.primary }}" aria-label="Use Merope theme" aria-pressed="false"><span></span></button>
    <button type="button" data-scheme="maia" data-label="Maia" style="--x: 66%; --y: 33%; --star-dark: {{ site.data.colorscheme.maia.colors.dark.primary }}; --star-light: {{ site.data.colorscheme.maia.colors.light.primary }}" aria-label="Use Maia theme" aria-pressed="false"><span></span></button>
    <button type="button" data-scheme="celaeno" data-label="Celaeno" style="--x: 84%; --y: 45%; --star-dark: {{ site.data.colorscheme.celaeno.colors.dark.primary }}; --star-light: {{ site.data.colorscheme.celaeno.colors.light.primary }}" aria-label="Use Celaeno theme" aria-pressed="false"><span></span></button>
    <button type="button" data-scheme="taygeta" data-label="Taygeta" style="--x: 73%; --y: 17%; --star-dark: {{ site.data.colorscheme.taygeta.colors.dark.primary }}; --star-light: {{ site.data.colorscheme.taygeta.colors.light.primary }}" aria-label="Use Taygeta theme" aria-pressed="false"><span></span></button>
    <button type="button" data-scheme="electra" data-label="Electra" style="--x: 82%; --y: 62%; --star-dark: {{ site.data.colorscheme.electra.colors.dark.primary }}; --star-light: {{ site.data.colorscheme.electra.colors.light.primary }}" aria-label="Use Electra theme" aria-pressed="false"><span></span></button>
    <span class="placeholder-star" style="--x: 65%; --y: 10%" aria-hidden="true"></span>
  </div>
  <p><small>Choose a star, change the sky</small></p>
</section>

<p class="print-site-link"><small>Also available at <a href="{{ site.url }}{{ page.url }}">my website</a>.</small></p>
