From 5144336fe69f8217c6f7d8d52d7f6a6134e4b6e0 Mon Sep 17 00:00:00 2001 From: Louis Bichard Date: Wed, 5 Jun 2024 06:08:07 +0000 Subject: [PATCH 1/3] feat: add cloud development environment to CNOE --- .../capabilities/cloud-development-environment.mdx | 13 +++++++++++++ 1 file changed, 13 insertions(+) create mode 100644 docs/intro/capabilities/cloud-development-environment.mdx diff --git a/docs/intro/capabilities/cloud-development-environment.mdx b/docs/intro/capabilities/cloud-development-environment.mdx new file mode 100644 index 00000000..4d4bf638 --- /dev/null +++ b/docs/intro/capabilities/cloud-development-environment.mdx @@ -0,0 +1,13 @@ +--- +sidebar_position: 2 +description: An automated environment in the cloud accessed directly from a code editor + +--- + +# Cloud Development Environment (CDE) + +A CDE is an automated environment accessed directly from a code editor, or sometimes directly in a browser. + +CDEs are used to gain access to greater compute and memory than is available locally when running large tech stacks such as testing integration of microservices, or machine learning. Often, CDEs are used for the security benefits of isolated and temporary environments, and the ability to automate away setup steps and reduce developer cognitive load in addition to managing source code exfiltration risks by removing source code and credentials from developer endpoints and devices. + +They are often automated, and will integrate with the platform code and artifact repositories to pull down all assets that developers need to run their application or workflow. A CDE can be integrated with a platform secrets manager to fetch credentials to provide automated access to platform databases, clusters or shared data. CDEs are commonly integrated into developer portals to support platform organizational platform goals, such as speeding up developer onboarding. From 8c7057abcd94db216cbc573fcbd0ff6291a9aa0c Mon Sep 17 00:00:00 2001 From: Louis Bichard Date: Wed, 5 Jun 2024 09:05:20 +0000 Subject: [PATCH 2/3] fix: updated homepage diagram --- src/components/InteractiveDiagram/index.js | 18 ++++++++++++++++++ .../InteractiveDiagram/styles.module.css | 19 +++++++++++++++---- 2 files changed, 33 insertions(+), 4 deletions(-) diff --git a/src/components/InteractiveDiagram/index.js b/src/components/InteractiveDiagram/index.js index f61241b9..373d28ae 100644 --- a/src/components/InteractiveDiagram/index.js +++ b/src/components/InteractiveDiagram/index.js @@ -135,6 +135,24 @@ export default function InteractiveDiagram() { > Signing +
+
{ + setIsShow("block"); + setPromptTitle("Cloud Development Environment"); + setPromptText( + parse(` +

An automated environment in the cloud accessed directly from a code editor.

+
+ Read More + `) + ); + }} + > + Cloud Development Environment +
+

Operation

diff --git a/src/components/InteractiveDiagram/styles.module.css b/src/components/InteractiveDiagram/styles.module.css index 63da9eb6..db38edc2 100644 --- a/src/components/InteractiveDiagram/styles.module.css +++ b/src/components/InteractiveDiagram/styles.module.css @@ -85,10 +85,11 @@ white-space: nowrap; padding: 30px; min-height: 405px; - max-height: 435px; + max-height: 460px; min-width: 865px; border-radius: 8px; } + .diagramcontent:hover { cursor: pointer; } @@ -119,15 +120,16 @@ white-space: nowrap; min-height: 290px; } + .diagramcontent .bottomrow .bottomleftcol { display: inline-block; width: 40%; - height: 80%; - overflow: hidden; + height: 100%; border: 2px dotted; margin-right: -15px; padding: 10px; padding-right: 30px; + padding-bottom: 55px; margin-bottom: 30px; min-height: 225px; border-radius: 8px; @@ -136,7 +138,7 @@ .diagramcontent .bottomrow .bottomleftcol .bottomleftcolleft { display: inline-block; - height: 98%; + height: 95%; overflow: hidden; writing-mode: vertical-lr; padding-left: 10px; @@ -155,6 +157,7 @@ } .diagramcontent .bottomrow .bottomleftcol .bottomleftcolright { + margin-bottom: -4px; display: inline-block; height: 100%; width: 85%; @@ -162,6 +165,14 @@ border-top: none; } +.diagramcontent .bottomrow .bottomleftcol .bottomleftcolbottom { + height: 40px; + margin: auto; + width: 94%; + margin-left: 3%; + margin-right: 3%; +} + .diagramcontent .bottomrow .bottomrightcol { display: inline-block; width: 55%; From d41bf5cfed7dbf798c1d6cc9e642ad7b842fef8c Mon Sep 17 00:00:00 2001 From: Louis Bichard Date: Fri, 14 Jun 2024 05:44:02 +0000 Subject: [PATCH 3/3] Revert "fix: updated homepage diagram" This reverts commit 8c7057abcd94db216cbc573fcbd0ff6291a9aa0c. --- src/components/InteractiveDiagram/index.js | 18 ------------------ .../InteractiveDiagram/styles.module.css | 19 ++++--------------- 2 files changed, 4 insertions(+), 33 deletions(-) diff --git a/src/components/InteractiveDiagram/index.js b/src/components/InteractiveDiagram/index.js index 373d28ae..f61241b9 100644 --- a/src/components/InteractiveDiagram/index.js +++ b/src/components/InteractiveDiagram/index.js @@ -135,24 +135,6 @@ export default function InteractiveDiagram() { > Signing
-
-
{ - setIsShow("block"); - setPromptTitle("Cloud Development Environment"); - setPromptText( - parse(` -

An automated environment in the cloud accessed directly from a code editor.

-
- Read More - `) - ); - }} - > - Cloud Development Environment -
-

Operation

diff --git a/src/components/InteractiveDiagram/styles.module.css b/src/components/InteractiveDiagram/styles.module.css index db38edc2..63da9eb6 100644 --- a/src/components/InteractiveDiagram/styles.module.css +++ b/src/components/InteractiveDiagram/styles.module.css @@ -85,11 +85,10 @@ white-space: nowrap; padding: 30px; min-height: 405px; - max-height: 460px; + max-height: 435px; min-width: 865px; border-radius: 8px; } - .diagramcontent:hover { cursor: pointer; } @@ -120,16 +119,15 @@ white-space: nowrap; min-height: 290px; } - .diagramcontent .bottomrow .bottomleftcol { display: inline-block; width: 40%; - height: 100%; + height: 80%; + overflow: hidden; border: 2px dotted; margin-right: -15px; padding: 10px; padding-right: 30px; - padding-bottom: 55px; margin-bottom: 30px; min-height: 225px; border-radius: 8px; @@ -138,7 +136,7 @@ .diagramcontent .bottomrow .bottomleftcol .bottomleftcolleft { display: inline-block; - height: 95%; + height: 98%; overflow: hidden; writing-mode: vertical-lr; padding-left: 10px; @@ -157,7 +155,6 @@ } .diagramcontent .bottomrow .bottomleftcol .bottomleftcolright { - margin-bottom: -4px; display: inline-block; height: 100%; width: 85%; @@ -165,14 +162,6 @@ border-top: none; } -.diagramcontent .bottomrow .bottomleftcol .bottomleftcolbottom { - height: 40px; - margin: auto; - width: 94%; - margin-left: 3%; - margin-right: 3%; -} - .diagramcontent .bottomrow .bottomrightcol { display: inline-block; width: 55%;