edpibu/web2.0
1
Fork 0
Code Issues Activity

Improve accessibility : abbreviations and links

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/index.html
View file

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

6
src/static/css/main.css
View file

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