My personal website, containing information about me, my portfolio, resume https://hloth.dev
Find a file
2025-09-28 19:07:11 +02:00
docs Add screenshots to README, fix clearnet icon in OnionMirrorCard.svelte 2025-09-28 15:32:28 +02:00
src Add fix for NoScript putting blurred blocked media to topmost CSS layer obstructing view 2025-09-28 19:07:11 +02:00
static Add hvc1 video 2025-09-28 01:29:28 +02:00
.gitattributes Add hvc1 video 2025-09-28 01:29:28 +02:00
.gitignore Add squircles 2025-05-18 19:36:26 +04:00
.lfsconfig Update .lfsconfig 2025-09-28 16:11:54 +02:00
.npmrc Run formatter with new code style 2025-09-22 16:00:08 +02:00
.prettierignore Run formatter with new code style 2025-09-22 16:00:08 +02:00
.prettierrc Add images optimization for showcase cards 2025-09-24 15:22:06 +02:00
bun.lock Add video background 2025-09-27 21:14:49 +02:00
eslint.config.js Run formatter with new code style 2025-09-22 16:00:08 +02:00
LICENSE Run formatter with new code style 2025-09-22 16:00:08 +02:00
package.json Add video background 2025-09-27 21:14:49 +02:00
README.md Add screenshots to README, fix clearnet icon in OnionMirrorCard.svelte 2025-09-28 15:32:28 +02:00
svelte.config.js Fix svelte.config.js 2025-09-28 14:41:04 +02:00
todo.txt Fix 2025-09-27 22:57:43 +02:00
tsconfig.json Add video background 2025-09-27 21:14:49 +02:00
vite-plugin-close.ts Fix accessibility 2025-09-27 19:32:05 +02:00
vite.config.ts Remove vite-plugin-close 2025-09-27 17:14:47 +02:00

hloth.dev

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

Screenshot with the homepage Screenshot with the donate page

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 (hi@hloth.dev)
  • Send me a message in Session messenger (my ONS is hloth, my Session/Account ID is 057aeb66e45660c3bdfb7c62706f6440226af43ec13f3b6f899c1dd4db1b8fce5b)
My PGP public key for encrypting your messages and verifying my signature

You can also find it at hloth.dev/pgp · Tor: hlothdevzkti6suoksy7lcy7hmpxnr3msu5waokzaslsi2mnx5ouu4qd.onion/pgp

-----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

License

MIT