π a Fantasitc developer profile website using GitHub pages, SvelteJS, VisJS and Tailwind CSS.
See the live π website.
- Prepare your
src/config.js
change the information according to your credentials. - Rename
.env-sample
to.env
and fill in your environment variable (GitHub Tokens) then install ...
- Clone the repo
- Run
docker-compose up -d --build
- Generate
nodes.json
andedges.json
by running
docker run agung2001/agung2001.github.io:latest npx grunt build
- Run as daemon service
docker run -d -p 80:80 \
--name agung2001.github.io \
-v /path/to/.env:/app/.env \
-v /path/to/config.js:/app/src/config.js \
-v /path/to/experiences.js:/app/src/experiences.js \
-v /path/to/github.js:/app/src/github.js \
-v /path/to/socials.js:/app/src/socials.js \
-v /path/to/avatar.jpg:/app/static/img/avatar.jpg \
-v /path/to/cover.jpg:/app/static/img/cover.jpg \
agung2001/agung2001.github.io:latest
- NOTE: Don't forget to change the
/path/to/
accordingly
I made DISTRO to list a profile and customization you made to this repo.
To easily track visitors I use Google Analytics and put the code inside +layout.svelte. You can change the code with your own, if you also want to track the visitors coming to the website.
- Please refer to GitHub Docs - Creating a personal access token to create personal access token.
- Please set the expiration to
no expiration
and enable :Repo
andUser
- Animate.style
- Commitlint
- Dotenv
- EditorConfig
- Eslint
- Fontawesome
- GitHub Action
- Grunt JS
- Husky
- Octokit.js
- Prettier
- Svelte JS
- Release-It
- Sticky JS
- TailwindCSS
- Vis JS
- Help support me by giving a π or donate
- Please refer to CONTRIBUTING to see a way to contribute to this repo