Leaflet Blog in Deno Fresh
knotbin.com
1import { siBluesky as BlueskyIcon, siGithub as GithubIcon } from "npm:simple-icons";
2
3import { env } from "../lib/env.ts";
4
5export function Footer() {
6 return (
7 <footer className="row-start-3 flex gap-6 flex-wrap items-center justify-center">
8 <a
9 className="flex items-center gap-2 hover:underline hover:underline-offset-4"
10 href={`https://bsky.app/profile/${env.NEXT_PUBLIC_BSKY_DID}`}
11 target="_blank"
12 rel="noopener noreferrer"
13 >
14 <svg
15 width={16}
16 height={16}
17 viewBox="0 0 24 24"
18 className="fill-black dark:fill-white"
19 >
20 <path d={BlueskyIcon.path} />
21 </svg>
22 Bluesky
23 </a>
24 <a
25 className="flex items-center gap-2 hover:underline hover:underline-offset-4"
26 href="https://github.com/knotbin"
27 target="_blank"
28 rel="noopener noreferrer"
29 >
30 <svg
31 width={16}
32 height={16}
33 viewBox="0 0 24 24"
34 className="fill-black dark:fill-white"
35 >
36 <path d={GithubIcon.path} />
37 </svg>
38 GitHub
39 </a>
40 </footer>
41 );
42}