src/pages/index.astro at astro · scrumplex.net/website

scrumplex.net / website
fork
My personal website
fork
website / src / pages / index.astro
at astro 121 lines 5.3 kB view raw
wrap content
scrumplex.net chore: initial stuff 2y ago
40b0052d
  1---
  2import FunkyLogo from "../components/FunkyLogo.astro";
  3import IconLink from "../components/IconLink.astro";
  4import Link from "../components/Link.astro";
  5import Section from "../components/Section.astro";
  6import Layout from "../layouts/Layout.astro";
  7---
  8
  9<Layout title="Scrumplex · A passionate developer">
 10  <div class="container mx-auto flex min-h-screen items-center justify-center">
 11    <Section>
 12      <div class="flex flex-col gap-4">
 13        <div class="flex items-center justify-center gap-8">
 14          <FunkyLogo
 15            width="128"
 16            height="128"
 17            class="mb-3 rounded-full shadow shadow-brand transition-transform duration-1000 ease-logo"
 18          />
 19          <div>
 20            <h1 class="font-display text-2xl">
 21              <span class="text-5xl">Scrumplex</span> he/him
 22            </h1>
 23            <span class="font-display text-3xl"
 24              ><span title="Free and Open Source Software">FOSS</span> Developer,
 25              Evangelist and Enthusiast</span
 26            >
 27          </div>
 28        </div>
 29        <p class="text-lg">
 30          Hi there,<br />
 31          I am a 23 year old software developer from Germany.
 32          At work I am building scalable applications using common DevOps tools like Kubernetes while I contribute to <Link href="https://nixos.org">NixOS / Nixpkgs</Link> in my free time.
 33          If you want to look at the things I am working on or get in contact, then head over to the platforms listed below.<br/>
 34          Thank you for visiting my website.
 35        </p>
 36        <div class="grid-cols-auto grid auto-rows-auto gap-1 lg:grid-cols-2">
 37          <IconLink
 38            href="https://codeberg.org/Scrumplex"
 39            iconName="codeberg"
 40            class="hover:bg-codeberg hover:text-white focus:bg-codeberg focus:text-white"
 41            large
 42            >Codeberg/<code>Scrumplex</code></IconLink
 43          >
 44          <IconLink
 45            href="https://github.com/Scrumplex"
 46            iconName="github"
 47            class="hover:bg-black hover:text-white focus:bg-black focus:text-white dark:hover:bg-white dark:hover:text-black dark:focus:bg-white dark:focus:text-black"
 48            large
 49            >GitHub/<code>Scrumplex</code></IconLink
 50          >
 51          <IconLink
 52            href="https://gitlab.com/Scrumplex"
 53            iconName="gitlab"
 54            class="hover:bg-gitlab hover:text-black focus:bg-gitlab focus:text-black"
 55            large
 56            >GitLab/<code>Scrumplex</code></IconLink
 57          >
 58          <IconLink
 59            href="https://www.linkedin.com/in/sefa-e-83693a2b2/"
 60            iconName="linkedin"
 61            class="hover:bg-linkedin hover:text-white focus:bg-linkedin focus:text-white"
 62            large
 63            >LinkedIn/<code>Sefa Eyeoglu</code></IconLink
 64          >
 65          <IconLink
 66            href="https://floss.social/@Scrumplex"
 67            iconName="mastodon"
 68            class="hover:bg-mastodon hover:text-white focus:bg-mastodon focus:text-white"
 69            >Mastodon <code>@Scrumplex@floss.social</code></IconLink
 70          >
 71          <IconLink
 72            href="https://matrix.to/#/@scrumplex:duckhub.io"
 73            iconName="matrix"
 74            class="hover:bg-black hover:text-white focus:bg-black focus:text-white dark:hover:bg-white dark:hover:text-black dark:focus:bg-white dark:focus:text-black"
 75            >Matrix <code>@Scrumplex:duckhub.io</code></IconLink
 76          >
 77          <IconLink
 78            href="https://signal.me/#eu/baE5GCWZOYjoV6HNVOGZH46I9XXIfXZfStZAiZEUnMHllbMMG2dKK75kjQpHKJTF"
 79            iconName="signal"
 80            class="hover:bg-signal hover:text-white focus:bg-signal focus:text-white"
 81            >Signal <code>@Scrumplex.01</code></IconLink
 82          >
 83          <IconLink
 84            href="mailto:contact@scrumplex.net"
 85            iconName="mail"
 86            class="hover:bg-brand hover:text-white focus:bg-brand focus:text-white"
 87            >Email <code>contact@scrumplex.net</code></IconLink
 88          >
 89          <IconLink
 90            href="https://github.com/sponsors/Scrumplex"
 91            iconName="github-sponsors"
 92            class="hover:bg-github-sponsors hover:text-black focus:bg-github-sponsors focus:text-black"
 93            >GitHub Sponsors/<code>Scrumplex</code></IconLink
 94          >
 95          <IconLink
 96            href="https://liberapay.com/Scrumplex/donate"
 97            iconName="liberapay"
 98            class="hover:bg-liberapay hover:text-black focus:bg-liberapay focus:text-black"
 99          >LiberaPay/<code>Scrumplex</code>
100          </IconLink>
101          <IconLink
102            href="https://www.paypal.me/Scrumplex"
103            iconName="paypal"
104            class="hover:bg-paypal hover:text-white focus:bg-paypal focus:text-white"
105          >PayPal/<code>Scrumplex</code>
106          </IconLink>
107          <IconLink
108            href="https://ko-fi.com/scrumplex"
109            iconName="ko-fi"
110            class="hover:bg-ko-fi hover:text-white focus:bg-ko-fi focus:text-white"
111          >Ko-fi/<code>scrumplex</code>
112          </IconLink>
113        </div>
114      <div class="text-right">
115        <Link href="data-privacy">Data Privacy</Link>
116        &middot;
117        <Link href="https://stats.uptimerobot.com/83xx6s98Y">Status</Link>
118      </div>
119    </Section>
120  </div>
121</Layout>
Configure Feed

Configure Feed
