diff --git a/conf.d/rewrite.conf b/conf.d/rewrite.conf index fc584811bb7..e0cfbec9f9d 100644 --- a/conf.d/rewrite.conf +++ b/conf.d/rewrite.conf @@ -1,30 +1,35 @@ -## Get started rewrites -rewrite /getting-started/developers/(.*) /get-started/develop/\$1 permanent; -rewrite /getting-started/designers /get-started/design permanent; -rewrite /getting-started/about-carbon /get-started/about-carbon permanent; -rewrite /get-started/design/?$ /get-started/design/sketch permanent; - -# Tutorial rewrites -rewrite /tutorial/react-(.*) /tutorial/react/\$1 permanent; -rewrite /tutorial/wrapping-up /tutorial/react/wrapping-up permanent; -rewrite /tutorial/overview /tutorial/react/overview permanent; - -# Contributions rewrites -rewrite /contributions/(.*) /how-to-contribute/\$1 permanent; - # Guidelines rewrites rewrite /guidelines/iconography/(.*) /guidelines/icons/\$1 permanent; rewrite /guidelines/layout /guidelines/2x-grid/basics/\$1 permanent; rewrite /guidelines/content/glossary /guidelines/content/action-labels permanent; -# Updates rewrites -rewrite /updates/roadmap /updates/whats-new permanent; - - # Experimental -> Cloud, Data, and AI rewrite /experimental/cards/(.*) https://pages.github.ibm.com/CDAI-design/CDAI-design-website/components/card/\$1 permanent; rewrite /experimental/dashboard-widgets/(.*) https://pages.github.ibm.com/CDAI-design/CDAI-design-website/components/widget/\$1 permanent; rewrite /experimental/order-summary-template/(.*) https://pages.github.ibm.com/CDAI-design/CDAI-design-website/patterns/order-summary/\$1 permanent; # Experimental -> community -rewrite /experimental/(.*) /community/patterns/\$1 permanent; \ No newline at end of file +rewrite /experimental/(.*) /community/patterns/\$1 permanent; + +# IA Updates 8/2020 +# All about Carbon +rewrite /get-started/about-carbon /all-about-carbon/what-is-carbon permanent; + +# Designing +rewrite /get-started/design/(.*) /designing/get-started/kits/\$1 permanent; + +# Contributions rewrites +rewrite /how-to-contribute/(.*) /contributing/\$1 permanent; + +# What's happening +rewrite /updates/whats-new /whats-happening/changelog-and-roadmap permanent; +rewrite /updates/work-in-progress /whats-happening/work-in-progress permanent; + +# Help +rewrite /updates/migration-guide/(.*) /help/migration-guide/\$1 permanent; +rewrite /help/support /help/contact-us permanent; +rewrite /help/faq /help/faqs permanent; + +# Developing +rewrite /get-started/develop/(.*) /developing/frameworks/\$1 permanent; +rewrite /tutorial/(.*) /developing/\$1 permanent; diff --git a/src/data/nav-items.yaml b/src/data/nav-items.yaml index 022287665a7..17a8c5f8512 100644 --- a/src/data/nav-items.yaml +++ b/src/data/nav-items.yaml @@ -1,19 +1,64 @@ -- title: Get started +- title: All about Carbon pages: - - title: About Carbon - path: /get-started/about-carbon - - title: Design - path: /get-started/design/sketch - - title: Develop - path: /get-started/develop/react -- title: Tutorial + - title: What is Carbon? + path: /all-about-carbon/what-is-carbon + - title: Case studies + path: /all-about-carbon/case-studies +- title: Designing pages: - - title: Angular - path: /tutorial/angular/overview - - title: React - path: /tutorial/react/overview - - title: Vue - path: /tutorial/vue/overview + - title: Get started + path: /designing/get-started + - title: Kits + path: /designing/kits/sketch + - title: Design resources + path: /designing/design-resources + - title: Tutorials + path: /designing/tutorials +- title: Developing + pages: + - title: Get started + path: /developing/get-started + - title: Frameworks + path: /developing/frameworks/react + - title: Developer resources + path: /developing/dev-resources + - title: Angular tutorial + path: /developing/angular-tutorial/overview + - title: React tutorial + path: /developing/react-tutorial/overview + - title: Vue tutorial + path: /developing/vue-tutorial/overview +- title: Contributing + pages: + - title: Overview + path: /contributing/overview + - title: Governance + path: /contributing/governance + - title: Bugs and requests + path: /contributing/bugs-and-requests + - title: Documentation + path: /contributing/documentation + - title: Components + path: /contributing/component + - title: Icons + path: /contributing/contribute-icons + - title: Patterns + path: /contributing/pattern + - title: Pictograms + path: /contributing/contribute-pictograms + - title: Add ons + path: /contributing/add-ons +- title: What's happening + pages: + - title: Changelog & roadmap + path: /whats-happening/changelog-and-roadmap + - title: News & articles + path: /whats-happening/news-and-articles + - title: Events + path: /whats-happening/events + - title: Work in progress + path: /whats-happening/work-in-progress + hasDivider: true - title: Guidelines pages: - title: 2x Grid @@ -140,6 +185,16 @@ path: /patterns/search-pattern - title: Text toolbar path: /patterns/text-toolbar-pattern +- title: Community assets + pages: + - title: Overview + path: /community-assets/overview + - title: Component index + path: /community-assets/component-index + - title: Domain guidance + path: /community-assets/domain-guidance + - title: Pattern index + path: /community-assets/pattern-index - title: Data visualization pages: - title: Get started @@ -160,50 +215,13 @@ path: /data-visualization/legends - title: Dashboards path: /data-visualization/dashboards -- title: Resources - pages: - - path: /resources -- title: How to contribute - pages: - - title: Overview - path: /how-to-contribute/overview - - title: Governance - path: /how-to-contribute/governance - - title: Bugs and requests - path: /how-to-contribute/bugs-and-requests - - title: Documentation - path: /how-to-contribute/documentation - - title: Components - path: /how-to-contribute/component - - title: Icons - path: /how-to-contribute/contribute-icons - - title: Patterns - path: /how-to-contribute/pattern - - title: Pictograms - path: /how-to-contribute/contribute-pictograms - - title: Add ons - path: /how-to-contribute/add-ons -- title: Updates - pages: - - title: Changelog and roadmap - path: /updates/whats-new - - title: Migration guide - path: /updates/migration-guide/overview - - title: Work in progress - path: /updates/work-in-progress - title: Help pages: - - title: Support - path: /help/support - - title: FAQ - path: /help/faq -- title: Community assets - pages: - - title: Overview - path: /community/overview - - title: Components - path: /community/components - - title: Patterns - path: /community/patterns - - title: Domain guidance - path: /community/domain-guidance + - title: FAQs + path: /help/faqs + - title: Certificate of Originality + path: /help/certificate-of-originality + - title: Migration guide + path: /help/migration-guide/overview + - title: Contact us + path: /help/contact-us diff --git a/src/gatsby-theme-carbon/components/Footer.js b/src/gatsby-theme-carbon/components/Footer.js index c155e770911..a86a82e94d6 100644 --- a/src/gatsby-theme-carbon/components/Footer.js +++ b/src/gatsby-theme-carbon/components/Footer.js @@ -35,8 +35,8 @@ const Content = ({ buildTime }) => ( const links = { firstCol: [ { - href: 'https://www.carbondesignsystem.com/how-to-contribute/overview', - linkText: 'Contribute', + href: 'https://www.carbondesignsystem.com/help/contact-us', + linkText: 'Contact us', }, { href: 'https://www.ibm.com/privacy', linkText: 'Privacy' }, { href: 'https://www.ibm.com/legal', linkText: 'Terms of use' }, diff --git a/src/pages/all-about-carbon/case-studies.mdx b/src/pages/all-about-carbon/case-studies.mdx new file mode 100755 index 00000000000..a0f11789c1b --- /dev/null +++ b/src/pages/all-about-carbon/case-studies.mdx @@ -0,0 +1,11 @@ +--- +title: Case studies +description: Introductory text for the new case studies page. +--- + + + +Introductory text for the new case studies page. We'll be sharing more case +studies here as they become available. + + diff --git a/src/pages/all-about-carbon/what-is-carbon.mdx b/src/pages/all-about-carbon/what-is-carbon.mdx new file mode 100755 index 00000000000..e6c4c9b474d --- /dev/null +++ b/src/pages/all-about-carbon/what-is-carbon.mdx @@ -0,0 +1,112 @@ +--- +title: What is Carbon? +description: + Carbon is IBM's open source design system for digital products and + experiences. With the IBM Design Language as its foundation, the system + consists of working code, design tools, and more. +--- + + + +Carbon is IBM's open source design system for digital products and experiences. +With the IBM Design Language as its foundation, the system consists of working +code, design tools and resources, human interface guidelines, and a vibrant +community of contributors. + + + + + +Introduction +Guiding principles +How we work + + + +## Introduction + +As IBM's official design system, Carbon serves a wide range of designers and +developers building digital products and experiences. It is maintained by a core +team of designers, developers, and writers based in the Austin, Texas IBM Design +Studio. + +The goals of the design system include improving UI consistency and quality, +making the design and development process more efficient and focused, +establishing a shared vocabulary between designer and developer, and providing +clear, discoverable guidance around design and development best practices. + +The design system is built [React](/get-started/develop/react) first. We also +support core parts of the system in [vanilla JS](/get-started/develop/vanilla), +[Angular](/get-started/develop/angular), and [Vue](/get-started/develop/vue). If +you’re using a different framework, you can still build components by following +our guidelines for [other frameworks](/get-started/develop/other-frameworks). + +## Guiding principles + +**Carbon is open.** The design system is a distributed effort, guided by the +principles of the +[open source movement](https://en.wikipedia.org/wiki/Open-source-software_movement). +Carbon's users are also its makers, and everyone is encouraged to contribute. + +**Carbon is inclusive.** It's designed and built to be accessible to all, +regardless of ability or situation. + +**Carbon is modular and flexible.** The system's modularity ensures maximum +flexibility in execution. Its components are designed to work seamlessly with +each other, in whichever combination suits the needs of the user. + +**Carbon puts the user first.** Using rigorous research into users' needs and +desires, Carbon is laser-focused on real people. + +**Carbon builds consistency.** Based on the IBM Design Language, every element +and component of Carbon was designed from the ground up to work elegantly +together to ensure consistent, cohesive user experiences. + +## How we work + +The Carbon team encourages adoption through guidance and training, community +development, maintenance, and support. The system is primarily maintained by a +core team and governed by an executive board of design advisors. + +### Adoption + +**We conduct training classes and offer certifications.** These cover +introductions to Carbon and participating in this community. Each program is +piloted internally and available upon release externally. We teach at +conferences, bootcamp labs, and wherever else we're needed. + +**We engage the community.** We strive to be one of the world’s best design +systems and we’re always +[open to feedback](https://github.com/carbon-design-system/carbon-website/issues/new?assignees=&labels=feedback&template=feedback.md&title=). +We communicate with you about Carbon's state and roadmap through GitHub support, +blog posts, and Twitter. + +**Contributed components and patterns include a list of maintainers.** The +Carbon team triages and supports maintenance requests that do not have a +maintainer. Unmaintained patterns will be demoted to Experimental if the Carbon +team decides not to maintain them. + +**We provide support for users of the design system.** The Carbon team engages +with users primarily through GitHub. A member of the Carbon team responds to all +issues and pull requests. + +### Assets + +**We maintain a set of Sketch libraries containing Carbon components and +patterns.** There is a funnel of contribution for rigorous Sketch symbols before +they are made available in Sketch libraries. + +**Carbon supports multiple code implementations.** These reflect the +production-level design libraries. The frameworks are listed below with their +primary maintainers: + +- [React](https://github.com/carbon-design-system/carbon): Carbon Core team +- [CSS/Vanilla](https://github.com/carbon-design-system/carbon): Carbon Core + team +- [Angular](https://angular.carbondesignsystem.com/): Community maintained +- [Vue](https://github.com/carbon-design-system/carbon-components-vue): + Community maintained + +**Design patterns are harvested from products built with Carbon.** These become +part of the design system. Teams can use these well-defined patterns in their +work and contribute patterns back to the system. diff --git a/src/pages/how-to-contribute/add-ons.mdx b/src/pages/contributing/add-ons.mdx similarity index 100% rename from src/pages/how-to-contribute/add-ons.mdx rename to src/pages/contributing/add-ons.mdx diff --git a/src/pages/how-to-contribute/bugs-and-requests.mdx b/src/pages/contributing/bugs-and-requests.mdx similarity index 100% rename from src/pages/how-to-contribute/bugs-and-requests.mdx rename to src/pages/contributing/bugs-and-requests.mdx diff --git a/src/pages/how-to-contribute/component/images/content-switcher-style-1.png b/src/pages/contributing/component/images/content-switcher-style-1.png similarity index 100% rename from src/pages/how-to-contribute/component/images/content-switcher-style-1.png rename to src/pages/contributing/component/images/content-switcher-style-1.png diff --git a/src/pages/how-to-contribute/component/images/contribution-iconography-pictogram.png b/src/pages/contributing/component/images/contribution-iconography-pictogram.png similarity index 100% rename from src/pages/how-to-contribute/component/images/contribution-iconography-pictogram.png rename to src/pages/contributing/component/images/contribution-iconography-pictogram.png diff --git a/src/pages/how-to-contribute/component/images/spec.png b/src/pages/contributing/component/images/spec.png similarity index 100% rename from src/pages/how-to-contribute/component/images/spec.png rename to src/pages/contributing/component/images/spec.png diff --git a/src/pages/how-to-contribute/component/index.mdx b/src/pages/contributing/component/index.mdx similarity index 100% rename from src/pages/how-to-contribute/component/index.mdx rename to src/pages/contributing/component/index.mdx diff --git a/src/pages/how-to-contribute/contribute-icons.mdx b/src/pages/contributing/contribute-icons.mdx similarity index 100% rename from src/pages/how-to-contribute/contribute-icons.mdx rename to src/pages/contributing/contribute-icons.mdx diff --git a/src/pages/how-to-contribute/contribute-pictograms.mdx b/src/pages/contributing/contribute-pictograms.mdx similarity index 100% rename from src/pages/how-to-contribute/contribute-pictograms.mdx rename to src/pages/contributing/contribute-pictograms.mdx diff --git a/src/pages/how-to-contribute/documentation.mdx b/src/pages/contributing/documentation.mdx similarity index 100% rename from src/pages/how-to-contribute/documentation.mdx rename to src/pages/contributing/documentation.mdx diff --git a/src/pages/how-to-contribute/governance.mdx b/src/pages/contributing/governance.mdx similarity index 100% rename from src/pages/how-to-contribute/governance.mdx rename to src/pages/contributing/governance.mdx diff --git a/src/pages/how-to-contribute/overview.mdx b/src/pages/contributing/overview.mdx similarity index 100% rename from src/pages/how-to-contribute/overview.mdx rename to src/pages/contributing/overview.mdx diff --git a/src/pages/how-to-contribute/pattern.mdx b/src/pages/contributing/pattern.mdx similarity index 100% rename from src/pages/how-to-contribute/pattern.mdx rename to src/pages/contributing/pattern.mdx diff --git a/src/pages/resources/images/10_3-image.png b/src/pages/designing/design-resources/images/10_3-image.png similarity index 100% rename from src/pages/resources/images/10_3-image.png rename to src/pages/designing/design-resources/images/10_3-image.png diff --git a/src/pages/resources/images/Article_02.png b/src/pages/designing/design-resources/images/Article_02.png similarity index 100% rename from src/pages/resources/images/Article_02.png rename to src/pages/designing/design-resources/images/Article_02.png diff --git a/src/pages/resources/images/Article_03.png b/src/pages/designing/design-resources/images/Article_03.png similarity index 100% rename from src/pages/resources/images/Article_03.png rename to src/pages/designing/design-resources/images/Article_03.png diff --git a/src/pages/resources/images/Article_04.png b/src/pages/designing/design-resources/images/Article_04.png similarity index 100% rename from src/pages/resources/images/Article_04.png rename to src/pages/designing/design-resources/images/Article_04.png diff --git a/src/pages/resources/images/Article_05.png b/src/pages/designing/design-resources/images/Article_05.png similarity index 100% rename from src/pages/resources/images/Article_05.png rename to src/pages/designing/design-resources/images/Article_05.png diff --git a/src/pages/resources/images/Article_06.png b/src/pages/designing/design-resources/images/Article_06.png similarity index 100% rename from src/pages/resources/images/Article_06.png rename to src/pages/designing/design-resources/images/Article_06.png diff --git a/src/pages/resources/images/Aug_preview_rev_2.png b/src/pages/designing/design-resources/images/Aug_preview_rev_2.png similarity index 100% rename from src/pages/resources/images/Aug_preview_rev_2.png rename to src/pages/designing/design-resources/images/Aug_preview_rev_2.png diff --git a/src/pages/resources/images/Carbon_what_to_expect.png b/src/pages/designing/design-resources/images/Carbon_what_to_expect.png similarity index 100% rename from src/pages/resources/images/Carbon_what_to_expect.png rename to src/pages/designing/design-resources/images/Carbon_what_to_expect.png diff --git a/src/pages/resources/images/Featured_01.png b/src/pages/designing/design-resources/images/Featured_01.png similarity index 100% rename from src/pages/resources/images/Featured_01.png rename to src/pages/designing/design-resources/images/Featured_01.png diff --git a/src/pages/resources/images/Featured_02.png b/src/pages/designing/design-resources/images/Featured_02.png similarity index 100% rename from src/pages/resources/images/Featured_02.png rename to src/pages/designing/design-resources/images/Featured_02.png diff --git a/src/pages/resources/images/Featured_03.png b/src/pages/designing/design-resources/images/Featured_03.png similarity index 100% rename from src/pages/resources/images/Featured_03.png rename to src/pages/designing/design-resources/images/Featured_03.png diff --git a/src/pages/resources/images/Featured_04.png b/src/pages/designing/design-resources/images/Featured_04.png similarity index 100% rename from src/pages/resources/images/Featured_04.png rename to src/pages/designing/design-resources/images/Featured_04.png diff --git a/src/pages/resources/images/Featured_05.png b/src/pages/designing/design-resources/images/Featured_05.png similarity index 100% rename from src/pages/resources/images/Featured_05.png rename to src/pages/designing/design-resources/images/Featured_05.png diff --git a/src/pages/resources/images/adobe-xd.png b/src/pages/designing/design-resources/images/adobe-xd.png similarity index 100% rename from src/pages/resources/images/adobe-xd.png rename to src/pages/designing/design-resources/images/adobe-xd.png diff --git a/src/pages/resources/images/ase.png b/src/pages/designing/design-resources/images/ase.png similarity index 100% rename from src/pages/resources/images/ase.png rename to src/pages/designing/design-resources/images/ase.png diff --git a/src/pages/resources/images/because-colors.png b/src/pages/designing/design-resources/images/because-colors.png similarity index 100% rename from src/pages/resources/images/because-colors.png rename to src/pages/designing/design-resources/images/because-colors.png diff --git a/src/pages/resources/images/bee_70.png b/src/pages/designing/design-resources/images/bee_70.png similarity index 100% rename from src/pages/resources/images/bee_70.png rename to src/pages/designing/design-resources/images/bee_70.png diff --git a/src/pages/resources/images/carbon-devtools.png b/src/pages/designing/design-resources/images/carbon-devtools.png similarity index 100% rename from src/pages/resources/images/carbon-devtools.png rename to src/pages/designing/design-resources/images/carbon-devtools.png diff --git a/src/pages/resources/images/carbon_themes.png b/src/pages/designing/design-resources/images/carbon_themes.png similarity index 100% rename from src/pages/resources/images/carbon_themes.png rename to src/pages/designing/design-resources/images/carbon_themes.png diff --git a/src/pages/resources/images/code_palette.png b/src/pages/designing/design-resources/images/code_palette.png similarity index 100% rename from src/pages/resources/images/code_palette.png rename to src/pages/designing/design-resources/images/code_palette.png diff --git a/src/pages/resources/images/codepen-icon.png b/src/pages/designing/design-resources/images/codepen-icon.png similarity index 100% rename from src/pages/resources/images/codepen-icon.png rename to src/pages/designing/design-resources/images/codepen-icon.png diff --git a/src/pages/resources/images/color-contrast-icon.png b/src/pages/designing/design-resources/images/color-contrast-icon.png similarity index 100% rename from src/pages/resources/images/color-contrast-icon.png rename to src/pages/designing/design-resources/images/color-contrast-icon.png diff --git a/src/pages/resources/images/designing_with_carbon.png b/src/pages/designing/design-resources/images/designing_with_carbon.png similarity index 100% rename from src/pages/resources/images/designing_with_carbon.png rename to src/pages/designing/design-resources/images/designing_with_carbon.png diff --git a/src/pages/resources/images/github-icon-inverted.png b/src/pages/designing/design-resources/images/github-icon-inverted.png similarity index 100% rename from src/pages/resources/images/github-icon-inverted.png rename to src/pages/designing/design-resources/images/github-icon-inverted.png diff --git a/src/pages/resources/images/hacktoberfest.png b/src/pages/designing/design-resources/images/hacktoberfest.png similarity index 100% rename from src/pages/resources/images/hacktoberfest.png rename to src/pages/designing/design-resources/images/hacktoberfest.png diff --git a/src/pages/resources/images/homepage_01.png b/src/pages/designing/design-resources/images/homepage_01.png similarity index 100% rename from src/pages/resources/images/homepage_01.png rename to src/pages/designing/design-resources/images/homepage_01.png diff --git a/src/pages/resources/images/homepage_02.png b/src/pages/designing/design-resources/images/homepage_02.png similarity index 100% rename from src/pages/resources/images/homepage_02.png rename to src/pages/designing/design-resources/images/homepage_02.png diff --git a/src/pages/resources/images/june_option_3.png b/src/pages/designing/design-resources/images/june_option_3.png similarity index 100% rename from src/pages/resources/images/june_option_3.png rename to src/pages/designing/design-resources/images/june_option_3.png diff --git a/src/pages/resources/images/minimal_css.png b/src/pages/designing/design-resources/images/minimal_css.png similarity index 100% rename from src/pages/resources/images/minimal_css.png rename to src/pages/designing/design-resources/images/minimal_css.png diff --git a/src/pages/resources/images/mono_repo_teal.png b/src/pages/designing/design-resources/images/mono_repo_teal.png similarity index 100% rename from src/pages/resources/images/mono_repo_teal.png rename to src/pages/designing/design-resources/images/mono_repo_teal.png diff --git a/src/pages/resources/images/october_release.png b/src/pages/designing/design-resources/images/october_release.png similarity index 100% rename from src/pages/resources/images/october_release.png rename to src/pages/designing/design-resources/images/october_release.png diff --git a/src/pages/resources/images/patterns_announcement.png b/src/pages/designing/design-resources/images/patterns_announcement.png similarity index 100% rename from src/pages/resources/images/patterns_announcement.png rename to src/pages/designing/design-resources/images/patterns_announcement.png diff --git a/src/pages/resources/images/preview_carbon.png b/src/pages/designing/design-resources/images/preview_carbon.png similarity index 100% rename from src/pages/resources/images/preview_carbon.png rename to src/pages/designing/design-resources/images/preview_carbon.png diff --git a/src/pages/resources/images/security_pic.png b/src/pages/designing/design-resources/images/security_pic.png similarity index 100% rename from src/pages/resources/images/security_pic.png rename to src/pages/designing/design-resources/images/security_pic.png diff --git a/src/pages/resources/images/v10.7-release.png b/src/pages/designing/design-resources/images/v10.7-release.png similarity index 100% rename from src/pages/resources/images/v10.7-release.png rename to src/pages/designing/design-resources/images/v10.7-release.png diff --git a/src/pages/resources/images/writing-is-designing.png b/src/pages/designing/design-resources/images/writing-is-designing.png similarity index 100% rename from src/pages/resources/images/writing-is-designing.png rename to src/pages/designing/design-resources/images/writing-is-designing.png diff --git a/src/pages/resources/images/xd_kit_img.png b/src/pages/designing/design-resources/images/xd_kit_img.png similarity index 100% rename from src/pages/resources/images/xd_kit_img.png rename to src/pages/designing/design-resources/images/xd_kit_img.png diff --git a/src/pages/resources/index.mdx b/src/pages/designing/design-resources/index.mdx similarity index 70% rename from src/pages/resources/index.mdx rename to src/pages/designing/design-resources/index.mdx index 3cfcfa3a257..6f1aa7a2f24 100755 --- a/src/pages/resources/index.mdx +++ b/src/pages/designing/design-resources/index.mdx @@ -1,130 +1,46 @@ --- -title: Resources +title: Design resources description: - Everything you need to work with, learn about, and contribute to Carbon. + Everything you need to learn about and work with Carbon, including Sketch + libraries and templates, color palettes, fonts, GitHub repos, and design + tools. --- -Everything you need to work with, learn about, and contribute to Carbon. +Everything you need to learn about and work with Carbon, Sketch libraries and +templates, color palettes, GitHub repos, and design tools. - -Development resources -Design resources -Tools -Reading - + Introduction + Theme libraries + Color, grid, and icons + Fonts + GitHub repos + Tools -## Development resources - -### GitHub repos - - - - - - - - - - - - - - - - - - - - - - - - - - - +## Introduction - - - - +Carbon interprets the +[IBM Design Language](https://www.ibm.com/design/language/) and delivers it +through tools for designers and developers including guidance, tooling, +components, and support. Take the time to read the design language site so that +you fully understand what drives IBM's design philosophy and principles, and can +make informed decisions in your product design work. - +To use the Sketch libraries you'll find here, you need the **most recent +version** of [Sketch](<[https://www.sketch.com/](https://www.sketch.com/)>) +installed. If you’re new to the design kit, visit the +[Kits](designing/kits/sketch) page. - - - - - - - - +For data visualization resources, go to the +[Data visualization](<[https://www.carbondesignsystem.com/data-visualization/color-palettes](/data-visualization/color-palettes)>) +section. -### Storybooks - - - - - - - - - - - - - - - - - - - - - - - - - -## Design resources - -To use Sketch libraries you must have the **most recent version** of -[Sketch](https://www.sketchapp.com/) installed. If you're new to the design kit, -visit the [Get started](/get-started/design/sketch) guide. - -### Theme libraries +## Theme libraries @@ -161,7 +77,7 @@ visit the [Get started](/get-started/design/sketch) guide. -### Color, grid, and icons +## Color, grid, and icons @@ -220,30 +136,20 @@ visit the [Get started](/get-started/design/sketch) guide. - -### Data visualizations + + - - - - - - +![](images/color-contrast-icon.png) - - - - - + + -### GitHub repos +## GitHub repos @@ -270,63 +176,12 @@ visit the [Get started](/get-started/design/sketch) guide.
-#### IBM Plex +## Fonts Carbon uses the open-source typeface [IBM Plex](https://github.com/ibm/plex) – carefully designed to meet IBM's needs as a global technology company and reflect IBM's spirit, beliefs, and design principles. -#### IBM Design Language - -Carbon delivers the [IBM Design Language](https://www.ibm.com/design/language/) -as tools for designers and developers, guidance, tutorials, and support. - -## Tools - - - - - - - - - - - - -![](images/color-contrast-icon.png) - - - - - - - -![](images/adobe-xd.png) - - - - - - -![](images/carbon-devtools.png) - - - - - ## Reading ### Featured stories diff --git a/src/pages/designing/get-started.mdx b/src/pages/designing/get-started.mdx new file mode 100644 index 00000000000..1f156851db1 --- /dev/null +++ b/src/pages/designing/get-started.mdx @@ -0,0 +1,4 @@ +--- +title: Get started +description: +--- diff --git a/src/pages/get-started/design/adobe-xd.mdx b/src/pages/designing/kits/adobe-xd.mdx similarity index 99% rename from src/pages/get-started/design/adobe-xd.mdx rename to src/pages/designing/kits/adobe-xd.mdx index a74f9ff3d2b..abaec7025e0 100755 --- a/src/pages/get-started/design/adobe-xd.mdx +++ b/src/pages/designing/kits/adobe-xd.mdx @@ -1,5 +1,5 @@ --- -title: Design +title: Kits description: Rapidly build beautiful and accessible experiences. The Carbon kit contains all resources you need to get started. diff --git a/src/pages/get-started/design/axure.mdx b/src/pages/designing/kits/axure.mdx similarity index 99% rename from src/pages/get-started/design/axure.mdx rename to src/pages/designing/kits/axure.mdx index 2f9483e9e4d..45dbf9838ae 100755 --- a/src/pages/get-started/design/axure.mdx +++ b/src/pages/designing/kits/axure.mdx @@ -1,5 +1,5 @@ --- -title: Design +title: Kits description: Rapidly build beautiful and accessible experiences. The Carbon kit contains all resources you need to get started. diff --git a/src/pages/get-started/design/images/Carbon-kit-library.png b/src/pages/designing/kits/images/Carbon-kit-library.png similarity index 100% rename from src/pages/get-started/design/images/Carbon-kit-library.png rename to src/pages/designing/kits/images/Carbon-kit-library.png diff --git a/src/pages/get-started/design/images/adobe-xd.png b/src/pages/designing/kits/images/adobe-xd.png similarity index 100% rename from src/pages/get-started/design/images/adobe-xd.png rename to src/pages/designing/kits/images/adobe-xd.png diff --git a/src/pages/get-started/design/images/axure-icon.png b/src/pages/designing/kits/images/axure-icon.png similarity index 100% rename from src/pages/get-started/design/images/axure-icon.png rename to src/pages/designing/kits/images/axure-icon.png diff --git a/src/pages/get-started/design/images/axure-updates.png b/src/pages/designing/kits/images/axure-updates.png similarity index 100% rename from src/pages/get-started/design/images/axure-updates.png rename to src/pages/designing/kits/images/axure-updates.png diff --git a/src/pages/get-started/design/images/carbon-kit.png b/src/pages/designing/kits/images/carbon-kit.png similarity index 100% rename from src/pages/get-started/design/images/carbon-kit.png rename to src/pages/designing/kits/images/carbon-kit.png diff --git a/src/pages/get-started/design/images/grid-1.png b/src/pages/designing/kits/images/grid-1.png similarity index 100% rename from src/pages/get-started/design/images/grid-1.png rename to src/pages/designing/kits/images/grid-1.png diff --git a/src/pages/get-started/design/images/grid-2.gif b/src/pages/designing/kits/images/grid-2.gif similarity index 100% rename from src/pages/get-started/design/images/grid-2.gif rename to src/pages/designing/kits/images/grid-2.gif diff --git a/src/pages/get-started/design/images/ibm-carbon.png b/src/pages/designing/kits/images/ibm-carbon.png similarity index 100% rename from src/pages/get-started/design/images/ibm-carbon.png rename to src/pages/designing/kits/images/ibm-carbon.png diff --git a/src/pages/get-started/design/images/kit-1.png b/src/pages/designing/kits/images/kit-1.png similarity index 100% rename from src/pages/get-started/design/images/kit-1.png rename to src/pages/designing/kits/images/kit-1.png diff --git a/src/pages/get-started/design/images/kit-2.png b/src/pages/designing/kits/images/kit-2.png similarity index 100% rename from src/pages/get-started/design/images/kit-2.png rename to src/pages/designing/kits/images/kit-2.png diff --git a/src/pages/get-started/design/images/kit-3.png b/src/pages/designing/kits/images/kit-3.png similarity index 100% rename from src/pages/get-started/design/images/kit-3.png rename to src/pages/designing/kits/images/kit-3.png diff --git a/src/pages/get-started/design/images/kit-4.png b/src/pages/designing/kits/images/kit-4.png similarity index 100% rename from src/pages/get-started/design/images/kit-4.png rename to src/pages/designing/kits/images/kit-4.png diff --git a/src/pages/get-started/design/images/layer-style-1.png b/src/pages/designing/kits/images/layer-style-1.png similarity index 100% rename from src/pages/get-started/design/images/layer-style-1.png rename to src/pages/designing/kits/images/layer-style-1.png diff --git a/src/pages/get-started/design/images/symbol-nav.png b/src/pages/designing/kits/images/symbol-nav.png similarity index 100% rename from src/pages/get-started/design/images/symbol-nav.png rename to src/pages/designing/kits/images/symbol-nav.png diff --git a/src/pages/get-started/design/images/template-1.png b/src/pages/designing/kits/images/template-1.png similarity index 100% rename from src/pages/get-started/design/images/template-1.png rename to src/pages/designing/kits/images/template-1.png diff --git a/src/pages/get-started/design/images/template-2.png b/src/pages/designing/kits/images/template-2.png similarity index 100% rename from src/pages/get-started/design/images/template-2.png rename to src/pages/designing/kits/images/template-2.png diff --git a/src/pages/get-started/design/images/template-3.png b/src/pages/designing/kits/images/template-3.png similarity index 100% rename from src/pages/get-started/design/images/template-3.png rename to src/pages/designing/kits/images/template-3.png diff --git a/src/pages/get-started/design/images/text-styles-1.png b/src/pages/designing/kits/images/text-styles-1.png similarity index 100% rename from src/pages/get-started/design/images/text-styles-1.png rename to src/pages/designing/kits/images/text-styles-1.png diff --git a/src/pages/get-started/design/images/text-styles-2.png b/src/pages/designing/kits/images/text-styles-2.png similarity index 100% rename from src/pages/get-started/design/images/text-styles-2.png rename to src/pages/designing/kits/images/text-styles-2.png diff --git a/src/pages/get-started/design/sketch.mdx b/src/pages/designing/kits/sketch.mdx similarity index 99% rename from src/pages/get-started/design/sketch.mdx rename to src/pages/designing/kits/sketch.mdx index ae547401234..0a02efeac40 100755 --- a/src/pages/get-started/design/sketch.mdx +++ b/src/pages/designing/kits/sketch.mdx @@ -1,5 +1,5 @@ --- -title: Design +title: Kits description: Rapidly build beautiful and accessible experiences. The Carbon kit contains all resources you need to get started. diff --git a/src/pages/designing/tutorials.mdx b/src/pages/designing/tutorials.mdx new file mode 100644 index 00000000000..b324722eaa0 --- /dev/null +++ b/src/pages/designing/tutorials.mdx @@ -0,0 +1,4 @@ +--- +title: Tutorials +description: +--- diff --git a/src/pages/tutorial/angular/images/carbon-badge.png b/src/pages/developing/angular-tutorial/images/carbon-badge.png similarity index 100% rename from src/pages/tutorial/angular/images/carbon-badge.png rename to src/pages/developing/angular-tutorial/images/carbon-badge.png diff --git a/src/pages/tutorial/angular/overview.mdx b/src/pages/developing/angular-tutorial/overview.mdx similarity index 100% rename from src/pages/tutorial/angular/overview.mdx rename to src/pages/developing/angular-tutorial/overview.mdx diff --git a/src/pages/tutorial/angular/step-1.mdx b/src/pages/developing/angular-tutorial/step-1.mdx similarity index 100% rename from src/pages/tutorial/angular/step-1.mdx rename to src/pages/developing/angular-tutorial/step-1.mdx diff --git a/src/pages/tutorial/angular/step-2.mdx b/src/pages/developing/angular-tutorial/step-2.mdx similarity index 100% rename from src/pages/tutorial/angular/step-2.mdx rename to src/pages/developing/angular-tutorial/step-2.mdx diff --git a/src/pages/tutorial/angular/step-3.mdx b/src/pages/developing/angular-tutorial/step-3.mdx similarity index 100% rename from src/pages/tutorial/angular/step-3.mdx rename to src/pages/developing/angular-tutorial/step-3.mdx diff --git a/src/pages/tutorial/angular/step-4.mdx b/src/pages/developing/angular-tutorial/step-4.mdx similarity index 100% rename from src/pages/tutorial/angular/step-4.mdx rename to src/pages/developing/angular-tutorial/step-4.mdx diff --git a/src/pages/tutorial/angular/step-5.mdx b/src/pages/developing/angular-tutorial/step-5.mdx similarity index 100% rename from src/pages/tutorial/angular/step-5.mdx rename to src/pages/developing/angular-tutorial/step-5.mdx diff --git a/src/pages/tutorial/angular/wrapping-up.mdx b/src/pages/developing/angular-tutorial/wrapping-up.mdx similarity index 100% rename from src/pages/tutorial/angular/wrapping-up.mdx rename to src/pages/developing/angular-tutorial/wrapping-up.mdx diff --git a/src/pages/developing/dev-resources/images/carbon-devtools.png b/src/pages/developing/dev-resources/images/carbon-devtools.png new file mode 100644 index 00000000000..64c088df3dc Binary files /dev/null and b/src/pages/developing/dev-resources/images/carbon-devtools.png differ diff --git a/src/pages/developing/dev-resources/images/codepen-icon.png b/src/pages/developing/dev-resources/images/codepen-icon.png new file mode 100644 index 00000000000..a9d165c34d8 Binary files /dev/null and b/src/pages/developing/dev-resources/images/codepen-icon.png differ diff --git a/src/pages/developing/dev-resources/index.mdx b/src/pages/developing/dev-resources/index.mdx new file mode 100644 index 00000000000..776408f3b13 --- /dev/null +++ b/src/pages/developing/dev-resources/index.mdx @@ -0,0 +1,136 @@ +--- +title: Developer resources +description: + Here you'll find Carbon tools, as well as our GitHub repos and Storybooks for + your framework of choice. +--- + + + +Here you'll find Carbon tools, as well as our GitHub repos and Storybooks for +your framework of choice. + + + +### GitHub repos + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +### Storybooks + + + + + + + + + + + + + + + + + + + + + + + + + +### Tools + + + + + + + + + + + + + +![](/images/carbon-devtools.png) + + + + diff --git a/src/pages/get-started/develop/angular.mdx b/src/pages/developing/frameworks/angular.mdx similarity index 99% rename from src/pages/get-started/develop/angular.mdx rename to src/pages/developing/frameworks/angular.mdx index 7251b9d2093..56cdfcf0b94 100644 --- a/src/pages/get-started/develop/angular.mdx +++ b/src/pages/developing/frameworks/angular.mdx @@ -1,5 +1,5 @@ --- -title: Develop +title: Frameworks description: The Carbon Design System is built React first. We also support core parts of the system in vanilla JS, Angular, and Vue. diff --git a/src/pages/get-started/develop/images/carbon-angular-starter.png b/src/pages/developing/frameworks/images/carbon-angular-starter.png similarity index 100% rename from src/pages/get-started/develop/images/carbon-angular-starter.png rename to src/pages/developing/frameworks/images/carbon-angular-starter.png diff --git a/src/pages/get-started/develop/images/codesandbox.png b/src/pages/developing/frameworks/images/codesandbox.png similarity index 100% rename from src/pages/get-started/develop/images/codesandbox.png rename to src/pages/developing/frameworks/images/codesandbox.png diff --git a/src/pages/get-started/develop/images/storybook.svg b/src/pages/developing/frameworks/images/storybook.svg similarity index 100% rename from src/pages/get-started/develop/images/storybook.svg rename to src/pages/developing/frameworks/images/storybook.svg diff --git a/src/pages/get-started/develop/other-frameworks.mdx b/src/pages/developing/frameworks/other-frameworks.mdx similarity index 99% rename from src/pages/get-started/develop/other-frameworks.mdx rename to src/pages/developing/frameworks/other-frameworks.mdx index d83f73838ef..7aa237686ab 100755 --- a/src/pages/get-started/develop/other-frameworks.mdx +++ b/src/pages/developing/frameworks/other-frameworks.mdx @@ -1,5 +1,5 @@ --- -title: Develop +title: Frameworks description: The Carbon Design System is built React first. We also support core parts of the system in vanilla JS, Angular, and Vue. diff --git a/src/pages/get-started/develop/react.mdx b/src/pages/developing/frameworks/react.mdx similarity index 96% rename from src/pages/get-started/develop/react.mdx rename to src/pages/developing/frameworks/react.mdx index 7110e470ad4..36eb0957c4a 100755 --- a/src/pages/get-started/develop/react.mdx +++ b/src/pages/developing/frameworks/react.mdx @@ -1,5 +1,5 @@ --- -title: Develop +title: Frameworks description: The Carbon Design System is built React first. We also support core parts of the system in vanilla JS, Angular, and Vue. @@ -29,8 +29,8 @@ and production work. ![Storybook icon](images/storybook.svg) diff --git a/src/pages/get-started/develop/vanilla.mdx b/src/pages/developing/frameworks/vanilla.mdx similarity index 99% rename from src/pages/get-started/develop/vanilla.mdx rename to src/pages/developing/frameworks/vanilla.mdx index 1070e27d8fd..57f687fc3fb 100755 --- a/src/pages/get-started/develop/vanilla.mdx +++ b/src/pages/developing/frameworks/vanilla.mdx @@ -1,5 +1,5 @@ --- -title: Develop +title: Frameworks description: The Carbon Design System is built React first. We also support core parts of the system in vanilla JS, Angular, and Vue. diff --git a/src/pages/get-started/develop/vue.mdx b/src/pages/developing/frameworks/vue.mdx similarity index 99% rename from src/pages/get-started/develop/vue.mdx rename to src/pages/developing/frameworks/vue.mdx index 26ad29d0ef0..6b61b5ee60f 100644 --- a/src/pages/get-started/develop/vue.mdx +++ b/src/pages/developing/frameworks/vue.mdx @@ -1,5 +1,5 @@ --- -title: Develop +title: Frameworks description: The Carbon Design System is built React first. We also support core parts of the system in vanilla JS, Angular, and Vue. diff --git a/src/pages/developing/get-started.mdx b/src/pages/developing/get-started.mdx new file mode 100644 index 00000000000..987790bf12a --- /dev/null +++ b/src/pages/developing/get-started.mdx @@ -0,0 +1,116 @@ +--- +title: Get started +description: + Get started developing with the Carbon Design System. We also support the + system in React, vanilla JS, Angular, and Vue. +--- + + + + + +Welcome to Carbon! Get started developing in the Carbon Design System. The +Carbon Design System is built React first. We also support core parts of the +system in vanilla JS, Angular, and Vue and offer guidelines for other +frameworks. + + + + + +Get started +Tutorial +Developer resources + + + +## Get started + + + + + + + + + + + + + + + + + + + + + + + + + + + + +## Tutorial + +We offer tutorials to help guide you in creating an app with the Carbon Design +System. We’ll teach you the ins and outs of using Carbon components, while +introducing web development best practices along the way. + + + + + + + + + + + + + + + + + + + + + + + + + +## Developer Resources + +Here you’ll find Carbon tools, as well as our GitHub repos and Storybooks for +your framework of choice. + + + + + + diff --git a/src/pages/tutorial/react/images/carbon-badge.png b/src/pages/developing/react-tutorial/images/carbon-badge.png similarity index 100% rename from src/pages/tutorial/react/images/carbon-badge.png rename to src/pages/developing/react-tutorial/images/carbon-badge.png diff --git a/src/pages/tutorial/react/overview.mdx b/src/pages/developing/react-tutorial/overview.mdx similarity index 100% rename from src/pages/tutorial/react/overview.mdx rename to src/pages/developing/react-tutorial/overview.mdx diff --git a/src/pages/tutorial/react/step-1.mdx b/src/pages/developing/react-tutorial/step-1.mdx similarity index 100% rename from src/pages/tutorial/react/step-1.mdx rename to src/pages/developing/react-tutorial/step-1.mdx diff --git a/src/pages/tutorial/react/step-2.mdx b/src/pages/developing/react-tutorial/step-2.mdx similarity index 100% rename from src/pages/tutorial/react/step-2.mdx rename to src/pages/developing/react-tutorial/step-2.mdx diff --git a/src/pages/tutorial/react/step-3.mdx b/src/pages/developing/react-tutorial/step-3.mdx similarity index 100% rename from src/pages/tutorial/react/step-3.mdx rename to src/pages/developing/react-tutorial/step-3.mdx diff --git a/src/pages/tutorial/react/step-4.mdx b/src/pages/developing/react-tutorial/step-4.mdx similarity index 100% rename from src/pages/tutorial/react/step-4.mdx rename to src/pages/developing/react-tutorial/step-4.mdx diff --git a/src/pages/tutorial/react/step-5.mdx b/src/pages/developing/react-tutorial/step-5.mdx similarity index 100% rename from src/pages/tutorial/react/step-5.mdx rename to src/pages/developing/react-tutorial/step-5.mdx diff --git a/src/pages/tutorial/react/wrapping-up.mdx b/src/pages/developing/react-tutorial/wrapping-up.mdx similarity index 100% rename from src/pages/tutorial/react/wrapping-up.mdx rename to src/pages/developing/react-tutorial/wrapping-up.mdx diff --git a/src/pages/tutorial/shared/step-2/images/landing-layout.png b/src/pages/developing/shared/step-2/images/landing-layout.png similarity index 100% rename from src/pages/tutorial/shared/step-2/images/landing-layout.png rename to src/pages/developing/shared/step-2/images/landing-layout.png diff --git a/src/pages/tutorial/shared/step-2/images/landing-r1-spacing.png b/src/pages/developing/shared/step-2/images/landing-r1-spacing.png similarity index 100% rename from src/pages/tutorial/shared/step-2/images/landing-r1-spacing.png rename to src/pages/developing/shared/step-2/images/landing-r1-spacing.png diff --git a/src/pages/tutorial/shared/step-2/images/landing-r1-type.png b/src/pages/developing/shared/step-2/images/landing-r1-type.png similarity index 100% rename from src/pages/tutorial/shared/step-2/images/landing-r1-type.png rename to src/pages/developing/shared/step-2/images/landing-r1-type.png diff --git a/src/pages/tutorial/shared/step-2/images/landing-r2-spacing.png b/src/pages/developing/shared/step-2/images/landing-r2-spacing.png similarity index 100% rename from src/pages/tutorial/shared/step-2/images/landing-r2-spacing.png rename to src/pages/developing/shared/step-2/images/landing-r2-spacing.png diff --git a/src/pages/tutorial/shared/step-2/images/landing-r3-spacing.png b/src/pages/developing/shared/step-2/images/landing-r3-spacing.png similarity index 100% rename from src/pages/tutorial/shared/step-2/images/landing-r3-spacing.png rename to src/pages/developing/shared/step-2/images/landing-r3-spacing.png diff --git a/src/pages/tutorial/shared/step-4/images/DAP-violations.png b/src/pages/developing/shared/step-4/images/DAP-violations.png similarity index 100% rename from src/pages/tutorial/shared/step-4/images/DAP-violations.png rename to src/pages/developing/shared/step-4/images/DAP-violations.png diff --git a/src/pages/tutorial/shared/step-4/images/info-layout.png b/src/pages/developing/shared/step-4/images/info-layout.png similarity index 100% rename from src/pages/tutorial/shared/step-4/images/info-layout.png rename to src/pages/developing/shared/step-4/images/info-layout.png diff --git a/src/pages/tutorial/shared/step-4/images/info-spacing.png b/src/pages/developing/shared/step-4/images/info-spacing.png similarity index 100% rename from src/pages/tutorial/shared/step-4/images/info-spacing.png rename to src/pages/developing/shared/step-4/images/info-spacing.png diff --git a/src/pages/tutorial/shared/wrapping-up/images/carbon-tee.png b/src/pages/developing/shared/wrapping-up/images/carbon-tee.png similarity index 100% rename from src/pages/tutorial/shared/wrapping-up/images/carbon-tee.png rename to src/pages/developing/shared/wrapping-up/images/carbon-tee.png diff --git a/src/pages/tutorial/vue/images/carbon-badge-vue.png b/src/pages/developing/vue-tutorial/images/carbon-badge-vue.png similarity index 100% rename from src/pages/tutorial/vue/images/carbon-badge-vue.png rename to src/pages/developing/vue-tutorial/images/carbon-badge-vue.png diff --git a/src/pages/tutorial/vue/overview.mdx b/src/pages/developing/vue-tutorial/overview.mdx similarity index 100% rename from src/pages/tutorial/vue/overview.mdx rename to src/pages/developing/vue-tutorial/overview.mdx diff --git a/src/pages/tutorial/vue/step-1.mdx b/src/pages/developing/vue-tutorial/step-1.mdx similarity index 100% rename from src/pages/tutorial/vue/step-1.mdx rename to src/pages/developing/vue-tutorial/step-1.mdx diff --git a/src/pages/tutorial/vue/step-2.mdx b/src/pages/developing/vue-tutorial/step-2.mdx similarity index 100% rename from src/pages/tutorial/vue/step-2.mdx rename to src/pages/developing/vue-tutorial/step-2.mdx diff --git a/src/pages/tutorial/vue/step-3.mdx b/src/pages/developing/vue-tutorial/step-3.mdx similarity index 100% rename from src/pages/tutorial/vue/step-3.mdx rename to src/pages/developing/vue-tutorial/step-3.mdx diff --git a/src/pages/tutorial/vue/step-4.mdx b/src/pages/developing/vue-tutorial/step-4.mdx similarity index 100% rename from src/pages/tutorial/vue/step-4.mdx rename to src/pages/developing/vue-tutorial/step-4.mdx diff --git a/src/pages/tutorial/vue/step-5.mdx b/src/pages/developing/vue-tutorial/step-5.mdx similarity index 100% rename from src/pages/tutorial/vue/step-5.mdx rename to src/pages/developing/vue-tutorial/step-5.mdx diff --git a/src/pages/tutorial/vue/wrapping-up.mdx b/src/pages/developing/vue-tutorial/wrapping-up.mdx similarity index 100% rename from src/pages/tutorial/vue/wrapping-up.mdx rename to src/pages/developing/vue-tutorial/wrapping-up.mdx diff --git a/src/pages/help/certificate-of-originality.mdx b/src/pages/help/certificate-of-originality.mdx new file mode 100644 index 00000000000..521ae885f75 --- /dev/null +++ b/src/pages/help/certificate-of-originality.mdx @@ -0,0 +1,25 @@ +--- +title: Certificate of originality +description: +--- + +## Certificate of Originality + +This information is only relevant for IBM teams building with Carbon. + +### Carbon v10.x + +- COO record ID: 95607540 +- COO reference number: COO20190204 +- Name of IBM material (with version number): IBM Design System [Version 10, + Release n/a, Modification n/a] +- Last release date: March 31, 2019 +- Name of Product/Program manager or author of material: Matt Rosno/US/IBM + +### Carbon v9.x + +- COO number of IBM material (if any): AUS720180239 +- Name of IBM material (with version number): IBM Design System [Version 9, + Release n/a, Modification n/a] +- Last release date: June 4, 2018 +- Name of Product/Program manager or author of material: Matt Rosno/US/IBM diff --git a/src/pages/help/support/index.mdx b/src/pages/help/contact-us/index.mdx similarity index 99% rename from src/pages/help/support/index.mdx rename to src/pages/help/contact-us/index.mdx index 84582b719c1..bbb6a4e848d 100755 --- a/src/pages/help/support/index.mdx +++ b/src/pages/help/contact-us/index.mdx @@ -1,5 +1,5 @@ --- -title: Support +title: Contact us description: The Carbon core team provides support for users of the design system. Some of our common channels for this include GitHub, Slack, Twitter, and email. diff --git a/src/pages/help/faq/images/3col-layouts.png b/src/pages/help/faqs/images/3col-layouts.png similarity index 100% rename from src/pages/help/faq/images/3col-layouts.png rename to src/pages/help/faqs/images/3col-layouts.png diff --git a/src/pages/help/faq/index.mdx b/src/pages/help/faqs/index.mdx similarity index 99% rename from src/pages/help/faq/index.mdx rename to src/pages/help/faqs/index.mdx index 20fd9c55dbc..fb1cb021c26 100755 --- a/src/pages/help/faq/index.mdx +++ b/src/pages/help/faqs/index.mdx @@ -1,5 +1,5 @@ --- -title: FAQ +title: FAQs description: What is the Carbon Design System? Who works on Carbon? How can I contribute? Here, we answer some of our frequently asked questions. diff --git a/src/pages/updates/migration-guide/design.mdx b/src/pages/help/migration-guide/design.mdx similarity index 100% rename from src/pages/updates/migration-guide/design.mdx rename to src/pages/help/migration-guide/design.mdx diff --git a/src/pages/updates/migration-guide/develop.mdx b/src/pages/help/migration-guide/develop.mdx similarity index 100% rename from src/pages/updates/migration-guide/develop.mdx rename to src/pages/help/migration-guide/develop.mdx diff --git a/src/pages/updates/migration-guide/images/Carbon-kit-library.png b/src/pages/help/migration-guide/images/Carbon-kit-library.png similarity index 100% rename from src/pages/updates/migration-guide/images/Carbon-kit-library.png rename to src/pages/help/migration-guide/images/Carbon-kit-library.png diff --git a/src/pages/updates/migration-guide/images/IDL-kit-library.png b/src/pages/help/migration-guide/images/IDL-kit-library.png similarity index 100% rename from src/pages/updates/migration-guide/images/IDL-kit-library.png rename to src/pages/help/migration-guide/images/IDL-kit-library.png diff --git a/src/pages/updates/migration-guide/images/design-kit-step-1a.png b/src/pages/help/migration-guide/images/design-kit-step-1a.png similarity index 100% rename from src/pages/updates/migration-guide/images/design-kit-step-1a.png rename to src/pages/help/migration-guide/images/design-kit-step-1a.png diff --git a/src/pages/updates/migration-guide/images/design-kit-step-2a.png b/src/pages/help/migration-guide/images/design-kit-step-2a.png similarity index 100% rename from src/pages/updates/migration-guide/images/design-kit-step-2a.png rename to src/pages/help/migration-guide/images/design-kit-step-2a.png diff --git a/src/pages/updates/migration-guide/images/grid-template-1.png b/src/pages/help/migration-guide/images/grid-template-1.png similarity index 100% rename from src/pages/updates/migration-guide/images/grid-template-1.png rename to src/pages/help/migration-guide/images/grid-template-1.png diff --git a/src/pages/updates/migration-guide/images/react-icon.png b/src/pages/help/migration-guide/images/react-icon.png similarity index 100% rename from src/pages/updates/migration-guide/images/react-icon.png rename to src/pages/help/migration-guide/images/react-icon.png diff --git a/src/pages/updates/migration-guide/overview.mdx b/src/pages/help/migration-guide/overview.mdx similarity index 100% rename from src/pages/updates/migration-guide/overview.mdx rename to src/pages/help/migration-guide/overview.mdx diff --git a/src/pages/updates/whats-new/images/z-icon.svg b/src/pages/whats-happening/changelog-and-roadmap/images/z-icon.svg similarity index 100% rename from src/pages/updates/whats-new/images/z-icon.svg rename to src/pages/whats-happening/changelog-and-roadmap/images/z-icon.svg diff --git a/src/pages/updates/whats-new/index.mdx b/src/pages/whats-happening/changelog-and-roadmap/index.mdx similarity index 84% rename from src/pages/updates/whats-new/index.mdx rename to src/pages/whats-happening/changelog-and-roadmap/index.mdx index 34acbe4fa4c..2de2ccdc40c 100644 --- a/src/pages/updates/whats-new/index.mdx +++ b/src/pages/whats-happening/changelog-and-roadmap/index.mdx @@ -1,8 +1,8 @@ --- -title: Changelog and roadmap +title: Changelog & roadmap description: - This changelog reflects the most recent changes to the design system, from bug - fixes to feature enhancements. + Read about the latest updates and learn more about what the team has planned + for Carbon’s future. --- diff --git a/src/pages/whats-happening/events/index.mdx b/src/pages/whats-happening/events/index.mdx new file mode 100644 index 00000000000..8a2c343190c --- /dev/null +++ b/src/pages/whats-happening/events/index.mdx @@ -0,0 +1,16 @@ +--- +title: Events +description: + The Carbon team is committed to making members of the community successful. + Find events for learning what’s new, tips and tricks, and leveling up your + skills. +--- + + + +The Carbon team is committed to making members of the community successful. Find +events for learning what’s new, tips and tricks, and leveling up your skills. + + + +This page is a work in progress. diff --git a/src/pages/whats-happening/news-and-articles/images/10_3-image.png b/src/pages/whats-happening/news-and-articles/images/10_3-image.png new file mode 100644 index 00000000000..1fcd091ddf4 Binary files /dev/null and b/src/pages/whats-happening/news-and-articles/images/10_3-image.png differ diff --git a/src/pages/whats-happening/news-and-articles/images/Article_02.png b/src/pages/whats-happening/news-and-articles/images/Article_02.png new file mode 100644 index 00000000000..7871c4e4b60 Binary files /dev/null and b/src/pages/whats-happening/news-and-articles/images/Article_02.png differ diff --git a/src/pages/whats-happening/news-and-articles/images/Article_03.png b/src/pages/whats-happening/news-and-articles/images/Article_03.png new file mode 100644 index 00000000000..038238b2bd5 Binary files /dev/null and b/src/pages/whats-happening/news-and-articles/images/Article_03.png differ diff --git a/src/pages/whats-happening/news-and-articles/images/Article_04.png b/src/pages/whats-happening/news-and-articles/images/Article_04.png new file mode 100644 index 00000000000..a94ae5ae5e0 Binary files /dev/null and b/src/pages/whats-happening/news-and-articles/images/Article_04.png differ diff --git a/src/pages/whats-happening/news-and-articles/images/Article_05.png b/src/pages/whats-happening/news-and-articles/images/Article_05.png new file mode 100644 index 00000000000..075774343db Binary files /dev/null and b/src/pages/whats-happening/news-and-articles/images/Article_05.png differ diff --git a/src/pages/whats-happening/news-and-articles/images/Article_06.png b/src/pages/whats-happening/news-and-articles/images/Article_06.png new file mode 100644 index 00000000000..666461748ae Binary files /dev/null and b/src/pages/whats-happening/news-and-articles/images/Article_06.png differ diff --git a/src/pages/whats-happening/news-and-articles/images/Aug_preview_rev_2.png b/src/pages/whats-happening/news-and-articles/images/Aug_preview_rev_2.png new file mode 100644 index 00000000000..d29d3e2c43a Binary files /dev/null and b/src/pages/whats-happening/news-and-articles/images/Aug_preview_rev_2.png differ diff --git a/src/pages/whats-happening/news-and-articles/images/Carbon_what_to_expect.png b/src/pages/whats-happening/news-and-articles/images/Carbon_what_to_expect.png new file mode 100755 index 00000000000..c649d272479 Binary files /dev/null and b/src/pages/whats-happening/news-and-articles/images/Carbon_what_to_expect.png differ diff --git a/src/pages/whats-happening/news-and-articles/images/Featured_01.png b/src/pages/whats-happening/news-and-articles/images/Featured_01.png new file mode 100644 index 00000000000..841737249d6 Binary files /dev/null and b/src/pages/whats-happening/news-and-articles/images/Featured_01.png differ diff --git a/src/pages/whats-happening/news-and-articles/images/Featured_02.png b/src/pages/whats-happening/news-and-articles/images/Featured_02.png new file mode 100644 index 00000000000..61f47a34eba Binary files /dev/null and b/src/pages/whats-happening/news-and-articles/images/Featured_02.png differ diff --git a/src/pages/whats-happening/news-and-articles/images/Featured_03.png b/src/pages/whats-happening/news-and-articles/images/Featured_03.png new file mode 100644 index 00000000000..57d3b330a60 Binary files /dev/null and b/src/pages/whats-happening/news-and-articles/images/Featured_03.png differ diff --git a/src/pages/whats-happening/news-and-articles/images/Featured_04.png b/src/pages/whats-happening/news-and-articles/images/Featured_04.png new file mode 100644 index 00000000000..22fc935fea2 Binary files /dev/null and b/src/pages/whats-happening/news-and-articles/images/Featured_04.png differ diff --git a/src/pages/whats-happening/news-and-articles/images/Featured_05.png b/src/pages/whats-happening/news-and-articles/images/Featured_05.png new file mode 100644 index 00000000000..472f3134dba Binary files /dev/null and b/src/pages/whats-happening/news-and-articles/images/Featured_05.png differ diff --git a/src/pages/whats-happening/news-and-articles/images/adobe-xd.png b/src/pages/whats-happening/news-and-articles/images/adobe-xd.png new file mode 100644 index 00000000000..ee61dbeb613 Binary files /dev/null and b/src/pages/whats-happening/news-and-articles/images/adobe-xd.png differ diff --git a/src/pages/whats-happening/news-and-articles/images/ase.png b/src/pages/whats-happening/news-and-articles/images/ase.png new file mode 100644 index 00000000000..846f0f95021 Binary files /dev/null and b/src/pages/whats-happening/news-and-articles/images/ase.png differ diff --git a/src/pages/whats-happening/news-and-articles/images/because-colors.png b/src/pages/whats-happening/news-and-articles/images/because-colors.png new file mode 100755 index 00000000000..363a3fec07b Binary files /dev/null and b/src/pages/whats-happening/news-and-articles/images/because-colors.png differ diff --git a/src/pages/whats-happening/news-and-articles/images/bee_70.png b/src/pages/whats-happening/news-and-articles/images/bee_70.png new file mode 100644 index 00000000000..1c876060c9d Binary files /dev/null and b/src/pages/whats-happening/news-and-articles/images/bee_70.png differ diff --git a/src/pages/whats-happening/news-and-articles/images/carbon-devtools.png b/src/pages/whats-happening/news-and-articles/images/carbon-devtools.png new file mode 100644 index 00000000000..64c088df3dc Binary files /dev/null and b/src/pages/whats-happening/news-and-articles/images/carbon-devtools.png differ diff --git a/src/pages/whats-happening/news-and-articles/images/carbon_themes.png b/src/pages/whats-happening/news-and-articles/images/carbon_themes.png new file mode 100644 index 00000000000..eb6570bf9ed Binary files /dev/null and b/src/pages/whats-happening/news-and-articles/images/carbon_themes.png differ diff --git a/src/pages/whats-happening/news-and-articles/images/code_palette.png b/src/pages/whats-happening/news-and-articles/images/code_palette.png new file mode 100644 index 00000000000..088df33b2bd Binary files /dev/null and b/src/pages/whats-happening/news-and-articles/images/code_palette.png differ diff --git a/src/pages/whats-happening/news-and-articles/images/codepen-icon.png b/src/pages/whats-happening/news-and-articles/images/codepen-icon.png new file mode 100644 index 00000000000..a9d165c34d8 Binary files /dev/null and b/src/pages/whats-happening/news-and-articles/images/codepen-icon.png differ diff --git a/src/pages/whats-happening/news-and-articles/images/color-contrast-icon.png b/src/pages/whats-happening/news-and-articles/images/color-contrast-icon.png new file mode 100644 index 00000000000..4fafd5cf710 Binary files /dev/null and b/src/pages/whats-happening/news-and-articles/images/color-contrast-icon.png differ diff --git a/src/pages/whats-happening/news-and-articles/images/designing_with_carbon.png b/src/pages/whats-happening/news-and-articles/images/designing_with_carbon.png new file mode 100644 index 00000000000..211d1ca2017 Binary files /dev/null and b/src/pages/whats-happening/news-and-articles/images/designing_with_carbon.png differ diff --git a/src/pages/whats-happening/news-and-articles/images/github-icon-inverted.png b/src/pages/whats-happening/news-and-articles/images/github-icon-inverted.png new file mode 100644 index 00000000000..884432bebb6 Binary files /dev/null and b/src/pages/whats-happening/news-and-articles/images/github-icon-inverted.png differ diff --git a/src/pages/whats-happening/news-and-articles/images/hacktoberfest.png b/src/pages/whats-happening/news-and-articles/images/hacktoberfest.png new file mode 100644 index 00000000000..6fbcca18c87 Binary files /dev/null and b/src/pages/whats-happening/news-and-articles/images/hacktoberfest.png differ diff --git a/src/pages/whats-happening/news-and-articles/images/homepage_01.png b/src/pages/whats-happening/news-and-articles/images/homepage_01.png new file mode 100644 index 00000000000..b5d02809057 Binary files /dev/null and b/src/pages/whats-happening/news-and-articles/images/homepage_01.png differ diff --git a/src/pages/whats-happening/news-and-articles/images/homepage_02.png b/src/pages/whats-happening/news-and-articles/images/homepage_02.png new file mode 100644 index 00000000000..4e7ee7be557 Binary files /dev/null and b/src/pages/whats-happening/news-and-articles/images/homepage_02.png differ diff --git a/src/pages/whats-happening/news-and-articles/images/june_option_3.png b/src/pages/whats-happening/news-and-articles/images/june_option_3.png new file mode 100644 index 00000000000..93d7da426dd Binary files /dev/null and b/src/pages/whats-happening/news-and-articles/images/june_option_3.png differ diff --git a/src/pages/whats-happening/news-and-articles/images/minimal_css.png b/src/pages/whats-happening/news-and-articles/images/minimal_css.png new file mode 100644 index 00000000000..b562d55b42c Binary files /dev/null and b/src/pages/whats-happening/news-and-articles/images/minimal_css.png differ diff --git a/src/pages/whats-happening/news-and-articles/images/mono_repo_teal.png b/src/pages/whats-happening/news-and-articles/images/mono_repo_teal.png new file mode 100644 index 00000000000..a0c4b1479e1 Binary files /dev/null and b/src/pages/whats-happening/news-and-articles/images/mono_repo_teal.png differ diff --git a/src/pages/whats-happening/news-and-articles/images/october_release.png b/src/pages/whats-happening/news-and-articles/images/october_release.png new file mode 100644 index 00000000000..5c9053b2919 Binary files /dev/null and b/src/pages/whats-happening/news-and-articles/images/october_release.png differ diff --git a/src/pages/whats-happening/news-and-articles/images/patterns_announcement.png b/src/pages/whats-happening/news-and-articles/images/patterns_announcement.png new file mode 100644 index 00000000000..c343adf0638 Binary files /dev/null and b/src/pages/whats-happening/news-and-articles/images/patterns_announcement.png differ diff --git a/src/pages/whats-happening/news-and-articles/images/preview_carbon.png b/src/pages/whats-happening/news-and-articles/images/preview_carbon.png new file mode 100644 index 00000000000..adae8e1a11d Binary files /dev/null and b/src/pages/whats-happening/news-and-articles/images/preview_carbon.png differ diff --git a/src/pages/whats-happening/news-and-articles/images/security_pic.png b/src/pages/whats-happening/news-and-articles/images/security_pic.png new file mode 100755 index 00000000000..fcadcd4e380 Binary files /dev/null and b/src/pages/whats-happening/news-and-articles/images/security_pic.png differ diff --git a/src/pages/whats-happening/news-and-articles/images/v10.7-release.png b/src/pages/whats-happening/news-and-articles/images/v10.7-release.png new file mode 100644 index 00000000000..f019a758ae1 Binary files /dev/null and b/src/pages/whats-happening/news-and-articles/images/v10.7-release.png differ diff --git a/src/pages/whats-happening/news-and-articles/images/writing-is-designing.png b/src/pages/whats-happening/news-and-articles/images/writing-is-designing.png new file mode 100644 index 00000000000..eefbba2682a Binary files /dev/null and b/src/pages/whats-happening/news-and-articles/images/writing-is-designing.png differ diff --git a/src/pages/whats-happening/news-and-articles/images/xd_kit_img.png b/src/pages/whats-happening/news-and-articles/images/xd_kit_img.png new file mode 100644 index 00000000000..73d1bce065f Binary files /dev/null and b/src/pages/whats-happening/news-and-articles/images/xd_kit_img.png differ diff --git a/src/pages/whats-happening/news-and-articles/index.mdx b/src/pages/whats-happening/news-and-articles/index.mdx new file mode 100644 index 00000000000..d6d3c1175ab --- /dev/null +++ b/src/pages/whats-happening/news-and-articles/index.mdx @@ -0,0 +1,292 @@ +--- +title: News & articles +description: + Learn about some of Carbon's bigger projects and take a peek at our current + reading list of favorite books and articles. +--- + + + +Learn about some of Carbon's bigger projects and take a peek at our current +reading list of favorite books and articles. + + + + + Latest news + What we're reading + + +## Latest news + +### Medium articles + + + + + + + +![](/images/patterns_announcement.png) + + + + + + + +![](/images/v10.7-release.png) + + + + + + +![](/images/hacktoberfest.png) + + + + + + +![](/images/because-colors.png) + + + + + + +![](/images/october_release.png) + + + + + + +![](/images/security_pic.png) + + + + + + +![](/images/Aug_preview_rev_2.png) + + + + + + +![](/images/june_option_3.png) + + + + + + +![](/images/10_3-image.png) + + + + + + +![](/images/code_palette.png) + + + + + + +![](/images/mono_repo_teal.png) + + + + + + +![](/images/carbon_themes.png) + + + + + + +![](/images/bee_70.png) + + + + + + +![](/images/designing_with_carbon.png) + + + + + + +![](/images/minimal_css.png) + + + + + + +![](/images/Carbon_what_to_expect.png) + + + + + + +![](/images/Article_02.png) + + + + + + +![](/images/Article_03.png) + + + + + +## What we're reading + + + + + +![](images/writing-is-designing.png) + + + + + + +![](images/Featured_01.png) + + + + + + + +![](images/Featured_03.png) + + + + + + +![](images/Featured_04.png) + + + + + + +![](images/Featured_05.png) + + + + diff --git a/src/pages/updates/work-in-progress/images/github-icon.png b/src/pages/whats-happening/work-in-progress/images/github-icon.png similarity index 100% rename from src/pages/updates/work-in-progress/images/github-icon.png rename to src/pages/whats-happening/work-in-progress/images/github-icon.png diff --git a/src/pages/updates/work-in-progress/images/sketch-icon.png b/src/pages/whats-happening/work-in-progress/images/sketch-icon.png similarity index 100% rename from src/pages/updates/work-in-progress/images/sketch-icon.png rename to src/pages/whats-happening/work-in-progress/images/sketch-icon.png diff --git a/src/pages/updates/work-in-progress/index.mdx b/src/pages/whats-happening/work-in-progress/index.mdx similarity index 100% rename from src/pages/updates/work-in-progress/index.mdx rename to src/pages/whats-happening/work-in-progress/index.mdx