Personal branding theme for developers

Please be sure you already have Node.js with npm installed.

Navigate to the theme's main folder and run the command:

npm install

It should download all required packages to the node_modules folder.

You can configure the website by editing a single config.js file. Please open it in your favorite code editor and then fill it with your own profile information.

The file contains sections for customizing:

• Selected theme (color variant),
• Basic information (name, surname, location, position, etc.),
• Social media links,
• 3x TOP skills / tools,
• Your description (short bio),
• Your projects,
• Employment history,
• Budget settings for a slider (in the contact form).

Your profile/projects images should be placed in images/ directory.

Once you're done editing config.js file, you need to build the website.

There are 2 commands you can use for development purpose:

npm run dev

npm run watch

In result of both commands, dist/ directory will be created with index.html file and assets and images directories.

Generated .js and .css files in development environment aren't minified and shouldn't be deployed to production.

There are 10 color variants available. Each variant has its own definition in assets/themes/ directory.

You can create your own variant of use existing one. You can specify a variant to use by setting config.theme.name value in config.js file - please just use the filename without .js extension.

Theme previews are available in previews directory.

For deeper customization of the theme you can:

The theme is built with TailwindCSS - Utility-First CSS Framework.

Custom CSS code is placed in the assets/intro.css file.

The HTML template used by the builder is located in the builder/template.ejs file. It uses Embedded JavaScript template syntax.

Contact form processing is being done by Formspree. When a user fills the form, entered data will be sent via e-mail to address provided in config.profile.email field (in config.js).

Once receiving the first message, it will be required to confirm your e-mail by clicking a link sent in an activation email.

You can generate the website for production environment by running the command:

npm run prod

Once completed you can copy contents of dist/ directory to your server.

The license is available in License.pdf file included with the theme.

• 1.0.0
• The first public version of the theme

Intro. is a theme created by Weeby Studio.

If you have any questions, feel free to contact us at [email protected]

We'll be happy to help!