refactor(website): use semantic lists for footer links

Represent email and social links as compact inline lists without redundant visible labels.

Assisted-by: pi (openai-codex/gpt-5.6-sol)
This commit is contained in:
Gabriel Fontes
2026-08-28 11:44:36 -03:00
parent cb31a96a61
commit 656d3d3377
2 changed files with 16 additions and 12 deletions
@@ -1,10 +1,12 @@
<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:
<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>
@@ -12,12 +14,13 @@
</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>;
<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>
<p class="copyleft">Copyleft <a href="/">Gabriel Fontes</a> (<a href="https://github.com/Misterio77/Foundry/tree/main/projects/website">source code</a>)</p>
@@ -29,6 +29,7 @@ main > article > header :is(p, .inline-list) {
display: flex;
flex-wrap: wrap;
gap: 0;
margin: 0;
padding: 0;
list-style: none;