My personal website, containing information about me, my portfolio, resume
https://hloth.dev
docs | ||
src | ||
static | ||
.gitattributes | ||
.gitignore | ||
.lfsconfig | ||
.npmrc | ||
.prettierignore | ||
.prettierrc | ||
bun.lock | ||
eslint.config.js | ||
LICENSE | ||
package.json | ||
README.md | ||
svelte.config.js | ||
todo.txt | ||
tsconfig.json | ||
vite-plugin-close.ts | ||
vite.config.ts |
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-label
s, 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 is057aeb66e45660c3bdfb7c62706f6440226af43ec13f3b6f899c1dd4db1b8fce5b
)
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
- 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.