IBM Design Language website
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
-
yarn install– install dependencies -
yarn dev– start the development server -
yarn dev:clean– use this if you have cache issues -
lint:fix– lint your javascript files -
format- run prettier
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
- Create a new pull request that adds the light and dark versions to the src/images/app-icons folder.
- 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.