Create socials list with labels

This commit is contained in:
TheThomaas 2024-02-06 23:17:02 +01:00
parent 8c75552bea
commit d17cf1c165
2 changed files with 11 additions and 1 deletions

View file

@ -3,6 +3,6 @@
<h1 class="hero-title">{% if subpage.data.displayedTitle %}{{ subpage.data.displayedTitle }}{% else %}{{ subpage.data.title }}{% endif %}</h1> <h1 class="hero-title">{% if subpage.data.displayedTitle %}{{ subpage.data.displayedTitle }}{% else %}{{ subpage.data.title }}{% endif %}</h1>
<p>{{subpage.data.description}}</p> <p>{{subpage.data.description}}</p>
{{ subpage.templateContent }} {{ subpage.templateContent }}
{% include "partials/socials.liquid" %} {% include "partials/socials-label.liquid" %}
</div> </div>
</section> </section>

View file

@ -0,0 +1,10 @@
<ul class="list-inline socials-list socials-list--label">
{% if author.socials %}
{% for social in author.socials %}
<li><a href="{{ social.link }}" class="icon--left {{ social.icon }}" target="_blank">{{ social.title }}</a></li>
{% endfor %}
{% if author.mail %}
<li><a href="mailto:{{ author.mail }}" class="icon--left icon-mail" target="_blank">Send me an e-mail</a></li>
{% endif %}
{% endif %}
</ul>