Skip to content

I'm remaking my personal website... with Svelte!

Notifications You must be signed in to change notification settings

pitamer/itamarga.com

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

53 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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:

Initial design sketch

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.


😄

About

I'm remaking my personal website... with Svelte!

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published