Improve accessibility : abbreviations and links

This commit is contained in:
Edgar P. Burkhart 2023-03-19 12:08:48 +01:00
parent 1c92e49dde
commit 6a3e1e5e78
Signed by: edpibu
GPG key ID: 9833D3C5A25BD227
2 changed files with 8 additions and 10 deletions

View file

@ -47,24 +47,24 @@
<h2>Contact</h2>
<div class="block link-block">
<a href="mailto:contact@edgarpierre.fr">
<span class="desc">Email</span>
<span class="i ri-mail-send-fill"></span>
<span class="desc">Email <em>contact@edgarpierre.fr</em></span>
</a>
</div>
<h2>Liens</h2>
<div class="block link-block">
<a href="https://git.edgarpierre.fr/edpibu">
<span class="desc">Git</span>
<span class="i ri-git-repository-fill"></span>
<span class="desc">Git <em>git.edgarpierre.fr/edpibu</em></span>
</a>
<a href="https://www.komoot.fr/user/383887346799">
<span class="desc">Komoot</span>
<span class="i ri-map-2-fill"></span>
<span class="desc">Komoot <em>edpibu</em></span>
</a>
<a href="https://m.edgarpierre.fr">
<span class="desc">Mastodon</span>
<span class="i ri-mastodon-fill"></span>
<span class="desc">Mastodon <em>m.edgarpierre.fr</em></span>
</a>
</div>
</div>
@ -192,10 +192,10 @@
<dt>Bureautique</dt>
<dd>LaTeX, LibreOffice, Microsoft Office</dd>
<dt>CAO</dt>
<dt><abbr title="Conception assistée par ordinateur">CAO</abbr></dt>
<dd>SolidWorks, Autocad, OpenScad</dd>
<dt>BIM</dt>
<dt><abbr title="Building information modeling">BIM</abbr></dt>
<dd>Revit</dd>
<dt>Réalité Virtuelle</dt>

View file

@ -170,10 +170,9 @@ dd {
.link-block > a {
background: var(--bg-01);
padding: var(--gap);
height: 6rem;
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 1fr auto;
grid-template-columns: 1fr min-content;
align-items: end;
}
}
.link-block > a:hover {
@ -190,7 +189,6 @@ dd {
text-align: right;
}
.link-block > a > span.desc {
grid-row: 2;
overflow: hidden;
text-overflow: ellipsis;
}