130 lines
30 KiB
XML
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 "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 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"> (🚀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"> (🚀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"> (🚀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"> (🚀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"> (🚀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"> (🚀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"> (🚀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"> (🚀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"> (🚀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: 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>
|