hloth.dev

My personal website tells my story, outlines my achievements, contains resources to donate to me and provides ways to contact me.

Visit the website: hloth.dev · Tor: hlothdevzkti6suoksy7lcy7hmpxnr3msu5waokzaslsi2mnx5ouu4qd.onion

Features

• Written with Svelte framework
• Works perfectly fine with JavaScript disabled
• All transitions are made using CSS and View Transition API
• Respects prefers-reduced-motion
• Respects prefers-reduced-transparency
• Fully accessible with aria-labels, screen reader enhancements and keyboard navigation
• Entirely semantically correct markup, checked by svelte
• Designed entirely by me
• Content of the website is separated from the technical resume
• Takes full advantage of Retina screens by displaying all rasterized graphic elements in 2x size and applying subpixel outline/shadow effects

Feel free to review the code and contact me if you have any questions!

Contact me

Ways to contact me securely:

• Preferred contact method: via Matrix (@hloth:hloth.dev)
• Create a "secret" Telegram dialogue and send a message to (@hlothdev)
• Send me a PGP-encrypted mail to my self-hosted email server ([email protected])
• Send me a message in Session messenger (my ONS is hloth, my Session/Account ID is 057aeb66e45660c3bdfb7c62706f6440226af43ec13f3b6f899c1dd4db1b8fce5b)

-----BEGIN PGP PUBLIC KEY BLOCK-----

mDMEaEBAChYJKwYBBAHaRw8BAQdAFz65gBvJkDnP+0k4MymyDIN/1ZDhVwcHXjIi
8Y8afbi0IlZpa3RvciBTaGNoZWxvY2hrb3YgPGhpQGhsb3RoLmRldj6IkwQTFgoA
OxYhBANvfSJCl9hzpPzp2imemkUBMqKMBQJoQEAKAhsDBQsJCAcCAiICBhUKCQgL
AgQWAgMBAh4HAheAAAoJECmemkUBMqKM2joBAMePEyAY+jD+NPUQk7US4hry1fWr
1mbrBxPoBvP02UutAP477IAz2j9/bbTnBsshMgW0cQF+IRK5oor6rraHKjnaALg4
BGhAQAoSCisGAQQBl1UBBQEBB0A9vJwKbeGSgN+idH8xhwtkXUW7ix9c2farKi8w
B5qrUQMBCAeIeAQYFgoAIBYhBANvfSJCl9hzpPzp2imemkUBMqKMBQJoQEAKAhsM
AAoJECmemkUBMqKMIqoBALqEK2piv6dHudCtIxXhGbM7SxJXJ4PbIbqq8d9yv9xs
AP9cl51RDYKv0nJYrhLlD4xIogDNlHqsCvRfjT2q8FokCQ==
=tSQ/
-----END PGP PUBLIC KEY BLOCK-----

Donate

hloth.dev/donate · Tor: hlothdevzkti6suoksy7lcy7hmpxnr3msu5waokzaslsi2mnx5ouu4qd.onion/donate

PGP-signed list of my crypto wallets: hloth.dev/donate-pgp-signed.txt · Tor: hlothdevzkti6suoksy7lcy7hmpxnr3msu5waokzaslsi2mnx5ouu4qd.onion/donate-pgp-signed.txt

Acknowledgements

• Design inspired by pre-liquid-glass era of macOS by Apple.
• Svelte & SvelteKit ❤️
• Thank you to all authors of these projects used in my website: TailwindCSS, ESLint, Prettier, Fontsource, vite-plugin-lqip, sharp, super-sitemap, SASS, figma-squircle and zod.

License

MIT