website/index.tsx

export const header = {
  heading: "Hi! My name is Foster",
  subheading: "Congratulations, stranger. You have found the personal website of Foster Hangdaan.",
};

const gpgFingerprint = `
pub   ed25519/E48D7F49A852F112 2023-07-14 [SC]
      Key fingerprint = DBD3 8E38 4B9E 1F4F 19F9  5BAE E48D 7F49 A852 F112
uid                 Foster Hangdaan <foster@hangdaan.email>
`;

export default function() {
  return (
    <>
      <section>
        <h2 id="about"> About</h2>
        <p>I am a software developer, open-source enthusiast, lover of pizza, renegade of funk and many more.</p>
        <p>
          I spend most of my time tinkering with computer servers or the latest JavaScript frameworks.
          Other times, I help in the battle for an open web by contributing in the development of free and open-source software.
        </p>
      </section>
      <section>
        <h2 id="contact-me"> Contact</h2>
        <p>The primary method of reaching me is through my email: <a href="mailto:foster@hangdaan.email">foster@hangdaan.email</a>.</p>
        <p>If you'd like an encrypted response, you can send me your GPG public key. You can find mine in the <a href="#gpg">GPG Key</a> section of this page.</p>
      </section>
      <section>
        <h2 id="places"> Places</h2>
        <p>Other places where you can find me:</p>
        <ul>
          <li>
            <a href="https://code.fosterhangdaan.com/foster" target="_blank">My Forgejo instance</a>
          </li>
          <li>
            <a href="https://codeberg.org/foster-hangdaan" target="_blank">Codeberg</a>
          </li>
        </ul>
      </section>
      <section>
        <h2 id="gpg">󰌋 GPG Key</h2>
        <p>
          I do not use keyservers.
          This is the only place where I officially provide my key.
          A key claiming to be mine somewhere else is most definitely a phony.
        </p>
        <p>
          You can download my public key here.
          Once you've downloaded and imported my key, check that it matches the fingerprint below.
        </p>
        <pre>
          <code>
            {gpgFingerprint.trim()}
          </code>
        </pre>
        <p>You can find more info about GPG on the <a href="https://gnupg.org/" target="_blank">GnuPG official website</a>.</p>
      </section>
      <section>
        <h2 id="donate">󱃱 Donating</h2>
        <p>
          Developing free and open-source software takes much of my time and energy.
          It's my way of giving back to the open-source community and to the general public.
        </p>
        <p>
          If my works are of any use to you, feel free to make a donation.
          Donations go a long way in supporting my efforts.
          Any amount would be greatly appreciated.
        </p>
        <p>
          I currently accept donations through cryptocurrency. The following are my wallet addresses:
        </p>
        <p>Bitcoin</p>
        <pre>
          <code>bc1qan5musm6mpn7l5g4lcpd6vtke97lnpgaf7hcuj</code>
        </pre>
        <p>Monero</p>
        <pre>
          <code>47LkKwzbo4aKNAzecADmoHMaRWbwuigokjR1AuNikfKcaM9quPiy8CwDWGWXpfWtoo5fd4WfuTgJdFKfTPcFUWQZ3u7xrPD</code>
        </pre>
      </section>
    </>
  );
}