146 lines
43 KiB
XML
146 lines
43 KiB
XML
|
<svg xmlns="http://www.w3.org/2000/svg" width="700" height="430"><desc>a code snippet that shows a Pulumi program that uses resource names and then manipulates that string in the program</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 "Segoe WPC", "Segoe UI", 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 342" width="640" version="1.1">
|
||
|
<defs>
|
||
|
<termtosvg:template_settings xmlns:termtosvg="https://github.com/nbedos/termtosvg">
|
||
|
<termtosvg:screen_geometry columns="80" rows="20"/>
|
||
|
<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: 26142ms;
|
||
|
}
|
||
|
|
||
|
@keyframes roll {
|
||
|
0.000%{transform:translateY(0px)}
|
||
|
3.829%{transform:translateY(-374px)}
|
||
|
3.841%{transform:translateY(-748px)}
|
||
|
5.061%{transform:translateY(-1122px)}
|
||
|
5.979%{transform:translateY(-1496px)}
|
||
|
6.361%{transform:translateY(-1870px)}
|
||
|
6.901%{transform:translateY(-2244px)}
|
||
|
7.207%{transform:translateY(-2618px)}
|
||
|
7.972%{transform:translateY(-2992px)}
|
||
|
8.354%{transform:translateY(-3366px)}
|
||
|
8.890%{transform:translateY(-3740px)}
|
||
|
9.582%{transform:translateY(-4114px)}
|
||
|
9.659%{transform:translateY(-4488px)}
|
||
|
10.653%{transform:translateY(-4862px)}
|
||
|
11.265%{transform:translateY(-5236px)}
|
||
|
12.183%{transform:translateY(-5610px)}
|
||
|
12.646%{transform:translateY(-5984px)}
|
||
|
12.723%{transform:translateY(-6358px)}
|
||
|
13.641%{transform:translateY(-6732px)}
|
||
|
13.717%{transform:translateY(-7106px)}
|
||
|
13.870%{transform:translateY(-7480px)}
|
||
|
14.329%{transform:translateY(-7854px)}
|
||
|
15.404%{transform:translateY(-8228px)}
|
||
|
15.481%{transform:translateY(-8602px)}
|
||
|
16.246%{transform:translateY(-8976px)}
|
||
|
16.781%{transform:translateY(-9350px)}
|
||
|
17.933%{transform:translateY(-9724px)}
|
||
|
18.774%{transform:translateY(-10098px)}
|
||
|
19.539%{transform:translateY(-10472px)}
|
||
|
19.998%{transform:translateY(-10846px)}
|
||
|
20.920%{transform:translateY(-11220px)}
|
||
|
22.221%{transform:translateY(-11594px)}
|
||
|
23.369%{transform:translateY(-11968px)}
|
||
|
27.668%{transform:translateY(-12342px)}
|
||
|
29.871%{transform:translateY(-12716px)}
|
||
|
34.653%{transform:translateY(-13090px)}
|
||
|
34.672%{transform:translateY(-13464px)}
|
||
|
35.644%{transform:translateY(-13838px)}
|
||
|
35.655%{transform:translateY(-14212px)}
|
||
|
39.469%{transform:translateY(-14586px)}
|
||
|
43.298%{transform:translateY(-14960px)}
|
||
|
43.317%{transform:translateY(-15334px)}
|
||
|
46.159%{transform:translateY(-15708px)}
|
||
|
46.175%{transform:translateY(-16082px)}
|
||
|
47.120%{transform:translateY(-16456px)}
|
||
|
47.158%{transform:translateY(-16830px)}
|
||
|
50.945%{transform:translateY(-17204px)}
|
||
|
50.979%{transform:translateY(-17578px)}
|
||
|
54.774%{transform:translateY(-17952px)}
|
||
|
54.805%{transform:translateY(-18326px)}
|
||
|
56.954%{transform:translateY(-18700px)}
|
||
|
56.989%{transform:translateY(-19074px)}
|
||
|
57.681%{transform:translateY(-19448px)}
|
||
|
57.712%{transform:translateY(-19822px)}
|
||
|
58.595%{transform:translateY(-20196px)}
|
||
|
59.927%{transform:translateY(-20570px)}
|
||
|
59.946%{transform:translateY(-20944px)}
|
||
|
61.747%{transform:translateY(-21318px)}
|
||
|
100.000%{transform:translateY(-21318px)}
|
||
|
}
|
||
|
|
||
|
#screen_view {
|
||
|
animation-duration: 26142ms;
|
||
|
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="340" viewBox="0 0 640 340" 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="144" font-weight="bold" class="color12">~/pulumi/rsc-names</text><text x="208" textLength="80" class="foreground"> (🚀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="144" font-weight="bold" class="color12">~/pulumi/rsc-names</text><text x="208" textLength="80" class="foreground"> (🚀dev)$ </text><text x="288" 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="144" font-weight="bold" class="color12">~/pulumi/rsc-names</text><text x="208" textLength="88" class="foreground"> (🚀dev)$ p</text><text x="296" 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="144" font-weight="bold" class="color12">~/pulumi/rsc-names</text><text x="208" textLength="96" class="foreground"> (🚀dev)$ pu</text><text x="304" 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="144" font-weight="bold" class="color12">~/pulumi/rsc-names</text><text x="208" textLength="104" class="foreground"> (🚀dev)$ pul</text><text x="312" 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="144" font-weight="bold" class="color12">~/pulumi/rsc-names</text><text x="208" textLength="112" class="foreground"> (🚀dev)$ pulu</text><text x="320" 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="144" font-weight="bold" class="color12">~/pulumi/rsc-names</text><text x="208" textLength="120" class="foreground"> (🚀dev)$ pulum</text><text x="328" 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="144" font-weight="bold" class="color12">~/pulumi/rsc-names</text><text x="208" textLength="128" class="foreground"> (🚀dev)$ pulumi</text><text x="336" 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="144" font-weight="bold" class="color12">~/pulumi/rsc-names</text><text x="208" textLength="136" class="foreground"> (🚀dev)$ pulumi </text><text x="344" 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">):</
|
||
|
</svg></div></div></div><style>
|
||
|
#content {
|
||
|
padding-block: 20px;
|
||
|
padding: 20px;
|
||
|
padding-inline: 20px;
|
||
|
}
|
||
|
#container {
|
||
|
height: 381px;
|
||
|
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>
|