Ignoring revisions in .git-blame-ignore-revs. Click here to bypass and see the normal blame view.

152 lines
42 KiB
XML
Raw Permalink Normal View History

[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-03 16:31:01 -05:00
<svg xmlns="http://www.w3.org/2000/svg" width="760" height="245"><desc>an animation showing the use of the Pulumi CLI to set a secret with pulumi config set --secret</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 680 155" width="680" version="1.1">
<defs>
<termtosvg:template_settings xmlns:termtosvg="https://github.com/nbedos/termtosvg">
<termtosvg:screen_geometry columns="85" rows="9"/>
<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: 26192ms;
}
@keyframes roll {
0.000%{transform:translateY(0px)}
3.822%{transform:translateY(-170px)}
3.849%{transform:translateY(-340px)}
5.204%{transform:translateY(-510px)}
6.120%{transform:translateY(-680px)}
7.193%{transform:translateY(-850px)}
8.033%{transform:translateY(-1020px)}
9.255%{transform:translateY(-1190px)}
10.095%{transform:translateY(-1360px)}
10.404%{transform:translateY(-1530px)}
11.015%{transform:translateY(-1700px)}
11.091%{transform:translateY(-1870px)}
12.466%{transform:translateY(-2040px)}
13.462%{transform:translateY(-2210px)}
14.837%{transform:translateY(-2380px)}
15.295%{transform:translateY(-2550px)}
15.447%{transform:translateY(-2720px)}
16.822%{transform:translateY(-2890px)}
16.978%{transform:translateY(-3060px)}
17.971%{transform:translateY(-3230px)}
18.658%{transform:translateY(-3400px)}
19.426%{transform:translateY(-3570px)}
19.960%{transform:translateY(-3740px)}
20.113%{transform:translateY(-3910px)}
20.724%{transform:translateY(-4080px)}
21.949%{transform:translateY(-4250px)}
22.179%{transform:translateY(-4420px)}
23.095%{transform:translateY(-4590px)}
23.706%{transform:translateY(-4760px)}
24.164%{transform:translateY(-4930px)}
24.317%{transform:translateY(-5100px)}
24.931%{transform:translateY(-5270px)}
26.306%{transform:translateY(-5440px)}
26.840%{transform:translateY(-5610px)}
27.379%{transform:translateY(-5780px)}
28.295%{transform:translateY(-5950px)}
28.524%{transform:translateY(-6120px)}
34.816%{transform:translateY(-6290px)}
45.109%{transform:translateY(-6460px)}
45.968%{transform:translateY(-6630px)}
49.798%{transform:translateY(-6800px)}
50.027%{transform:translateY(-6970px)}
51.401%{transform:translateY(-7140px)}
52.550%{transform:translateY(-7310px)}
53.238%{transform:translateY(-7480px)}
54.234%{transform:translateY(-7650px)}
54.463%{transform:translateY(-7820px)}
55.227%{transform:translateY(-7990px)}
56.067%{transform:translateY(-8160px)}
56.372%{transform:translateY(-8330px)}
56.449%{transform:translateY(-8500px)}
56.678%{transform:translateY(-8670px)}
57.063%{transform:translateY(-8840px)}
57.903%{transform:translateY(-9010px)}
57.980%{transform:translateY(-9180px)}
58.823%{transform:translateY(-9350px)}
59.052%{transform:translateY(-9520px)}
59.663%{transform:translateY(-9690px)}
60.580%{transform:translateY(-9860px)}
60.961%{transform:translateY(-10030px)}
61.809%{transform:translateY(-10200px)}
61.820%{transform:translateY(-10370px)}
100.000%{transform:translateY(-10370px)}
}
#screen_view {
animation-duration: 26192ms;
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="680" height="153" viewBox="0 0 680 153" 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"
</svg>
</div></div></div><style>
#content {
padding-block: 20px;
padding: 20px;
padding-inline: 20px;
}
#container {
height: 203px;
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>