Laura Santamaria 759a5ed5d5
[Blog Post] Pulumi Recommended Practices: The Basics (was PR 652) (#707)
* (blog) Pulumi Recommended Patterns: The basics

* fix(links and content): patch a few links and content things

* fix(links): clean up bare links

* feat(meta): add meta image

* fix(meta): replace text on meta image

* update link and point to registry

* improved wording

* address comments during review related to resource auto-naming

* update the acknowledgement section to include reviewers names

* Update themes/default/content/blog/pulumi-recommended-patterns-the-basics/index.md

Co-authored-by: Laura Santamaria <laura@nimbinatus.com>

* Update themes/default/content/blog/pulumi-recommended-patterns-the-basics/index.md

Co-authored-by: Laura Santamaria <laura@nimbinatus.com>

* Update themes/default/content/blog/pulumi-recommended-patterns-the-basics/index.md

Co-authored-by: Laura Santamaria <laura@nimbinatus.com>

* Update themes/default/content/blog/pulumi-recommended-patterns-the-basics/index.md

Co-authored-by: Laura Santamaria <laura@nimbinatus.com>

* Update themes/default/content/blog/pulumi-recommended-patterns-the-basics/index.md

Co-authored-by: Laura Santamaria <laura@nimbinatus.com>

* Update themes/default/content/blog/pulumi-recommended-patterns-the-basics/index.md

Co-authored-by: Laura Santamaria <laura@nimbinatus.com>

* Update themes/default/content/blog/pulumi-recommended-patterns-the-basics/index.md

Co-authored-by: Laura Santamaria <laura@nimbinatus.com>

* Update themes/default/content/blog/pulumi-recommended-patterns-the-basics/index.md

Co-authored-by: Laura Santamaria <laura@nimbinatus.com>

* Update themes/default/content/blog/pulumi-recommended-patterns-the-basics/index.md

Co-authored-by: Laura Santamaria <laura@nimbinatus.com>

* Update themes/default/content/blog/pulumi-recommended-patterns-the-basics/index.md

Co-authored-by: Laura Santamaria <laura@nimbinatus.com>

* Update themes/default/content/blog/pulumi-recommended-patterns-the-basics/index.md

Co-authored-by: Laura Santamaria <laura@nimbinatus.com>

Co-authored-by: Aurelien Requiem <aurelien@requiem.fr>
Co-authored-by: Aurélien Requiem <aureq@users.noreply.github.com>
2021-11-04 08:31:01 +11:00

130 lines
30 KiB
XML

<svg xmlns="http://www.w3.org/2000/svg" width="700" height="380"><desc>an animation that demonstrates the value encoded by pulumi.secret() does not leak</desc><foreignObject x="0" y="0" width="100%" height="100%"><div class="content" id="content" xmlns="http://www.w3.org/1999/xhtml"><div id="container">
<div>
<div class="title" style="place-items: center normal; border-radius: 5px 5px 0px 0px; display: flex; height: 35px; padding-block: 3px; padding: 3px 18px; padding-inline: 18px;">
<div class="dot dotA" style="background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 95, 85); border-radius: 50%; border-end-end-radius: 50%; border-end-start-radius: 50%; border-start-end-radius: 50%; border-start-start-radius: 50%; height: 10px; inline-size: 10px; margin: 0px 5px 0px 0px; margin-inline: 0px 5px;"></div>
<div class="dot dotB" style="background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 189, 45); border-radius: 50%; border-end-end-radius: 50%; border-end-start-radius: 50%; border-start-end-radius: 50%; border-start-start-radius: 50%; height: 10px; inline-size: 10px; margin: 0px 5px 0px 0px; margin-inline: 0px 5px;"></div>
<div class="dot dotC" style="background: none 0% 0% / auto repeat scroll padding-box border-box rgb(37, 201, 63); border-radius: 50%; border-end-end-radius: 50%; border-end-start-radius: 50%; border-start-end-radius: 50%; border-start-start-radius: 50%; height: 10px; inline-size: 10px; margin: 0px 5px 0px 0px; margin-inline: 0px 5px;"></div>
<div id="title" class="text" style="block-size: 17px; color: rgb(221, 221, 221); font: 400 13px &quot;Segoe WPC&quot;, &quot;Segoe UI&quot;, sans-serif; height: 17px; margin: 0px 0px 0px 10px; margin-inline: 10px 0px; ">Terminal</div>
</div>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="terminal" baseProfile="full" viewBox="0 0 640 291" width="640" version="1.1">
<defs>
<termtosvg:template_settings xmlns:termtosvg="https://github.com/nbedos/termtosvg">
<termtosvg:screen_geometry columns="80" rows="17"/>
<termtosvg:animation type="css"/>
</termtosvg:template_settings>
<style type="text/css" id="generated-style"><![CDATA[#screen {
font-family: 'DejaVu Sans Mono', monospace;
font-style: normal;
font-size: 14px;
}
text {
dominant-baseline: text-before-edge;
white-space: pre;
}
:root {
--animation-duration: 21410ms;
}
@keyframes roll {
0.000%{transform:translateY(0px)}
4.680%{transform:translateY(-306px)}
4.694%{transform:translateY(-612px)}
5.437%{transform:translateY(-918px)}
5.810%{transform:translateY(-1224px)}
7.305%{transform:translateY(-1530px)}
8.519%{transform:translateY(-1836px)}
8.893%{transform:translateY(-2142px)}
9.178%{transform:translateY(-2448px)}
10.112%{transform:translateY(-2754px)}
11.420%{transform:translateY(-3060px)}
11.887%{transform:translateY(-3366px)}
12.074%{transform:translateY(-3672px)}
13.480%{transform:translateY(-3978px)}
14.040%{transform:translateY(-4284px)}
14.320%{transform:translateY(-4590px)}
15.722%{transform:translateY(-4896px)}
17.408%{transform:translateY(-5202px)}
17.968%{transform:translateY(-5508px)}
18.529%{transform:translateY(-5814px)}
18.622%{transform:translateY(-6120px)}
19.089%{transform:translateY(-6426px)}
19.561%{transform:translateY(-6732px)}
21.149%{transform:translateY(-7038px)}
22.644%{transform:translateY(-7344px)}
23.017%{transform:translateY(-7650px)}
23.298%{transform:translateY(-7956px)}
24.610%{transform:translateY(-8262px)}
25.264%{transform:translateY(-8568px)}
26.105%{transform:translateY(-8874px)}
27.132%{transform:translateY(-9180px)}
28.071%{transform:translateY(-9486px)}
29.285%{transform:translateY(-9792px)}
34.890%{transform:translateY(-10098px)}
37.263%{transform:translateY(-10404px)}
45.782%{transform:translateY(-10710px)}
45.806%{transform:translateY(-11016px)}
48.762%{transform:translateY(-11322px)}
50.911%{transform:translateY(-11628px)}
50.943%{transform:translateY(-11934px)}
53.293%{transform:translateY(-12240px)}
100.000%{transform:translateY(-12240px)}
}
#screen_view {
animation-duration: 21410ms;
animation-iteration-count:infinite;
animation-name:roll;
animation-timing-function: steps(1,end);
animation-fill-mode: forwards;
}
]]></style>
<style type="text/css" id="user-style">
/* The colors defined below are the default 16 colors used for rendering text of the terminal. Adjust
them as needed.
PowerShell colors based on https://en.wikipedia.org/wiki/ANSI_escape_code#Colors */
.foreground {fill: #cccccc;}
.background {fill: #1e1e1e;}
.color0 {fill: #0c0c0c;}
.color1 {fill: #c50f1f;}
.color2 {fill: #0dbc79;}
.color3 {fill: #c19c00;}
.color4 {fill: #0037da;}
.color5 {fill: #881798;}
.color6 {fill: #3a96dd;}
.color7 {fill: #cccccc;}
.color8 {fill: #767676;}
.color9 {fill: #e74856;}
.color10 {fill: #0dbc79;}
.color11 {fill: #f9f1a5;}
.color12 {fill: #3988e0;}
.color13 {fill: #cd6ccd;}
.color14 {fill: #61d6d6;}
.color15 {fill: #f2f2f2;}
</style>
</defs>
<svg id="screen" width="640" height="289" viewBox="0 0 640 289" preserveAspectRatio="xMidYMin slice">
<rect class="background" height="100%" width="100%" x="0" y="0"/><defs><g id="g1"><text x="0" textLength="8" class="foreground">(</text><text x="8" textLength="40" font-weight="bold" class="color10">aureq</text><text x="48" textLength="16" class="foreground">):</text><text x="64" textLength="128" font-weight="bold" class="color12">~/pulumi/secrets</text><text x="192" textLength="80" class="foreground"> (&#128640;dev)$ </text></g><g id="g2"><text x="0" textLength="8" class="background"> </text></g><g id="g3"><text x="0" textLength="8" class="foreground">(</text><text x="8" textLength="40" font-weight="bold" class="color10">aureq</text><text x="48" textLength="16" class="foreground">):</text><text x="64" textLength="128" font-weight="bold" class="color12">~/pulumi/secrets</text><text x="192" textLength="80" class="foreground"> (&#128640;dev)$ </text><text x="272" textLength="8" class="background"> </text></g><g id="g4"><text x="0" textLength="8" class="foreground">(</text><text x="8" textLength="40" font-weight="bold" class="color10">aureq</text><text x="48" textLength="16" class="foreground">):</text><text x="64" textLength="128" font-weight="bold" class="color12">~/pulumi/secrets</text><text x="192" textLength="88" class="foreground"> (&#128640;dev)$ p</text><text x="280" textLength="8" class="background"> </text></g><g id="g5"><text x="0" textLength="8" class="foreground">(</text><text x="8" textLength="40" font-weight="bold" class="color10">aureq</text><text x="48" textLength="16" class="foreground">):</text><text x="64" textLength="128" font-weight="bold" class="color12">~/pulumi/secrets</text><text x="192" textLength="96" class="foreground"> (&#128640;dev)$ pu</text><text x="288" textLength="8" class="background"> </text></g><g id="g6"><text x="0" textLength="8" class="foreground">(</text><text x="8" textLength="40" font-weight="bold" class="color10">aureq</text><text x="48" textLength="16" class="foreground">):</text><text x="64" textLength="128" font-weight="bold" class="color12">~/pulumi/secrets</text><text x="192" textLength="104" class="foreground"> (&#128640;dev)$ pul</text><text x="296" textLength="8" class="background"> </text></g><g id="g7"><text x="0" textLength="8" class="foreground">(</text><text x="8" textLength="40" font-weight="bold" class="color10">aureq</text><text x="48" textLength="16" class="foreground">):</text><text x="64" textLength="128" font-weight="bold" class="color12">~/pulumi/secrets</text><text x="192" textLength="112" class="foreground"> (&#128640;dev)$ pulu</text><text x="304" textLength="8" class="background"> </text></g><g id="g8"><text x="0" textLength="8" class="foreground">(</text><text x="8" textLength="40" font-weight="bold" class="color10">aureq</text><text x="48" textLength="16" class="foreground">):</text><text x="64" textLength="128" font-weight="bold" class="color12">~/pulumi/secrets</text><text x="192" textLength="120" class="foreground"> (&#128640;dev)$ pulum</text><text x="312" textLength="8" class="background"> </text></g><g id="g9"><text x="0" textLength="8" class="foreground">(</text><text x="8" textLength="40" font-weight="bold" class="color10">aureq</text><text x="48" textLength="16" class="foreground">):</text><text x="64" textLength="128" font-weight="bold" class="color12">~/pulumi/secrets</text><text x="192" textLength="128" class="foreground"> (&#128640;dev)$ pulumi</text><text x="320" textLength="8" class="background"> </text></g><g id="g10"><text x="0" textLength="8" class="foreground">(</text><text x="8" textLength="40" font-weight="bold" class="color10">aureq</text><text x="48" textLength="16" class="foreground">):</text><text x="64" textLength="128" font-weight="bold" class="color12">~/pulumi/secrets</text><text x="192" textLength="136" class="foreground"> (&#128640;dev)$ pulumi </text><text x="328" textLength="8" class="background"> </text></g><g id="g11"><text x="0" textLength="8" class="foreground">(</text><text x="8" textLength="40" font-weight="bold" class="color10">aureq</text><text x="48" textLength="16" class="foreground">):</text><text x="64" textLength="128" font-weight="bold" class="color12">~/pulumi/secrets</text><text x="192" textLength="144" class="foreground"> (&#128640;dev)$ pulumi u</text><text x="336" textLength="8" class="background"> </text></g><g id="g12"><text x="0" textLength="8" class="foreground">(</text><text x="8" textLength="40" font-weight="bold" class="color10">aureq</text><text x="48" textLength="16" class="foreground">):</text><text x="64" textLength="128" font-weight="bold" class="color12">~/pulumi/secrets</text><text x="192" textLength="152" class="foreground"> (&#128640;dev)$ pulumi up</text><text x="344" textLength="8" class="background"> </text></g><g id="g13"><text x="0" textLength="8" class="foreground">(</text><text x="8" textLength="40" font-weight="bold" class="color10">aureq</text><text x="48" textLength="16" class="foreground">):</text><text x="64" textLength="128" font-weight="bold" class="color12">~/pulumi/secrets</text><text x="192" textLength="160" class="foreground"> (&#128640;dev)$ pulumi up </text><text x="352" textLength="8" class="background"> </text></g><g id="g14"><text x="0" textLength="8" class="foreground">(</text><text x="8" textLength="40" font-weight="bold" class="color10">aureq</text><text x="48" textLength="16" class="foreground">):</text><text x="64" textLength="128" font-weight="bold" class="color12">~/pulumi/secrets</text><text x="192" textLength="168" class="foreground"> (&#128640;dev)$ pulumi up -</text><text x="360" textLength="8" class="background"> </text></g><g id="g15"><text x="0" textLength="8" class="foreground">(</text><text x="8" textLength="40" font-weight="bold" class="color10">aureq</text><text x="48" textLength="16" class="foreground">):</text><text x="64" textLength="128" font-weight="bold" class="color12">~/pulumi/secrets</text><text x="192" textLength="176" class="foreground"> (&#128640;dev)$ pulumi up --</text><text x="368" textLength="8" class="background"> </text></g><g id="g16"><text x="0" textLength="8" class="foreground">(</text><text x="8" textLength="40" font-weight="bold" class="color10">aureq</text><text x="48" textLength="16" class="foreground">):</text><text x="64" textLength="128" font-weight="bold" class="color12">~/pulumi/secrets</text><text x="192" textLength="184" class="foreground"> (&#128640;dev)$ pulumi up --y</text><text x="376" textLength="8" class="background"> </text></g><g id="g17"><text x="0" textLength="8" class="foreground">(</text><text x="8" textLength="40" font-weight="bold" class="color10">aureq</text><text x="48" textLength="16" class="foreground">):</text><text x="64" textLength="128" font-weight="bold" class="color12">~/pulumi/secrets</text><text x="192" textLength="192" class="foreground"> (&#128640;dev)$ pulumi up --ye</text><text x="384" textLength="8" class="background"> </text></g><g id="g18"><text x="0" textLength="8" class="foreground">(</text><text x="8" textLength="40" font-weight="bold" class="color10">aureq</text><text x="48" textLength="16" class="foreground">):</text><text x="64" textLength="128" font-weight="bold" class="color12">~/pulumi/secrets</text><text x="192" textLength="200" class="foreground"> (&#128640;dev)$ pulumi up --yes</text><text x="392" textLength="8" class="background"> </text></g><g id="g19"><text x="0" textLength="8" class="foreground">(</text><text x="8" textLength="40" font-weight="bold" class="color10">aureq</text><text x="48" textLength="16" class="foreground">):</text><text x="64" textLength="128" font-weight="bold" class="color12">~/pulumi/secrets</text><text x="192" textLength="208" class="foreground"> (&#128640;dev)$ pulumi up --yes </text><text x="400" textLength="8" class="background"> </text></g><g id="g20"><text x="0" textLength="8" class="foreground">(</text><text x="8" textLength="40" font-weight="bold" class="color10">aureq</text><text x="48" textLength="16" class="foreground">):</text><text x="64" textLength="128" font-weight="bold" class="color12">~/pulumi/secrets</text><text x="192" textLength="216" class="foreground"> (&#128640;dev)$ pulumi up --yes -</text><text x="408" textLength="8" class="background"> </text></g><g id="g21"><text x="0" textLength="8" class="foreground">(</text><text x="8" textLength="40" font-weight="bold" class="color10">aureq</text><text x="48" textLength="16" class="foreground">):</text><text x="64" textLength="128" font-weight="bold" class="color12">~/pulumi/secrets</text><text x="192" textLength="224" class="foreground"> (&#128640;dev)$ pulumi up --yes --</text><text x="416" textLength="8" class="background"> </text></g><g id="g22"><text x="0" textLength="8" class="foreground">(</text><text x="8" textLength="40" font-weight="bold" class="color10">aureq</text><text x="48" textLength="16" class="foreground">):</text><text x="64" textLength="128" font-weight="bold" class="color12">~/pulumi/secrets</text><text x="192" textLength="232" class="foreground"> (&#128640;dev)$ pulumi up --yes --s</text><text x="424" textLength="8" class="background"> </text></g><g id="g23"><text x="0" textLength="8" class="foreground">(</text><text x="8" textLength="40" font-weight="bold" class="color10">aureq</text><text x="48" textLength="16" class="foreground">):</text><text x="64" textLength="128" font-weight="bold" class="color12">~/pulumi/secrets</text><text x="192" textLength="240" class="foreground"> (&#128640;dev)$ pulumi up --yes --sk</text><text x="432" textLength="8" class="background"> </text></g><g id="g24"><text x="0" textLength="8" class="foreground">(</text><text x="8" textLength="40" font-weight="bold" class="color10">aureq</text><text x="48" textLength="16" class="foreground">):</text><text x="64" textLength="128" font-weight="bold" class="color12">~/pulumi/secrets</text><text x="192" textLength="248" class="foreground"> (&#128640;dev)$ pulumi up --yes --ski</text><text x="440" textLength="8" class="background"> </text></g><g id="g25"><text x="0" textLength="8" class="foreground">(</text><text x="8" textLength="40" font-weight="bold" class="color10">aureq</text><text x="48" textLength="16" class="foreground">):</text><text x="64" textLength="128" font-weight="bold" class="color12">~/pulumi/secrets</text><text x="192" textLength="256" class="foreground"> (&#128640;dev)$ pulumi up --yes --skip</text><text x="448" textLength="8" class="background"> </text></g><g id="g26"><text x="0" textLength="8" class="foreground">(</text><text x="8" textLength="40" font-weight="bold" class="color10">aureq</text><text x="48" textLength="16" class="foreground">):</text><text x="64" textLength="128" font-weight="bold" class="color12">~/pulumi/secrets</text><text x="192" textLength="264" class="foreground"> (&#128640;dev)$ pulumi up --yes --skip-</text><text x="456" textLength="8" class="background"> </text></g><g id="g27"><text x="0" textLength="8" class="foreground">(</text><text x="8" textLength="40" font-weight="bold" class="color10">aureq</text><text x="48" textLength="16" class="foreground">):</text><text x="64" textLength="128" font-weight="bold" class="color12">~/pulumi/secrets</text><text x="192" textLength="272" class="foreground"> (&#128640;dev)$ pulumi up --yes --skip-p</text><text x="464" textLength="8" class="background"> </text></g><g id="g28"><text x="0" textLength="8" class="foreground">(</text><text x="8" textLength="40" font-weight="bold" class="color10">aureq</text><text x="48" textLength="16" class="foreground">):</text><text x="64" textLength="128" font-weight="bold" class="color12">~/pulumi/secrets</text><text x="192" textLength="280" class="foreground"> (&#128640;dev)$ pulumi up --yes --skip-pr</text><text x="472" textLength="8" class="background"> </text></g><g id="g29"><text x="0" textLength="8" class="foreground">(</text><text x="8" textLength="40" font-weight="bold" class="color10">aureq</text><text x="48" textLength="16" class="foreground">):</text><text x="64" textLength="128" font-weight="bold" class="color12">~/pulumi/secrets</text><text x="192" textLength="288" class="foreground"> (&#128640;dev)$ pulumi up --yes --skip-pre</text><text x="480" textLength="8" class="background"> </text></g><g id="g30"><text x="0" textLength="8" class="foreground">(</text><text x="8" textLength="40" font-weight="bold" class="color10">aureq</text><text x="48" textLength="16" class="foreground">):</text><text x="64" textLength="128" font-weight="bold" class="color12">~/pulumi/secrets</text><text x="192" textLength="296" class="foreground"> (&#128640;dev)$ pulumi up --yes --skip-prev</text><text x="488" textLength="8" class="background"> </text></g><g id="g31"><text x="0" textLength="8" class="foreground">(</text><text x="8" textLength="40" font-weight="bold" class="color10">aureq</text><text x="48" textLength="16" class="foreground">):</text><text x="64" textLength="128" font-weight="bold" class="color12">~/pulumi/secrets</text><text x="192" textLength="304" class="foreground"> (&#128640;dev)$ pulumi up --yes --skip-previ</text><text x="496" textLength="8" class="background"> </text></g><g id="g32"><text x="0" textLength="8" class="foreground">(</text><text x="8" textLength="40" font-weight="bold" class="color10">aureq</text><text x="48" textLength="16" class="foreground">):</text><text x="64" textLength="128" font-weight="bold" class="color12">~/pulumi/secrets</text><text x="192" textLength="312" class="foreground"> (&#128640;dev)$ pulumi up --yes --skip-previe</text><text x="504" textLength="8" class="background"> </text></g><g id="g33"><text x="0" textLength="8" class="foreground">(</text><text x="8" textLength="40" font-weight="bold" class="color10">aureq</text><text x="48" textLength="16" class="foreground">):</text><text x="64" textLength="128" font-weight="bold" class="color12">~/pulumi/secrets</text><text x="192" textLength="320" class="foreground"> (&#128640;dev)$ pulumi up --yes --skip-preview</text><text x="512" textLength="8" class="background"> </text></g><g id="g34"><text x="0" textLength="8" class="foreground">(</text><text x="8" textLength="40" font-weight="bold" class="color10">aureq</text><text x="48" textLength="16" class="foreground">):</text><text x="64" textLength="128" font-weight="bold" class="color12">~/pulumi/secrets</text><text x="192" textLength="320" class="foreground"> (&#128640;dev)$ pulumi up --yes --skip-preview</text></g><g id="g35"><text x="0" textLength="112" font-weight="bold" class="color13">Updating (dev)</text></g><g id="g36"><text x="0" textLength="88" font-weight="bold" class="color13">View Live: </text><text x="88" textLength="408" font-weight="bold" text-decoration="underline" class="color12">https://app.pulumi.com/aureq/secrets/dev/updates/3</text></g><g id="g37"><text x="0" textLength="8" class="background"> </text><text x="8" textLength="632" class="foreground"> </text></g><g id="g38"><text x="0" textLength="40" class="foreground"> </text><text x="40" textLength="32" text-decoration="underline" class="color12">Type</text><text x="72" textLength="136" class="foreground"> </text><text x="208" textLength="32" text-decoration="underline" class="color12">Name</text><text x="240" textLength="72" class="foreground"> </text><text x="312" textLength="48" text-decoration="underline" class="color12">Status</text><text x="360" textLength="280" class="foreground"> </text></g><g id="g39"><text x="0" textLength="8" class="foreground"> </text><text x="8" textLength="16" class="color2">+ </text><text x="24" textLength="288" class="foreground"> pulumi:pulumi:Stack secrets-dev </text><text x="312" textLength="80" class="color2">creating..</text><text x="392" textLength="248" class="foreground"> </text></g><g id="g40"><text x="0" textLength="8" class="foreground"> </text><text x="8" textLength="16" class="color2">+ </text><text x="24" textLength="288" class="foreground"> pulumi:pulumi:Stack secrets-dev </text><text x="312" textLength="88" class="color2">creating...</text><text x="400" textLength="240" class="foreground"> </text></g><g id="g41"><text x="0" textLength="8" class="foreground"> </text><text x="8" textLength="16" class="color2">+ </text><text x="24" textLength="288" class="foreground"> pulumi:pulumi:Stack secrets-dev </text><text x="312" textLength="56" class="color2">created</text><text x="368" textLength="272" class="foreground"> </text></g><g id="g42"><text x="0" textLength="8" class="foreground"> </text></g><g id="g43"><text x="0" textLength="64" font-weight="bold" class="color13">Outputs:</text></g><g id="g44"><text x="0" textLength="288" class="color2"> protectedSecretValue: "[secret]"</text></g><g id="g45"><text x="0" textLength="80" font-weight="bold" class="color13">Resources:</text></g><g id="g46"><text x="0" textLength="32" class="foreground"> </text><text x="32" textLength="88" class="color2">+ 1 created</text></g><g id="g47"><text x="0" textLength="72" font-weight="bold" class="color13">Duration:</text><text x="72" textLength="24" class="foreground"> 2s</text></g></defs><g id="screen_view"><g><use xlink:href="#g1" y="0"/><rect x="0" y="17" width="8" height="17" class="foreground"/><use xlink:href="#g2" y="17"/></g><g><use xlink:href="#g1" y="306"/><rect x="272" y="323" width="8" height="17" class="foreground"/><use xlink:href="#g3" y="323"/></g><g><use xlink:href="#g1" y="612"/><rect x="280" y="629" width="8" height="17" class="foreground"/><use xlink:href="#g4" y="629"/></g><g><use xlink:href="#g1" y="918"/><rect x="288" y="935" width="8" height="17" class="foreground"/><use xlink:href="#g5" y="935"/></g><g><use xlink:href="#g1" y="1224"/><rect x="296" y="1241" width="8" height="17" class="foreground"/><use xlink:href="#g6" y="1241"/></g><g><use xlink:href="#g1" y="1530"/><rect x="304" y="1547" width="8" height="17" class="foreground"/><use xlink:href="#g7" y="1547"/></g><g><use xlink:href="#g1" y="1836"/><rect x="312" y="1853" width="8" height="17" class="foreground"/><use xlink:href="#g8" y="1853"/></g><g><use xlink:href="#g1" y="2142"/><rect x="320" y="2159" width="8" height="17" class="foreground"/><use xlink:href="#g9" y="2159"/></g><g><use xlink:href="#g1" y="2448"/><rect x="328" y="2465" width="8" height="17" class="foreground"/><use xlink:href="#g10" y="2465"/></g><g><use xlink:href="#g1" y="2754"/><rect x="336" y="2771" width="8" height="17" class="foreground"/><use xlink:href="#g11" y="2771"/></g><g><use xlink:href="#g1" y="3060"/><rect x="344" y="3077" width="8" height="17" class="foreground"/><use xlink:href="#g12" y="3077"/></g><g><use xlink:href="#g1" y="3366"/><rect x="352" y="3383" width="8" height="17" class="foreground"/><use xlink:href="#g13" y="3383"/></g><g><use xlink:href="#g1" y="3672"/><rect x="360" y="3689" width="8" height="17" class="foreground"/><use xlink:href="#g14" y="3689"/></g><g><use xlink:href="#g1" y="3978"/><rect x="368" y="3995" width="8" height="17" class="foreground"/><use xlink:href="#g15" y="3995"/></g><g><use xlink:href="#g1" y="4284"/><rect x="376" y="4301" width="8" height="17" class="foreground"/><use xlink:href="#g16" y="4301"/></g><g><use xlink:href="#g1" y="4590"/><rect x="384" y="4607" width="8" height="17" class="foreground"/><use xlink:href="#g17" y="4607"/></g><g><use xlink:href="#g1" y="4896"/><rect x="392" y="4913" width="8" height="17" class="foreground"/><use xlink:href="#g18" y="4913"/></g><g><use xlink:href="#g1" y="5202"/><rect x="400" y="5219" width="8" height="17" class="foreground"/><use xlink:href="#g19" y="5219"/></g><g><use xlink:href="#g1" y="5508"/><rect x="408" y="5525" width="8" height="17" class="foreground"/><use xlink:href="#g20" y="5525"/></g><g><use xlink:href="#g1" y="5814"/><rect x="416" y="5831" width="8" height="17" class="foreground"/><use xlink:href="#g21" y="5831"/></g><g><use xlink:href="#g1" y="6120"/><rect x="424" y="6137" width="8" height="17" class="foreground"/><use xlink:href="#g22" y="6137"/></g><g><use xlink:href="#g1" y="6426"/><rect x="432" y="6443" width="8" height="17" class="foreground"/><use xlink:href="#g23" y="6443"/></g><g><use xlink:href="#g1" y="6732"/><rect x="440" y="6749" width="8" height="17" class="foreground"/><use xlink:href="#g24" y="6749"/></g><g><use xlink:href="#g1" y="7038"/><rect x="448" y="7055" width="8" height="17" class="foreground"/><use xlink:href="#g25" y="7055"/></g><g><use xlink:href="#g1" y="7344"/><rect x="456" y="7361" width="8" height="17" class="foreground"/><use xlink:href="#g26" y="7361"/></g><g><use xlink:href="#g1" y="7650"/><rect x="464" y="7667" width="8" height="17" class="foreground"/><use xlink:href="#g27" y="7667"/></g><g><use xlink:href="#g1" y="7956"/><rect x="472" y="7973" width="8" height="17" class="foreground"/><use xlink:href="#g28" y="7973"/></g><g><use xlink:href="#g1" y="8262"/><rect x="480" y="8279" width="8" height="17" class="foreground"/><use xlink:href="#g29" y="8279"/></g><g><use xlink:href="#g1" y="8568"/><rect x="488" y="8585" width="8" height="17" class="foreground"/><use xlink:href="#g30" y="8585"/></g><g><use xlink:href="#g1" y="8874"/><rect x="496" y="8891" width="8" height="17" class="foreground"/><use xlink:href="#g31" y="8891"/></g><g><use xlink:href="#g1" y="9180"/><rect x="504" y="9197" width="8" height="17" class="foreground"/><use xlink:href="#g32" y="9197"/></g><g><use xlink:href="#g1" y="9486"/><rect x="512" y="9503" width="8" height="17" class="foreground"/><use xlink:href="#g33" y="9503"/></g><g><use xlink:href="#g1" y="9792"/><use xlink:href="#g34" y="9809"/><rect x="0" y="9826" width="8" height="17" class="foreground"/><use xlink:href="#g2" y="9826"/></g><g><use xlink:href="#g1" y="10098"/><use xlink:href="#g34" y="10115"/><use xlink:href="#g35" y="10132"/><rect x="0" y="10166" width="8" height="17" class="foreground"/><use xlink:href="#g2" y="10166"/></g><g><use xlink:href="#g1" y="10404"/><use xlink:href="#g34" y="10421"/><use xlink:href="#g35" y="10438"/><use xlink:href="#g36" y="10472"/><rect x="0" y="10506" width="8" height="17" class="foreground"/><use xlink:href="#g2" y="10506"/></g><g><use xlink:href="#g1" y="10710"/><use xlink:href="#g34" y="10727"/><use xlink:href="#g35" y="10744"/><use xlink:href="#g36" y="10778"/><rect x="0" y="10812" width="8" height="17" class="foreground"/><use xlink:href="#g37" y="10812"/></g><g><use xlink:href="#g1" y="11016"/><use xlink:href="#g34" y="11033"/><use xlink:href="#g35" y="11050"/><use xlink:href="#g36" y="11084"/><use xlink:href="#g38" y="11118"/><use xlink:href="#g39" y="11135"/><rect x="0" y="11152" width="8" height="17" class="foreground"/><use xlink:href="#g2" y="11152"/></g><g><use xlink:href="#g1" y="11322"/><use xlink:href="#g34" y="11339"/><use xlink:href="#g35" y="11356"/><use xlink:href="#g36" y="11390"/><use xlink:href="#g38" y="11424"/><use xlink:href="#g40" y="11441"/><rect x="0" y="11458" width="8" height="17" class="foreground"/><use xlink:href="#g2" y="11458"/></g><g><use xlink:href="#g1" y="11628"/><use xlink:href="#g34" y="11645"/><use xlink:href="#g35" y="11662"/><use xlink:href="#g36" y="11696"/><use xlink:href="#g38" y="11730"/><use xlink:href="#g40" y="11747"/><rect x="0" y="11764" width="8" height="17" class="foreground"/><use xlink:href="#g2" y="11764"/></g><g><use xlink:href="#g34" y="11934"/><use xlink:href="#g35" y="11951"/><use xlink:href="#g36" y="11985"/><use xlink:href="#g38" y="12019"/><use xlink:href="#g41" y="12036"/><use xlink:href="#g42" y="12053"/><use xlink:href="#g43" y="12070"/><use xlink:href="#g44" y="12087"/><use xlink:href="#g45" y="12121"/><use xlink:href="#g46" y="12138"/><use xlink:href="#g47" y="12172"/><rect x="0" y="12206" width="8" height="17" class="foreground"/><use xlink:href="#g2" y="12206"/></g><g><use xlink:href="#g34" y="12240"/><use xlink:href="#g35" y="12257"/><use xlink:href="#g36" y="12291"/><use xlink:href="#g38" y="12325"/><use xlink:href="#g41" y="12342"/><use xlink:href="#g42" y="12359"/><use xlink:href="#g43" y="12376"/><use xlink:href="#g44" y="12393"/><use xlink:href="#g45" y="12427"/><use xlink:href="#g46" y="12444"/><use xlink:href="#g47" y="12478"/><rect x="272" y="12512" width="8" height="17" class="foreground"/><use xlink:href="#g3" y="12512"/></g></g></svg>
</svg></div></div></div><style>
#content {
padding-block: 20px;
padding: 20px;
padding-inline: 20px;
}
#container {
height: 341px;
box-shadow: rgba(0, 0, 0, 0.5) 0px 10px 10px 0px;
border-radius: 5px;
background-color: #1e1e1e;
}
#container .title {
background: none 0% 0% / auto repeat scroll padding-box border-box rgb(30, 30, 30) !important;
}
#terminal {
border-radius: 0 0 5px 5px;
border-end-end-radius: 5px; border-end-start-radius: 5px;
margin-left: 20px;
}
</style></foreignObject></svg>