Intro - Personal branding theme for developers

Intro is an open source Gatsby theme built specially for developers. Tell your story by showing your skills, projects and career path.

This is heavily modified fork of original theme at link

Upgrades

New YAML files for education, ceritifications
Work, Education and certifications now in tab layout
Projects are sorted into tabs by new YAML property ‘type’
Location div now has map overlay which is lazy-loaded
Profile skills and tools now have links
Project spheres are now spinning and reacting to mouse
Other CSS reactions to mouse movements to make site alive
New social link options for stackoverflow and spotify

🚀 Getting Started

Install theme & dependencies

mkdir my-site
cd my-site
yarn init -y
yarn add gatsby react react-dom @arturthemaslov/gatsby-theme-intro-maslov

Enable theme

Then add the theme to your gatsby-config.js.

module.exports = {
  plugins: [
    {
      resolve: "@arturthemaslov/gatsby-theme-intro-maslov",
      options: {
        theme: "classic",
      },
    },
  ],
}

Run your site

That’s it, you can now run your site using

gatsby develop

This process will create content/ directory within your site with a sample data.

Edit content

You can change the website’s content by editing .yaml files in content/ directory:

`profile.yaml`

Follow existing convention to provide your profile information, skills & tools.

Do not remove existing parameters from the file, as it may break the website.

`projects.yaml`

For each project you can provide:

Parameter	Value	Is required?
name	Name of the project	yes
url	URL of the project	no
description	Project’s description	no
status	Either `in progress` or `live`	no
tags	List of tags	no
icon	Either `github` or `website`	no
image	Path to the image	no

`work-history.yaml`

For each entry you can provide:

Parameter	Value	Is required?
company	Name of the company	yes
period	Start / End date	no
position	Your position at the company	no
url	URL of the company	no

`education-history.yaml`

For each entry you can provide:

Parameter	Value	Is required?
school	Name of the school	yes
period	Start / End date	no
level	Your gained degree	no
url	URL of the company	no

`certifications.yaml`

For each entry you can provide:

Parameter	Value	Is required?
issuer	Name of the issuer	yes
program	Name of the program	yes
date	Start / End date	no
image	Image of certification	no
url	URL of the issuer	no

`social.yaml`

List of your social media accounts. Please just fill the url parameter or leave it empty.

Do not add custom items to the list.

Enable email notifications

Contact form is integrated with Formspree. Any form submissions will be sent to your e-mail (set in profile.yaml).

You need to confirm your e-mail - to do it, please just send any message using the contact form. Shortly after doing it, you’ll receive message from Formspree with an activation link.

Please refer to original theme docs for more info on customization

About

Intro. is a theme originally created by Wojciech Kocjan from Weeby Studio.
The theme has been initially launched in 2018 as a commercial project written in JavaScript. In 2020 it’s been rewritten to Gatsby and open sourced.
Heavy modified by Artur Maslov in 2020.

Thank you for using it!