diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md index 0e307312..4520f1e9 100644 --- a/CONTRIBUTING.md +++ b/CONTRIBUTING.md @@ -2,46 +2,48 @@ ### Small Feature Development -Contributors who have write access to the repository will practice continuous +Contributors who have write access to the repository will practice continuous delivery (CD as known from now on in this document). -We will define CD in this document as a method of developing a feature per commit -with an encapsulating test that proves that the functionality is working, the -contributor will test their code locally and if all is passing will push to *master*. +We will define CD in this document as a method of developing a feature per +commit with an encapsulating test that proves that the functionality is working, +the contributor will test their code locally and if all is passing will push to +*master*. -For contributors that do not have write access, follow the same conventions but +For contributors that do not have write access, follow the same conventions but open a Pull Request instead. ### Large changesets -When larger changes need to be made, or the work that is carried out spans multiple -components / services of the application at the same time a single commit will -not suffice. +When larger changes need to be made, or the work that is carried out spans +multiple components / services of the application at the same time a single +commit will not suffice. In this scenario, the contributor should open a pull request instead. ## Commit messages -Follow [Git blessed](http://chris.beams.io/posts/git-commit/) and [Conventional Commits](https://conventionalcommits.org) +Follow [Git blessed](http://chris.beams.io/posts/git-commit/) and [Conventional +Commits](https://conventionalcommits.org) 1. Separate subject from body with a blank line -2. Limit the subject line to 50 characters -3. Capitalize the subject line -4. Do not end the subject line with a period -5. Use the imperative mood in the subject line -6. Wrap the body at 72 characters -7. Use the body to explain what and why vs. how +1. Limit the subject line to 50 characters +1. Capitalize the subject line +1. Do not end the subject line with a period +1. Use the imperative mood in the subject line +1. Wrap the body at 72 characters +1. Use the body to explain what and why vs. how -Types: +Types: - - build - - chore - - ci - - docs - - feat - - fix - - perf - - refactor - - revert - - style - - test +- build +- chore +- ci +- docs +- feat +- fix +- perf +- refactor +- revert +- style +- test diff --git a/packages/cloudapi-gql/README.md b/packages/cloudapi-gql/README.md index cde3e194..a94fa9ae 100644 --- a/packages/cloudapi-gql/README.md +++ b/packages/cloudapi-gql/README.md @@ -3,7 +3,8 @@ [![License: MPL 2.0](https://img.shields.io/badge/License-MPL%202.0-brightgreen.svg)](https://opensource.org/licenses/MPL-2.0) [![standard-readme compliant](https://img.shields.io/badge/standard--readme-OK-green.svg)](https://github.com/RichardLitt/standard-readme) -Server that exposes [CloudApi](https://apidocs.joyent.com/cloudapi/) through [GraphQL](http://graphql.org). +Server that exposes [CloudApi](https://apidocs.joyent.com/cloudapi/) through +[GraphQL](http://graphql.org). ## Table of Contents @@ -24,31 +25,28 @@ yarn add cloudapi-gql yarn run start ``` - - [GraphiQL](http://0.0.0.0:4000/graphiql) - - [Graphidoc](http://0.0.0.0:4000/doc) - - [Voyager](http://0.0.0.0:4000/voyager) - - [Playground](http://0.0.0.0:4000/playground) +- [GraphiQL](http://0.0.0.0:4000/graphiql) +- [Graphidoc](http://0.0.0.0:4000/doc) +- [Voyager](http://0.0.0.0:4000/voyager) +- [Playground](http://0.0.0.0:4000/playground) - -![](https://cldup.com/StGgfIbD3N.png) -![](https://cldup.com/fhpul_AJ13.png) -![](https://cldup.com/A-VwSbvWBe.png) -![](https://cldup.com/08P360Skhx.png) +![](https://cldup.com/StGgfIbD3N.png) ![](https://cldup.com/fhpul_AJ13.png) +![](https://cldup.com/A-VwSbvWBe.png) ![](https://cldup.com/08P360Skhx.png) ``` yarn run faker ``` - - [GraphQL Faker Interactive Editor](http://0.0.0.0:9002/editor) - - [GraphQL Faker API](http://0.0.0.0:9002/graphql) +- [GraphQL Faker Interactive Editor](http://0.0.0.0:9002/editor) +- [GraphQL Faker API](http://0.0.0.0:9002/graphql) ![](https://cldup.com/VWadVMorQ0.png) ## Todo - - [ ] Finish missing connections, transforms, and mutations - - [ ] remove node-triton dependency - - [ ] support multiple users on the same server +- [ ] Finish missing connections, transforms, and mutations +- [ ] remove node-triton dependency +- [ ] support multiple users on the same server ## License diff --git a/packages/ui-toolkit/README.md b/packages/ui-toolkit/README.md index f962f40e..1c8f2536 100644 --- a/packages/ui-toolkit/README.md +++ b/packages/ui-toolkit/README.md @@ -21,11 +21,9 @@ yarn add --dev joyent-portal-ui-toolkit ## Usage ```js -import { H1 } from 'joyent-portal-ui-toolkit' +import { H1 } from 'joyent-portal-ui-toolkit'; -export default () => ( -

Hello World

-); +export default () =>

Hello World

; ``` ## Demo diff --git a/packages/ui-toolkit/src/baseline/readme.md b/packages/ui-toolkit/src/baseline/readme.md index 248b9e91..5a4d0dc5 100644 --- a/packages/ui-toolkit/src/baseline/readme.md +++ b/packages/ui-toolkit/src/baseline/readme.md @@ -1,10 +1,13 @@ In the mockups, the spacing between elements is done through a baseline grid. -What that means is that spacing is measured in `units` over a `base`. I.e. `1.5 unit` where the base is `6px` corresponds to `9px`. +What that means is that spacing is measured in `units` over a `base`. I.e. `1.5 +unit` where the base is `6px` corresponds to `9px`. {insert image from sketch} -To allow a declarative way of defining spacing in every component in our UI framework, a composer was written that styles each component instance with based on the props passed to it. E.g.: +To allow a declarative way of defining spacing in every component in our UI +framework, a composer was written that styles each component instance with based +on the props passed to it. E.g.: ```html @@ -12,29 +15,36 @@ To allow a declarative way of defining spacing in every component in our UI fram Is going to translate into a ` -``` \ No newline at end of file +``` diff --git a/packages/ui-toolkit/src/button/usage.md b/packages/ui-toolkit/src/button/usage.md index 35d4ab04..a06ad21b 100644 --- a/packages/ui-toolkit/src/button/usage.md +++ b/packages/ui-toolkit/src/button/usage.md @@ -2,8 +2,8 @@ - - + +; ``` #### Button > Secondary @@ -12,8 +12,10 @@ - - + +; ``` #### Button > Tertiary @@ -22,10 +24,14 @@ - + - - + +; ``` #### Button > Disabled @@ -34,8 +40,10 @@ - - + +; ``` diff --git a/packages/ui-toolkit/src/card/usage.md b/packages/ui-toolkit/src/card/usage.md index 28c73f80..7c0cfa37 100644 --- a/packages/ui-toolkit/src/card/usage.md +++ b/packages/ui-toolkit/src/card/usage.md @@ -24,11 +24,11 @@ const { InstancesIconLight } = require('../icons'); iconPosition="left" label="4 of 4 instances" /> - + - +; ``` #### Card > Headed @@ -57,21 +57,21 @@ const { InstancesIconLight, HealthyIcon } = require('../icons'); iconPosition="left" label="4 of 4 instances" /> - + } - iconPosition="left" - label="Healthy" - color="dark" - /> + icon={} + iconPosition="left" + label="Healthy" + color="dark" + /> - +; ``` #### Card > Single state @@ -100,18 +100,18 @@ const { InstancesIconLight, HealthyIcon } = require('../icons'); iconPosition="left" label="4 of 4 instances" /> - + - 1 instance paused
- 1 instances stopped
- 1 instance not responding
+ 1 instance paused
+ 1 instances stopped
+ 1 instance not responding
- +; ``` #### Card > Metrics @@ -143,47 +143,38 @@ const { InstancesIconLight, HealthyIcon } = require('../icons'); iconPosition="left" label="4 of 4 instances" /> - + - Scaling from 1 to 4: finished - } - iconPosition="left" - label="Healthy" - color="dark" - /> + Scaling from 1 to 4: finished + } + iconPosition="left" + label="Healthy" + color="dark" + /> - - - Memory usage - - - - CPU usage - - - - CPU wait time - - - + + + Memory usage + + + + CPU usage + + + + CPU wait time + + + - +; ``` #### Card > Provisioning @@ -208,12 +199,12 @@ const { InstancesIconLight, HealthyIcon } = require('../icons'); Nginx - + - + - +; ``` ```jsx @@ -242,25 +233,25 @@ const { InstancesIconLight, HealthyIcon } = require('../icons'); iconPosition="left" label="4 of 4 instances" /> - + - -
-
-
- } - iconPosition="left" - label="Healthy" - color="dark" - /> + +
+
+
+ } + iconPosition="left" + label="Healthy" + color="dark" + /> - +; ``` #### Card > Disabled @@ -291,16 +282,16 @@ const StatusLoader = require('../status-loader').default; label="4 of 4 instances" color="dark" /> - + - + - + - +; ``` #### Card > Instance @@ -321,16 +312,16 @@ const { InstancesIconLight, HealthyIcon } = require('../icons'); - percona_primary - } - iconPosition="left" - label="Healthy" - color="dark" - /> + percona_primary + } + iconPosition="left" + label="Healthy" + color="dark" + /> - +; ``` #### Card > Instance > Stacked @@ -350,17 +341,17 @@ const { InstancesIconLight, HealthyIcon } = require('../icons'); - percona_primary - 4 instances - } - iconPosition="left" - label="Healthy" - color="dark" - /> + percona_primary + 4 instances + } + iconPosition="left" + label="Healthy" + color="dark" + /> - +; ``` #### Card > Instance > Group @@ -381,44 +372,44 @@ const { InstancesIconLight, HealthyIcon } = require('../icons'); - percona_primary - } - iconPosition="left" - label="Healthy" - color="dark" - /> + percona_primary + } + iconPosition="left" + label="Healthy" + color="dark" + /> - percona_primary - } - iconPosition="left" - label="Healthy" - color="dark" - /> + percona_primary + } + iconPosition="left" + label="Healthy" + color="dark" + /> - percona_primary - 4 instances - } - iconPosition="left" - label="Healthy" - color="dark" - /> + percona_primary + 4 instances + } + iconPosition="left" + label="Healthy" + color="dark" + /> - +; ``` #### Card > Instance > List @@ -436,26 +427,26 @@ const { HealthyIcon, DataCenterIcon } = require('../icons'); - WordPress_01 - - } - iconPosition="left" - label="Healthy" - color="dark" - /> - - + WordPress_01 + } - iconPosition="left" - label="eu-ams-1" - color="dark" - /> - - + icon={} + iconPosition="left" + label="Healthy" + color="dark" + /> + + + } + iconPosition="left" + label="eu-ams-1" + color="dark" + /> + + - +; ``` #### Card > Secondary @@ -486,7 +477,7 @@ const { Compute Optimise - +; ``` #### Card > Secondary > Active @@ -517,5 +508,5 @@ const { Compute Optimise - -``` \ No newline at end of file +; +``` diff --git a/packages/ui-toolkit/src/contribute.md b/packages/ui-toolkit/src/contribute.md index 7c2f2a09..aa78f83a 100644 --- a/packages/ui-toolkit/src/contribute.md +++ b/packages/ui-toolkit/src/contribute.md @@ -1,5 +1,8 @@ -We're delighted that you'd like to contribute to the toolkit, as we're always looking for ways to improve it. +We're delighted that you'd like to contribute to the toolkit, as we're always +looking for ways to improve it. -All of the code that powers the toolkit is open source and can be found on GitHub](https://github.com/yldio/joyent-portal/tree/master/packages/ui-toolkit). +All of the code that powers the toolkit is open source and can be found on +GitHub]([https://github.com/yldio/joyent-portal/tree/master/packages/ui-toolkit](https://github.com/yldio/joyent-portal/tree/master/packages/ui-toolkit)). -If there is anything that you'd like to improve or propose, please submit a pull request. And remember to check the contribution guidelines. 😀 +If there is anything that you'd like to improve or propose, please submit a pull +request. And remember to check the contribution guidelines. 😀 diff --git a/packages/ui-toolkit/src/download.md b/packages/ui-toolkit/src/download.md index 23d3b166..8571f718 100644 --- a/packages/ui-toolkit/src/download.md +++ b/packages/ui-toolkit/src/download.md @@ -1,7 +1,7 @@ The code can be found in: -* [GitHub](https://github.com/yldio/joyent-portal/tree/master/packages/ui-toolkit) -* [npm](https://www.npmjs.com/package/joyent-ui-toolkit) +- [GitHub](https://github.com/yldio/joyent-portal/tree/master/packages/ui-toolkit) +- [npm](https://www.npmjs.com/package/joyent-ui-toolkit) ### Install @@ -25,4 +25,4 @@ export default () => ( yarn styleguide ``` -Open ``http://0.0.0.0:6060`` +Open `http://0.0.0.0:6060` diff --git a/packages/ui-toolkit/src/faq.md b/packages/ui-toolkit/src/faq.md index 5c5ed3b1..afbc7410 100644 --- a/packages/ui-toolkit/src/faq.md +++ b/packages/ui-toolkit/src/faq.md @@ -1,8 +1,11 @@ ### How was the Joyent UI Toolkit built? -The toolkit components were built using [React](https://facebook.github.io/react/) and [Styled Components](http://styled-components.com). +The toolkit components were built using +[React](https://facebook.github.io/react/) and [Styled +Components](http://styled-components.com). ### What is the toolkit's license? -The licence used for this project is Mozilla Public License 2.0 (MPL-2.0). -You can read more [here](https://tldrlegal.com/license/mozilla-public-license-2.0-(mpl-2)) +The licence used for this project is Mozilla Public License 2.0 (MPL-2.0). You +can read more +[here]() diff --git a/packages/ui-toolkit/src/form/usage-input.md b/packages/ui-toolkit/src/form/usage-input.md index ef9150cd..dd847783 100644 --- a/packages/ui-toolkit/src/form/usage-input.md +++ b/packages/ui-toolkit/src/form/usage-input.md @@ -6,8 +6,8 @@ const Label = require('./label').default; - - + +; ``` #### Input > Disabled @@ -18,8 +18,8 @@ const Label = require('./label').default; - - + +; ``` #### Input > Error @@ -31,11 +31,9 @@ const FormMeta = require('./meta').default; - - - Unexpected children error! - - + + Unexpected children error! +; ``` #### Input > Warning @@ -47,11 +45,9 @@ const FormMeta = require('./meta').default; - - - Unexpected children warning! - - + + Unexpected children warning! +; ``` #### Input > Success @@ -63,9 +59,7 @@ const FormMeta = require('./meta').default; - - - Unexpected children success! - - -``` \ No newline at end of file + + Unexpected children success! +; +``` diff --git a/packages/ui-toolkit/src/form/usage-number-input.md b/packages/ui-toolkit/src/form/usage-number-input.md index 991e9901..76636e2b 100644 --- a/packages/ui-toolkit/src/form/usage-number-input.md +++ b/packages/ui-toolkit/src/form/usage-number-input.md @@ -1,3 +1,3 @@ ``` {}} /> -``` \ No newline at end of file +``` diff --git a/packages/ui-toolkit/src/form/usage-radio.md b/packages/ui-toolkit/src/form/usage-radio.md index 4eee5f82..4d8ef8ee 100644 --- a/packages/ui-toolkit/src/form/usage-radio.md +++ b/packages/ui-toolkit/src/form/usage-radio.md @@ -4,20 +4,20 @@ const FormGroup = require('./group').default; const Label = require('./label').default; const Legend = require('./legend').default; - + Who killed the radio star? - + - + - + - +; ``` #### Radio input validation @@ -30,38 +30,56 @@ const FormMeta = require('./meta').default; const Label = require('./label').default;
- + Who killed the radio star? - - TV - Netflix + + + + + TV + + + Netflix + You are the best ! - + Who killed the radio star? - - TV - Netflix + + + + + TV + + + Netflix + Are you sure ? - + Who killed the radio star? - - TV - Netflix + + + + + TV + + + Netflix + You need to select one -
-``` \ No newline at end of file +; +``` diff --git a/packages/ui-toolkit/src/form/usage-select.md b/packages/ui-toolkit/src/form/usage-select.md index b9709310..947d6894 100644 --- a/packages/ui-toolkit/src/form/usage-select.md +++ b/packages/ui-toolkit/src/form/usage-select.md @@ -1,11 +1,13 @@ ```jsx +; ``` #### Select > Disabled @@ -17,16 +19,17 @@ const Label = require('./label').default; - +; ``` - #### Select > Warning ```jsx @@ -42,10 +45,8 @@ const Label = require('./label').default; - - Unexpected children warning! - - + Unexpected children warning! +; ``` #### Select > Error @@ -63,10 +64,8 @@ const Label = require('./label').default; - - Unexpected children error! - - + Unexpected children error! +; ``` #### Select > Success @@ -84,8 +83,6 @@ const Label = require('./label').default; - - Unexpected children success! - - -``` \ No newline at end of file + Unexpected children success! +; +``` diff --git a/packages/ui-toolkit/src/form/usage-toggle.md b/packages/ui-toolkit/src/form/usage-toggle.md index 0b7fbd16..224a4c05 100644 --- a/packages/ui-toolkit/src/form/usage-toggle.md +++ b/packages/ui-toolkit/src/form/usage-toggle.md @@ -3,13 +3,15 @@ const { ToggleList } = require('./toggle'); const FormGroup = require('./group').default; const Legend = require('./legend').default; - + Who killed the radio star? - Video - TV + + Video + + TV - +; ``` #### Toggle > Disabled @@ -19,11 +21,11 @@ const { ToggleList } = require('./toggle'); const FormGroup = require('./group').default; const Legend = require('./legend').default; - + Who killed the radio star? - Video - TV + Video + TV - +; ``` diff --git a/packages/ui-toolkit/src/getting-started.md b/packages/ui-toolkit/src/getting-started.md index e69de29b..8b137891 100644 --- a/packages/ui-toolkit/src/getting-started.md +++ b/packages/ui-toolkit/src/getting-started.md @@ -0,0 +1 @@ + diff --git a/packages/ui-toolkit/src/guidelines/layout.md b/packages/ui-toolkit/src/guidelines/layout.md index e69de29b..8b137891 100644 --- a/packages/ui-toolkit/src/guidelines/layout.md +++ b/packages/ui-toolkit/src/guidelines/layout.md @@ -0,0 +1 @@ + diff --git a/packages/ui-toolkit/src/guidelines/overview.md b/packages/ui-toolkit/src/guidelines/overview.md index e69de29b..8b137891 100644 --- a/packages/ui-toolkit/src/guidelines/overview.md +++ b/packages/ui-toolkit/src/guidelines/overview.md @@ -0,0 +1 @@ + diff --git a/packages/ui-toolkit/src/icons/Readme.md b/packages/ui-toolkit/src/icons/Readme.md index 32568aff..fe5b451b 100644 --- a/packages/ui-toolkit/src/icons/Readme.md +++ b/packages/ui-toolkit/src/icons/Readme.md @@ -1,3 +1,3 @@ ```js noeditor -``` \ No newline at end of file +``` diff --git a/packages/ui-toolkit/src/message/Readme.md b/packages/ui-toolkit/src/message/Readme.md index 4faa7072..86131933 100644 --- a/packages/ui-toolkit/src/message/Readme.md +++ b/packages/ui-toolkit/src/message/Readme.md @@ -5,8 +5,12 @@ const { Message, Title, Description } = require('.'); Choosing deployment data center - Not all data centres have all configurations of instances available. Make sure that you choose the data center that suits your requirements. Learn more - + + Not all data centres have all configurations of instances available. Make + sure that you choose the data center that suits your requirements. Learn + more + +; ``` #### Error @@ -17,7 +21,7 @@ const { Message, Title, Description } = require('.'); Choosing deployment data center Oh no - +; ``` #### Warning @@ -28,5 +32,5 @@ const { Message, Title, Description } = require('.'); Choosing deployment data center There were some issues - +; ``` diff --git a/packages/ui-toolkit/src/overview.md b/packages/ui-toolkit/src/overview.md index 7148b36e..aa15e284 100644 --- a/packages/ui-toolkit/src/overview.md +++ b/packages/ui-toolkit/src/overview.md @@ -1,3 +1,7 @@ -The Joyent UI Toolkit allows anyone designing and building new [Joyent](https://www.joyent.com/) cloud products to rapidly create designs and prototypes that follow a considered and consistent design direction. +The Joyent UI Toolkit allows anyone designing and building new +[Joyent](https://www.joyent.com/) cloud products to rapidly create designs and +prototypes that follow a considered and consistent design direction. -As any style guide and design system, this toolkit is a work in progress, and everyone is encouraged to [contribute and improve it](https://github.com/yldio/joyent-portal/tree/master/packages/ui-toolkit). +As any style guide and design system, this toolkit is a work in progress, and +everyone is encouraged to [contribute and improve +it](https://github.com/yldio/joyent-portal/tree/master/packages/ui-toolkit). diff --git a/packages/ui-toolkit/src/progress-bar/usage.md b/packages/ui-toolkit/src/progress-bar/usage.md index f2fb1346..c74a370e 100644 --- a/packages/ui-toolkit/src/progress-bar/usage.md +++ b/packages/ui-toolkit/src/progress-bar/usage.md @@ -10,7 +10,7 @@ const ProgressbarItem = require('./item').default; - console.log("define")}> + console.log("define")}> Define services diff --git a/packages/ui-toolkit/src/slider/Readme.md b/packages/ui-toolkit/src/slider/Readme.md index ff9bea32..c874b5d9 100644 --- a/packages/ui-toolkit/src/slider/Readme.md +++ b/packages/ui-toolkit/src/slider/Readme.md @@ -9,4 +9,4 @@ onChangeComplete={value => console.log(value)} onChange={value => console.log(value)} >vCPUs -``` \ No newline at end of file +``` diff --git a/packages/ui-toolkit/src/support.md b/packages/ui-toolkit/src/support.md index 1192ddc2..243fde8c 100644 --- a/packages/ui-toolkit/src/support.md +++ b/packages/ui-toolkit/src/support.md @@ -1 +1,3 @@ -If you find any problems with any of the components, please submit an issue on [GitHub](https://github.com/yldio/joyent-portal/tree/master/packages/ui-toolkit) and we will get back to you as soon as you can. +If you find any problems with any of the components, please submit an issue on +[GitHub](https://github.com/yldio/joyent-portal/tree/master/packages/ui-toolkit) +and we will get back to you as soon as you can. diff --git a/packages/ui-toolkit/src/text/Readme.md b/packages/ui-toolkit/src/text/Readme.md index afb21949..e02309df 100644 --- a/packages/ui-toolkit/src/text/Readme.md +++ b/packages/ui-toolkit/src/text/Readme.md @@ -1,70 +1,98 @@ -Joyent's font is Libre Franklin, which is available to use at [Google Fonts](https://fonts.google.com/specimen/Libre+Franklin). +Joyent's font is Libre Franklin, which is available to use at [Google +Fonts](https://fonts.google.com/specimen/Libre+Franklin). -The font sizes in the toolkit are based on an [augmented fourth modular scale](http://www.modularscale.com/?15,24&px&1.414), with base font size of **15px**. +The font sizes in the toolkit are based on an [augmented fourth modular +scale](http://www.modularscale.com/?15,24&px&1.414), with base font size of +**15px**. ### Headings -Headings are available from `h1` through to `h4`. If demand is shown for `h5` and `h6`, these will be included in the toolkit. +Headings are available from `h1` through to `h4`. If demand is shown for `h5` +and `h6`, these will be included in the toolkit. -To learn more about the correct usage of HTML headings, visit [MDN web docs](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements). +To learn more about the correct usage of HTML headings, visit [MDN web +docs](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements). #### Heading 1 + ```jsx const H1 = require('/').H1; -

Inspire the lazy

+

Inspire the lazy

; ``` #### Heading 2 + ```jsx const H2 = require('/').H2; -

Inspire the lazy

+

Inspire the lazy

; ``` #### Heading 3 ```jsx const H3 = require('/').H3; -

Inspire the lazy

+

Inspire the lazy

; ``` #### Heading 4 + ```jsx const H4 = require('/').H4; -

Inspire the lazy

+

Inspire the lazy

; ``` ### Paragraph + ```jsx const P = require('/').P; -

Joyent experts provide 360 degree support for modern application architectures, including development frameworks, container orchestration tools, and hybrid cloud infrastructures.

+

+ Joyent experts provide 360 degree support for modern application + architectures, including development frameworks, container orchestration + tools, and hybrid cloud infrastructures. +

; ``` ### Small -If you need to display content that is less important that the main body text, or where space is more constrained, you can use the `` element. This will reduce the text size to 13px. + +If you need to display content that is less important that the main body text, +or where space is more constrained, you can use the `` element. This will +reduce the text size to 13px. ```jsx const Small = require('/').Small; -Triton is 100% open source and designed to eliminate cloud provider lock-in. With support for popular container management tools like Kubernetes, augmented by our own open source project ContainerPilot, we are working with the community to deliver simple to operate platform services that are open and portable. - + Triton is 100% open source and designed to eliminate cloud provider lock-in. + With support for popular container management tools like Kubernetes, augmented + by our own open source project ContainerPilot, we are working with the + community to deliver simple to operate platform services that are open and + portable. +; ``` ### Label -The `