- Svelte 54.9%
- JavaScript 24.8%
- CSS 16.8%
- HTML 3.5%
| Filename | Latest commit message | Latest commit date |
|---|---|---|
Vladimir Petrov
c23127da76
All checks were successful
Deploy to VPS / build-and-deploy (push) Successful in 26s
This is a one-page app: nginx answers any unknown path with 200 + index.html (the SPA fallback), so the miss is invisible to BearVision. The entry point now reports a path that isn't served via bv.notFound(), which surfaces it on Web Vitals' Not found tab. |
||
| .forgejo/workflows | ||
| public | ||
| src | ||
| .gitignore | ||
| bun.lockb | ||
| index.html | ||
| jsconfig.json | ||
| package-lock.json | ||
| package.json | ||
| README.md | ||
| svelte.config.js | ||
| vite.config.js | ||
Resume website
Bringing all my knowledge and experiences in a single place.
Currently live at: https://resume.gamriel.com/
I will not go into detail because the project is very simple.
Here are some notworthy features:
Themes
The front end features a combination of light and dark theme + an accent color. This is achieved using css variables and using them within tailwind.
Multible languages
The i18n.js file I have created offers 2 ways of translating strings:
- Function: Simply passing the string to a function
- Dirrective: Using svelte's unique directive feature, I can simply
use:i18nand the contents of the element will be translated
Translations live in src/utils/translations/ as one file per locale (bg.json, de.json, jp.json). I prefer to see what is being translated so I made the whole sentances the keys, instead of using locator strings like "body.skills.js".
This also provides a nice fallback for any strings I have not translated.
Each locale file is lazy-loaded as its own chunk, so the English version (which uses the keys themselves) downloads no translation data at all.
Persisted Store
Im sure I could have written this myself but I wanted to focus on the content instead so instead I used svelte-persisted-store. This allows me to save the site settings to the brouser so things like language, themes and colors can stay the way the user configures them even after closing the website.
I use bun btw :)