Home

Awesome

IBM Design Language website

Deploy website to IBM Cloud

This is the IBM Design Language website which is built using the gatsby-theme-carbon with GatsbyJS.

šŸ“‚ Project structure

src
ā”œā”€ā”€ components
ā”œā”€ā”€ data
ā”œā”€ā”€ gatsby-theme-carbon
ā”œā”€ā”€ images
ā”œā”€ā”€ pages
ā”œā”€ā”€ styles
ā”œā”€ā”€ util

šŸ‘©ā€šŸ’» Development

If you need more detailed information on how to setup your machine to develop locally, please take a look at our wiki.

šŸš€ Build

Running the build commands generates all the files and places them in the public folder.

yarn build

Adding and updating app icons

  1. Create a new pull request that adds the light and dark versions to the src/images/app-icons folder.
  2. In the same PR (or a new one) update the metadata yaml file

Note: yaml files are white-space and case sensitive. Be sure your category value matches an existing category exactly. You can copy and paste an existing icon to ensure you're formatting it properly.