Added BSky to individuals (just me, please add your own, not sure of …

…all your accounts, but I'll follow once I do)

Also added email and DDD Bsky to footer

src/lib/Footer.svelte

@@ -15,9 +15,15 @@
 		</div>
 	{/if}
 	<div class="footer primary-bg">
+		<a href="https://bsky.app/profile/dddsouthwest.bsky.social" target="_blank">
+			<i class="fa-brands fa-bluesky fa-3x" title="DDD South West BlueSky"></i>
+		</a>
 		<a href="https://twitter.com/dddsouthwest" target="_blank">
 			<i class="fa-brands fa-twitter fa-3x" title="DDD South West Twitter"></i>
 		</a>
+		<a href="mailto:[email protected]">
+			<i class="fa-solid fa-envelope fa-3x icon" title="DDD South West Email"></i>
+		</a>
 		<a href="https://www.linkedin.com/company/ddd-south-west/" target="_blank">
 			<i class="fa-brands fa-linkedin fa-3x" title="DDD South West LinkedIn"></i>
 		</a>
@@ -43,4 +49,13 @@
 	h2 {
 		padding: 0 10px;
 	}
+
+	.icon {
+		color: black;
+		transition: color 0.3s;
+	}
+
+	.icon:hover {
+		color: white;
+	}
 </style>

src/routes/about/+page.svelte

@@ -46,6 +46,7 @@
 			imageName: 'carl.jpg',
 			email: '[email protected]',
 			twitter: 'carlcod_es',
+			bsky: 'carlcod.es',
 			linkedIn: 'carl-sargunar-63b5814'
 		},
 		{
@@ -85,6 +86,11 @@
 					<img src="../images/team/{member.imageName}" alt={member.name} class="boop-effect" />
 					<span>{member.name}</span>
 					<span>
+						{#if member.bsky}
+							<a href="https://bsky.app/profile/{member.bsky}" target="_blank">
+								<i class="fa-brands fa-bluesky fa-2x icon" title="{member.name} BlueSky"></i>
+							</a>
+						{/if}
 						{#if member.twitter}
 							<a href="https://twitter.com/{member.twitter}" target="_blank">
 								<i class="fa-brands fa-twitter fa-2x icon" title="{member.name} Twitter"></i>