silverstripe-elemental-basics/templates/Objects/SocialLinks.ss

39 lines
1.5 KiB
Scheme
Raw Normal View History

2021-06-19 20:27:51 +02:00
<div class="sc-links">
<% if $Facebook %>
2022-08-25 21:39:26 +02:00
<a href="$Facebook.LinkURL" title="Facebook" class="fb" rel="noreferrer" target="_blank">
2021-06-19 20:27:51 +02:00
<i class="fab fa-facebook-f"></i>
<i class="visually-hidden">Facebook</i>
</a>
<% end_if %>
<% if $LinkedIn %>
2022-08-25 21:39:26 +02:00
<a href="$LinkedIn.LinkURL" title="LinkedIn" class="li" rel="noreferrer" target="_blank">
2021-06-19 20:27:51 +02:00
<i class="fab fa-linkedin-in"></i>
<i class="visually-hidden">LinkedIn</i>
</a>
<% end_if %>
<% if $Pinterest %>
2022-08-25 21:39:26 +02:00
<a href="$Pinterest.LinkURL" title="Pinterest" class="pr" rel="noreferrer" target="_blank">
2021-06-19 20:27:51 +02:00
<i class="fab fa-pinterest-p"></i>
<i class="visually-hidden">Pinterest</i>
</a>
<% end_if %>
<% if $Instagram %>
2022-08-25 21:39:26 +02:00
<a href="$Instagram.LinkURL" title="Instagram" class="in" rel="noreferrer" target="_blank">
2021-06-19 20:27:51 +02:00
<i class="fab fa-instagram"></i>
<i class="visually-hidden">Instagram</i>
</a>
<% end_if %>
<% if $Twitter %>
2022-08-25 21:39:26 +02:00
<a href="$Twitter.LinkURL" title="Twitter" class="tw" rel="noreferrer" target="_blank">
2021-06-19 20:27:51 +02:00
<i class="fab fa-twitter"></i>
<i class="visually-hidden">Twitter</i>
</a>
<% end_if %>
2021-10-18 20:20:10 +02:00
<% if $Youtube %>
2022-08-25 21:39:26 +02:00
<a href="$Youtube.LinkURL" title="YouTube" class="yt" rel="noreferrer" target="_blank">
2021-10-18 20:20:10 +02:00
<i class="fab fa-youtube"></i>
<i class="visually-hidden">YouTube</i>
</a>
<% end_if %>
2021-06-19 20:27:51 +02:00
</div>