Fix social links

This commit is contained in:
June Hardy 2021-04-26 17:14:22 +02:00
parent 320cc94e70
commit 13982e3670
2 changed files with 8 additions and 8 deletions

View File

@ -103,8 +103,8 @@ footer a {
} }
#social-links { #social-links {
display: flex display: flex;
justify-content: center justify-content: center;
} }
.social { .social {

View File

@ -36,32 +36,32 @@
<div id="social-links"> <div id="social-links">
{% if page.extra.instagram %} {% if page.extra.instagram %}
<a href="{{ page.extra.instagram }}"> <a href="{{ page.extra.instagram }}" title="Instagram" target="_blank">
<div class="social" id="instagram"></div> <div class="social" id="instagram"></div>
</a> </a>
{% endif %} {% endif %}
{% if page.extra.liberapay %} {% if page.extra.liberapay %}
<a href="{{ page.extra.liberapay }}"> <a href="{{ page.extra.liberapay }}" title="Liberapay" target="_blank">
<div class="social" id="liberapay"></div> <div class="social" id="liberapay"></div>
</a> </a>
{% endif %} {% endif %}
{% if page.extra.linkedin %} {% if page.extra.linkedin %}
<a href="{{ page.extra.linkedin }}"> <a href="{{ page.extra.linkedin }}" title="LinkedIn" target="_blank">
<div class="social" id="linkedin"></div> <div class="social" id="linkedin"></div>
</a> </a>
{% endif %} {% endif %}
{% if page.extra.mastodon %} {% if page.extra.mastodon %}
<a href="{{ page.extra.mastodon }}"> <a href="{{ page.extra.mastodon }}" title="Mastodon" target="_blank">
<div class="social" id="mastodon"></div> <div class="social" id="mastodon"></div>
</a> </a>
{% endif %} {% endif %}
{% if page.extra.pleroma %} {% if page.extra.pleroma %}
<a href="{{ page.extra.pleroma }}"> <a href="{{ page.extra.pleroma }}" title="Pleroma" target="_blank">
<div class="social" id="pleroma"></div> <div class="social" id="pleroma"></div>
</a> </a>
{% endif %} {% endif %}
{% if page.extra.twitter %} {% if page.extra.twitter %}
<a href="{{ page.extra.twitter }}"> <a href="{{ page.extra.twitter }}" title="Twitter" target="_blank">
<div class="social" id="twitter"></div> <div class="social" id="twitter"></div>
</a> </a>
{% endif %} {% endif %}