mirror of
https://github.com/Misterio77/Foundry.git
synced 2026-08-29 02:24:16 -05:00
Gabriel Fontes
befc707188
Match DOM order to the wide layout, rely on grid auto-placement when collapsing, and retain the address separator on narrow screens. Assisted-by: pi (openai-codex/gpt-5.6-sol)
48 lines
4.0 KiB
Plaintext
48 lines
4.0 KiB
Plaintext
<p class="copyleft">Copyleft <a href="/">Gabriel Fontes</a> (<a href="https://github.com/Misterio77/Foundry/tree/main/projects/website">source code</a>)</p>
|
|
|
|
<nav aria-label="Social links">
|
|
<ul class="inline-list">
|
|
<li><a href="https://github.com/misterio77" class="github">github</a></li>
|
|
<li><a rel="me" href="https://fosstodon.org/@misterio" class="mastodon">mastodon</a></li>
|
|
<li><a href="https://linkedin.com/in/misterio7" class="linkedin">linkedin</a></li>
|
|
<li><a href="https://orcid.org/0009-0002-3194-9828" class="orcid">orcid</a></li>
|
|
<li><a href="/feed.xml" class="feed">feed</a></li>
|
|
</ul>
|
|
</nav>
|
|
|
|
<address>
|
|
<div>
|
|
<ul class="inline-list">
|
|
<li><a href="mailto:hi@m7.rs">hi@m7.rs</a></li>
|
|
<li><a href="mailto:gabriel@gsfontes.com">gabriel@gsfontes.com</a></li>
|
|
<li><a href="mailto:eu@misterio.me">eu@misterio.me</a></li>
|
|
</ul>
|
|
</div>
|
|
<span class="pgp">
|
|
<a href="/pgp.asc">
|
|
<span>7088 C742 1873 E0DB 97FF 17C2</span> 245C AB70 B4C2 25E9
|
|
</a>
|
|
</span>
|
|
</address>
|
|
|
|
<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>
|