Learn about our RFC process, Open RFC meetings & more.Join in the discussion! »

gatsby-theme-dev-resume

0.0.7 • Public • Published

gatsby-theme-dev-resume

A Gatsby theme to easily create a resume which can be hosted on the internet and also saved or printed to PDF

Example can be seen here: gatsby-theme-dev-resume.netlify.com

Example:

module.exports = {
    plugins: [
        {
           resolve: 'gatsby-theme-dev-resume',
           options: {
               showSummary: true,
               showReference: true,
               website: 'https://richardhaines.dev',
               githubUsername: 'molebox',
               email: 'hello@richardhaines.dev',
               twitterUsername: 'studio_hungry',
               yourName: 'Richard Haines'
           }
        }
    ]
}

Setup

To install run yarn add gatsby-theme-dev-resume. A resume folder containing the resume.json file will be created for you will some dummy data. Its important to not change any of the keys in the json file otherwise the site will break.

Props

The theme supports the following props:

Name Optional Type Default
showSummary No boolean None
showReference No boolean None
website No string None
githubUsername No string None
twitterUsername No string None
email No string None
yourName No string None

Props Descriptions

  • showSummary: Choose if you want to show your summary text at the top of the resume. If false then it wont be shown.
  • showReference: Choose if you want to show your references text at the bottom of the resume. If false then it wont be shown
  • website: Your personal website
  • githubUsername: Your github username
  • twitterUsername: Your Twitter username without the @
  • email: Your contact email address
  • yourName: Its your name silly!

Customization

The theme is made with theme-ui so customizing it is super easy, in fact its as easy as shadowing the gatsby-plugin-theme-ui index file in your src file and adding your own colors and fonts.

The current setup looks like this:

export default {
  fonts: {
    body: "Open Sans",
    heading: "Muli"
  },
  fontWeights: {
    body: 300,
    heading: 400,
    bold: 700
  },
  lineHeights: {
    body: "110%",
    heading: 1.125,
    tagline: "100px"
  },
  letterSpacing: {
    body: "2px",
    text: "5px"
  },
  colors: {
    background: "#FFFFFF",
    headerText: "#FFFFFF",
    text: "#121212",
    header: "#121212",
    primary: "#000010",
    secondary: "#E7E7E9",
    secondaryDarker: "#545455",
    accent: "#DE3C4B"
  },
  breakpoints: ["40em", "56em", "64em"]
};

Built With

Authors

  • Rich Haines

License

This project is licensed under the MIT License

Install

npm i gatsby-theme-dev-resume

DownloadsWeekly Downloads

0

Version

0.0.7

License

MIT

Unpacked Size

34.7 kB

Total Files

47

Last publish

Collaborators

  • avatar