Here are all the properties and what they do from the files
By customizing these properties, you can personalize various aspects of your website, including your branding, visual elements, and descriptive content.
A forward slash (/) prefix indicates the file is in the 'public' folder. All static assets are located inside this folder.
Your brand name, it can be your first name or last name, anything kind of alias. And it is different from your full name.
Well it's your profession of course. e.g. Freelance Developer.
Probably the first thing people will see on your site.
Where you're based in.
Your professional email. Used in the contact form.
The main descrption of your site. You might not see it anywhere on the site itself but it will show on Google search, and other places like Facebook post for example. It's important for Search Engine Optimization.
Main site logo. It's value points to an image file (). And you should replace that image with your own. The recommended resolution is 512x512 pixel.
Generally you want to create a favicon from your logo too. Favicon is what is shown on the browser tab or maybe in some other place, it must be named as 'favicon' and in ico format (favicon.ico).
Just like logo, you want to replace the actual file. This is your avatar. It's different from the logo, but you can use the same image in both place.
The prefix used in between the current page title and main site title/name.
External site links, e.g: Github, LinkedIn
Your Twitter username/handle.
You might don't want to change it!
Your site domain. Important for SEO.
The background in the intro section, is a repeated pattern image. More patterns are included in the /assets/bg-patterns/ folder. You can find more from philiprogers.com/svgpatterns
Controls the look and feel. All color values should retain their format. Hex values should hex and so on. You should be able to see the actual color inside your editor if you've followed the instruction about the editor setup.
The main color used in the theme.
A secondary color that complements the primary color.
The color used for the text of the accented element.
Determines how the cover image in the project details page is displayed, contrasting with the aspect ratio. Setting this to false may leave blank space around the image, if the aspect ratio doesn't match.
The amount of rounded corners in the design.
Controls the intensity of the shadow effect.
The level of transparency in certain elements.
Applies a blur effect to the intro background image.
Inverts the logo. Can be useful for dark mode.