/** @jsxImportSource https://esm.sh/react */ // import { faCoffee } from "npm:@fortawesome/free-solid-svg-icons"; import { faGithub, faInstagram, faLinkedin, faThreads, faTwitter, faXTwitter, } from "npm:@fortawesome/free-brands-svg-icons"; import { FontAwesomeIcon } from "npm:@fortawesome/react-fontawesome"; import { renderToString } from "npm:react-dom/server"; export default async function(req: Request) { return new Response( renderToString( Jack Ellis Links

Jack Ellis

Just an average Jack

Instagram Github LinkedIn Twitter Threads

, ), { headers: { "Content-Type": "text/html", }, }, ); } const itemStyle = { padding: "10px", color: "white", // background: "12c2e9", // background: "-webkit-linear-gradient(to right, #f64f59, #c471ed, #12c2e9)", background: "linear-gradient(to right, #f64f59, #c471ed, #12c2e9)", borderRadius: "20px", textDecoration: "none", display: "flex", flexDirection: "row", justifyContent: "center", alignItems: "center", gap: "10px", fontSize: "20px", // fontWeight: "bold", boxShadow: "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)", }; const iconStyle = { fontSize: "20px", maxWidth: "24px", // color: "blue", };

opeala