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

59 lines
2.2 KiB
Scheme
Raw Normal View History

2021-06-19 20:27:51 +02:00
<div class="sc-links">
2023-11-09 18:20:04 +01:00
<% if $PhoneNumber %>
<a href="$PhoneNumber.LinkURL" title="Phone Number" class="pnum">
<i class="fab fa-solid fa-phone"></i>
<i class="visually-hidden">Email</i>
</a>
<% end_if %>
<% if $PublicEmail %>
<a href="$PublicEmail.LinkURL" title="Email" class="email">
<i class="fab fa-solid fa-envelope"></i>
<i class="visually-hidden">Email</i>
</a>
<% end_if %>
2021-06-19 20:27:51 +02:00
<% if $Facebook %>
2022-08-25 21:39:26 +02:00
<a href="$Facebook.LinkURL" title="Facebook" class="fb" rel="noreferrer" target="_blank">
2023-11-09 18:20:04 +01:00
<i class="fab fa-solid fa-facebook-f"></i>
2021-06-19 20:27:51 +02:00
<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">
2023-11-09 18:20:04 +01:00
<i class="fab fa-solid fa-linkedin-in"></i>
2021-06-19 20:27:51 +02:00
<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">
2023-11-09 18:20:04 +01:00
<i class="fab fa-solid fa-pinterest-p"></i>
2021-06-19 20:27:51 +02:00
<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">
2023-11-09 18:20:04 +01:00
<i class="fab fa-solid fa-instagram"></i>
2021-06-19 20:27:51 +02:00
<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">
2023-11-09 18:20:04 +01:00
<i class="fa-brands fa-solid fa-x-twitter"></i>
2021-06-19 20:27:51 +02:00
<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">
2023-11-09 18:20:04 +01:00
<i class="fab fa-solid fa-youtube"></i>
2021-10-18 20:20:10 +02:00
<i class="visually-hidden">YouTube</i>
</a>
<% end_if %>
2022-10-12 17:42:53 +02:00
<% if $Tiktok %>
<a href="$Tiktok.LinkURL" target="_blank">
2023-11-09 18:20:04 +01:00
<i class="fab fa-solid fa-tiktok"></i>
2022-10-12 17:42:53 +02:00
<i class="sr-only">Tiktok</i>
</a>
<% end_if %>
2021-06-19 20:27:51 +02:00
</div>