Update links with GitHub and Bluesky

Author: samwisekind

next-env.d.ts

@@ -2,4 +2,4 @@
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/pages/building-your-application/configuring/typescript for more information.
+// see https://nextjs.org/docs/pages/api-reference/config/typescript for more information.

public/images/icons/external-light.svg

@@ -17,6 +17,13 @@ const Social = () => (
         </svg>
       </Link>
     </li>
+    <li>
+      <Link href="https://bsky.app/profile/crru.org.uk" rel="noopener noreferrer" target="_blank" title="Bluesky">
+        <svg height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg">
+          <path d="m13.8728 7.15773c7.3375 5.61247 15.2297 16.99207 18.1274 23.09907 2.8978-6.1065 10.7897-17.4868 18.1273-23.09907 5.2943-4.0497 13.8725-7.183127 13.8725 2.78761 0 1.99126-1.1205 16.72786-1.7778 19.12036-2.2844 8.3177-10.6089 10.4392-18.0136 9.1552 12.9433 2.2444 16.236 9.6789 9.1251 17.1135-13.505 14.1196-19.4107-3.5427-20.9246-8.0684-.2774-.8297-.4072-1.2178-.4091-.8878-.0019-.33-.1317.0581-.4091.8878-1.5133 4.5257-7.4188 22.1884-20.9246 8.0684-7.11101-7.4346-3.81845-14.8695 9.1251-17.1135-7.4049 1.284-15.72952-.8375-18.01364-9.1552-.65724-2.3927-1.77776-17.1293-1.77776-19.12036 0-9.970737 8.57838-6.83731 13.8725-2.78761z" fill="#fff" className="main" />
+        </svg>
+      </Link>
+    </li>
     <li>
       <Link href="https://twitter.com/CRRU" rel="noopener noreferrer" target="_blank" title="Twitter">
         <svg height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg">

src/components/Social/Social.tsx

@@ -37,6 +37,7 @@ export const AMAZON_REFERRAL_LINK = 'https://www.amazon.co.uk/exec/obidos/redire
 export const SOCIAL_MEDIA_ACCOUNTS = [
   'https://instagram.com/crru.org.uk',
   'https://facebook.com/crru.org.uk',
+  'https://bsky.app/profile/crru.org.uk',
   'https://twitter.com/CRRU',
   'https://youtube.com/@crruorguk',
   'https://linkedin.com/company/cetacean-research-&-rescue-unit-crru-',

src/helpers/constants.ts

@@ -38,7 +38,7 @@ const Footer = () => (
               <li><Link href={sitemap.terms.path}>Terms</Link></li>
               <li><Link href={sitemap.credits.path}>Credits</Link></li>
               <li><Link href={sitemap.contact.path}>Contact</Link></li>
-              <li><Link href={sitemap.sitemap.path}>Sitemap</Link></li>
+              <li><Link href="https://github.com/CRRU-UK" className="external" rel="noopener noreferrer" target="_blank">Open Source</Link></li>
             </ul>
 
             <ul className="footer-contact">

src/layout/Footer.tsx

@@ -173,6 +173,21 @@ footer .footer-left .footer-links li {
   }
 }
 
+footer .footer-left .footer-links li a.external::after {
+  content: '';
+  display: inline-block;
+  margin-left: 5px;
+  width: 10px;
+  height: 10px;
+  background: url('../../../public/images/icons/external-light.svg') center center no-repeat transparent;
+  background-size: contain;
+
+  @include variables.breakpoint('small') {
+    width: 8px;
+    height: 8px;
+  }
+}
+
 footer .footer-left .footer-contact {
   flex-direction: column;
   margin-bottom: 20px;