{% set links = profile.links.data|filter(l => l.url|url_meta_title)|default([]) %}
{% if links %}
{% embed "network/widget/widget.html.twig" %}
{% block content %}
<div>
<h3 class="mb-5 text-lg font-medium uppercase font-headline text-neutral-600">
{{ 'links'|trans }}
</h3>
<ul class="grid gap-3">
{% for link, data in links %}
<li class="flex gap-2">
{% include 'icons/weblink.svg.twig' with { class: 'w-5 h-5 mt-px flex-shrink-0' } %}
<a href="{{ data.url }}"
target="_blank"
title="{{ data.url|url_meta_title }} {{ data.url|url_meta_description }}"
class="grid leading-tight"
rel="noopener noreferrer">
<span class="truncate">{{ data.url|url_meta_title }}</span>
<span class="text-sm truncate text-neutral-500">{{ data.url|url_meta_description }}</span>
</a>
</li>
{% endfor %}
</ul>
</div>
{% endblock %}
{% endembed %}
{% endif %}