89 lines
2.8 KiB
Plaintext
89 lines
2.8 KiB
Plaintext
---
|
|
import { Image } from "astro:assets";
|
|
import ExternalLink from "../components/external-link.astro";
|
|
import InlineSvg from "../components/inline-svg.astro";
|
|
import GitHubLogo from "../images/GitHub.svg";
|
|
import GitLabLogo from "../images/GitLab.svg";
|
|
import KeyoxideLogo from "../images/Keyoxide.svg";
|
|
import LinkedInLogo from "../images/LinkedIn.svg";
|
|
import MatrixLogo from "../images/Matrix-logo.svg";
|
|
import portrait from "../images/portrait.jpg";
|
|
import BaseLayout from "../layouts/BaseLayout.astro";
|
|
---
|
|
|
|
<BaseLayout>
|
|
<main>
|
|
<article class="flex flex-col items-center gap-10">
|
|
<Image
|
|
alt="Portrait von Kai Moschcau"
|
|
class="rounded-full"
|
|
priority
|
|
src={portrait}
|
|
width={200}
|
|
height={200}
|
|
/>
|
|
<h1>Kai Moschcau</h1>
|
|
<section class="text-soft">
|
|
<p>Fachinformatiker für Anwendungsentwicklung</p>
|
|
</section>
|
|
<nav>
|
|
<ul class="flex flex-col gap-2">
|
|
<li>
|
|
<a href="/skills">Skills</a>
|
|
</li>
|
|
<li>
|
|
<ExternalLink
|
|
cssClass="link-matrix"
|
|
href="https://matrix.to/#/@kmoschcau:matrix.org"
|
|
title="Mein Matrix-Konto"
|
|
>
|
|
<InlineSvg SvgComponent={MatrixLogo} slot="logo" />
|
|
<span>@kmoschcau:matrix.org</span>
|
|
</ExternalLink>
|
|
</li>
|
|
<li>
|
|
<ExternalLink
|
|
cssClass="link-github"
|
|
href="https://github.com/kmoschcau/"
|
|
title="Mein GitHub-Konto"
|
|
>
|
|
<InlineSvg SvgComponent={GitHubLogo} slot="logo" />
|
|
<span>kmoschcau</span>
|
|
</ExternalLink>
|
|
</li>
|
|
<li>
|
|
<ExternalLink
|
|
cssClass="link-gitlab"
|
|
href="https://gitlab.com/kmoschcau"
|
|
title="Mein GitLab-Konto"
|
|
>
|
|
<InlineSvg SvgComponent={GitLabLogo} slot="logo" />
|
|
<span>kmoschcau</span>
|
|
</ExternalLink>
|
|
</li>
|
|
<li>
|
|
<ExternalLink
|
|
cssClass="link-linked-in"
|
|
href="https://www.linkedin.com/in/kmoschcau/"
|
|
title="Mein LinkedIn-Konto"
|
|
>
|
|
<InlineSvg SvgComponent={LinkedInLogo} slot="logo" />
|
|
<span>kmoschcau</span>
|
|
</ExternalLink>
|
|
</li>
|
|
<li>
|
|
<ExternalLink
|
|
cssClass="link-keyoxide"
|
|
href="https://keyoxide.org/8CE00E9495B5030DA9217208DF16F424177090BB"
|
|
title="Mein Keyoxide-Eintrag"
|
|
>
|
|
<InlineSvg SvgComponent={KeyoxideLogo} slot="logo" />
|
|
<span>Keyoxide</span>
|
|
</ExternalLink>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
</article>
|
|
</main>
|
|
</BaseLayout>
|