71 lines
1.6 KiB
TypeScript
71 lines
1.6 KiB
TypeScript
import styled from "styled-components";
|
|
import { asCardStack } from "../components/card-stack";
|
|
|
|
const Links: React.FC = () => {
|
|
return <>
|
|
<h2>Fediverse!</h2>
|
|
{asCardStack(FEDIVERSE_LINKS)}
|
|
|
|
<h2>Some links...</h2>
|
|
{asCardStack(LINKS)}
|
|
</>;
|
|
}
|
|
|
|
const Heading = styled.h1`
|
|
font-family: "Pacifico", serif;
|
|
`;
|
|
|
|
const FEDIVERSE_LINKS = [
|
|
{
|
|
content: "Akkoma",
|
|
icon: "/icons/fediverse/akkoma.svg",
|
|
link: "https://akkoma.sador.me"
|
|
},
|
|
{
|
|
content: "Pixelfed",
|
|
icon: "/icons/fediverse/pixelfed.svg",
|
|
link: "https://pix.sador.me"
|
|
},
|
|
{
|
|
content: "PeerTube",
|
|
icon: "/icons/fediverse/peertube.svg",
|
|
link: "https://tube.sador.me"
|
|
}
|
|
].map(link => Object.assign(link, { primary: true }));
|
|
|
|
const LINKS = [
|
|
{
|
|
content: "PGP",
|
|
icon: "/icons/pgp.svg",
|
|
link: "/pgp.asc",
|
|
primary: true
|
|
},
|
|
{
|
|
content: "Uptime of my services",
|
|
icon: "/icons/uptime.svg",
|
|
link: "https://health.sador.me/status/aio"
|
|
},
|
|
{
|
|
content: "E-mail",
|
|
icon: "/icons/email.svg",
|
|
link: "mailto:contact@sador.me?subject=[sador.me] ..."
|
|
},
|
|
{
|
|
content: "Gitea",
|
|
icon: "/icons/gitea.svg",
|
|
link: "https://git.sador.me"
|
|
},
|
|
{
|
|
content: "Matrix",
|
|
icon: "/icons/matrix.svg",
|
|
link: "https://matrix.to/#/@boss:sador.me"
|
|
},
|
|
{
|
|
content: "Instagram (deactivated)",
|
|
icon: "/icons/instagram.svg",
|
|
disabled: true,
|
|
link: "https://instagram.com/sadorowo"
|
|
}
|
|
];
|
|
|
|
export default Links; |