My personal website

This is the second iteration of my personal website. It's live on itamarga.com since 3/10/2021.

The old version's repo is here (was live 12/9/2020 - 3/10/2021).

Design and development

Svelte seemed intriguing, so I started learning it. Somewhere along the tutorial it became clear to me that I needed to make my new personal website with it. And use a ton of crossfades.

So I went and made this wireframe with Excalidraw:

^{_{The idea of the top and bottom decoration lines came from a specific scrolling point in the Rocket project homepage (You can spot it easily if it's still there).}}

The final result looks just a tiny bit different. I think I like it.

Intentionally uncopyrighted

No permission is needed to copy, distribute or modify the content of this repo. Credit is appreciated but not required.

Project setup

Install the dependencies...

npm install

...then start Rollup:

npm run dev

Navigate to localhost:5001.

Building and running in production mode

To create an optimised version of the app:

npm run build

You can run the newly built app with npm run start. This uses sirv, which is included in your package.json's dependencies so that the app will work when you deploy to platforms like Heroku.

😄