<div id="home-social-links">
- <h3 class="text-only">my socials</h3>
- <ul>
- {{ range site.Data.socials.sites }}
+ <h3 class="screen-reader-text social-links-title">my socials</h3>
+ <ul class="social-links-list">
+ {{ range site.Data.socials.sites | shuffle }}
<li>
- <a href="{{ .url }}/{{ .user }}">{{ .name }}</a>
+ <a href="{{ .url }}/{{ .user }}"><i class="fa-brands fa-square-{{ .name }}"></i><span class="screen-reader-text">{{ .name }}</span></a>
</li>
{{ end }}
</ul>