Improve accessibility : abbreviations and links
This commit is contained in:
parent
1c92e49dde
commit
6a3e1e5e78
2 changed files with 8 additions and 10 deletions
|
@ -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>
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue