A lightweight, customizable, and minimalistic template to host a personal page about your professional self on Github pages.

• Install node & npm
• Install an IDE of your choice (preferrably Visual Studio Code)

• Install the Live Server VS Code extension for live previews (see instructions)
• Install the Browse Lite VS Code extension to preview in VS Code (see instructions)

A guide for those wanting to contribute to the project:

The project uses the following libraries/tools that have been so heplful towards designing different components of the template:

• Tailwind CSS (see here)

• Google Fonts (see here)

• Flowbite Tailwind Component Library (see here)

After installing and configuring the tools mentioned above, fork and clone the repository, and open the directory using the IDE of your choice. Follow the coding guide and inline comments when making changes to the code. It is advised to constantly build/compile your Tailwind output file as you make changes to the style.css file so the changes can be previewed in real time.

To watch for changes and compile Tailwind CSS, run the command below in your terminal:

npx @tailwindcss/cli --input ./css/style.css --output ./dist/output.css --watch

You can also remove the --watch flag and run the command below in your terminal when you're done with all the changes or everytime that you want to preview your changes.

npx @tailwindcss/cli --input ./src/style.css --output ./dist/output.css

• Wallace S. Msagusa