My personal website, containing information about me, my portfolio, resume
https://hloth.dev
| .husky | ||
| docs | ||
| src | ||
| static | ||
| .gitattributes | ||
| .gitignore | ||
| .lfsconfig | ||
| .npmrc | ||
| .prettierignore | ||
| .prettierrc | ||
| bun.lock | ||
| eslint.config.js | ||
| LICENSE | ||
| package.json | ||
| README.md | ||
| render-svg-vite-plugin.ts | ||
| svelte.config.js | ||
| todo.txt | ||
| tsconfig.json | ||
| 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
- Works on "Safer" and "Safest" settings in Tor browser
- Works with all permissions in NoScript revoked
- Works even with SVG blocked
- 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 - 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.