Add CodePen icon and link in menu

Author: stormwarning

www/src/lib/components/icons/favicon-codepen.svelte

@@ -0,0 +1,6 @@
+<svg viewBox="0 0 24 24" fill="none" class="h-[1cap] w-[1cap] self-center">
+	<path
+		d="M4.69336 15.0215L11.0596 19.2461V15.4502L7.5332 13.1104L4.69336 15.0215ZM12.9404 15.4502V19.2461L19.3057 15.0215L16.4658 13.1104L12.9404 15.4502ZM9.22461 11.9736L12 13.8154L14.7744 11.9736L12 10.1065L9.22461 11.9736ZM3.94043 13.2598L5.83594 11.9844L3.94043 10.7256V13.2598ZM18.1631 11.9844L20.0596 13.2598V10.7256L18.1631 11.9844ZM4.70215 8.97266L7.52637 10.8467L11.0596 8.47071V4.75294L4.70215 8.97266ZM12.9404 8.47071L16.4727 10.8467L19.2969 8.97266L12.9404 4.75294V8.47071ZM21.9404 15.0274C21.9404 15.3426 21.7832 15.6372 21.5205 15.8115L12.5205 21.7842C12.2052 21.9934 11.7948 21.9934 11.4795 21.7842L2.47949 15.8115C2.21682 15.6372 2.05959 15.3426 2.05957 15.0274V8.97266C2.05959 8.65741 2.21682 8.36282 2.47949 8.18848L11.4795 2.21583L11.6016 2.14747C11.8957 2.00994 12.2445 2.03266 12.5205 2.21583L21.5205 8.18848C21.7832 8.36282 21.9404 8.65741 21.9404 8.97266V15.0274Z"
+		fill="currentColor"
+	/>
+</svg>

www/src/lib/components/site-nav.svelte

@@ -5,6 +5,7 @@ import { beforeNavigate } from '$app/navigation'
 import { FOCUS_OUTLINE } from '$lib/classnames'
 
 import FaviconBluesky from './icons/favicon-bluesky.svelte'
+import FaviconCodepen from './icons/favicon-codepen.svelte'
 import FaviconLinkedin from './icons/favicon-linkedin.svelte'
 import SiteNavItem from './site-nav-item.svelte'
 import SiteNavLogo from './site-nav-logo.svelte'
@@ -75,6 +76,11 @@ beforeNavigate(async () => {
 					/>
 				</svg>
 			</a>
+			<a
+				class="flex text-3xl text-white"
+				href="https://codepen.io/stormwarning"
+				aria-label="CodePen"><FaviconCodepen /></a
+			>
 			<a
 				class="flex text-3xl text-white"
 				href="https://www.linkedin.com/in/jxff/"