tui-scripts/images/scripts_in_action.svg

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="terminal" baseProfile="full" viewBox="0 0 1232 580" width="1232" version="1.1">
    <defs>
        <termtosvg:template_settings xmlns:termtosvg="https://github.com/nbedos/termtosvg">
            <termtosvg:screen_geometry columns="154" rows="34"/>
            <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: 24198ms;
            }

            @keyframes roll {
                0.000%{transform:translateY(0px)}
3.790%{transform:translateY(-612px)}
5.513%{transform:translateY(-1224px)}
5.538%{transform:translateY(-1836px)}
5.546%{transform:translateY(-2448px)}
9.129%{transform:translateY(-3060px)}
9.232%{transform:translateY(-3672px)}
9.286%{transform:translateY(-4284px)}
9.315%{transform:translateY(-4896px)}
9.348%{transform:translateY(-5508px)}
9.381%{transform:translateY(-6120px)}
9.418%{transform:translateY(-6732px)}
9.459%{transform:translateY(-7344px)}
9.501%{transform:translateY(-7956px)}
9.546%{transform:translateY(-8568px)}
9.592%{transform:translateY(-9180px)}
9.988%{transform:translateY(-9792px)}
10.402%{transform:translateY(-10404px)}
10.815%{transform:translateY(-11016px)}
11.232%{transform:translateY(-11628px)}
11.650%{transform:translateY(-12240px)}
11.902%{transform:translateY(-12852px)}
11.989%{transform:translateY(-13464px)}
12.034%{transform:translateY(-14076px)}
12.080%{transform:translateY(-14688px)}
12.265%{transform:translateY(-15300px)}
12.373%{transform:translateY(-15912px)}
12.447%{transform:translateY(-16524px)}
12.493%{transform:translateY(-17136px)}
18.311%{transform:translateY(-17748px)}
18.378%{transform:translateY(-18360px)}
18.419%{transform:translateY(-18972px)}
18.464%{transform:translateY(-19584px)}
18.568%{transform:translateY(-20196px)}
18.613%{transform:translateY(-20808px)}
18.659%{transform:translateY(-21420px)}
18.708%{transform:translateY(-22032px)}
18.778%{transform:translateY(-22644px)}
18.898%{transform:translateY(-23256px)}
18.940%{transform:translateY(-23868px)}
18.989%{transform:translateY(-24480px)}
19.035%{transform:translateY(-25092px)}
19.084%{transform:translateY(-25704px)}
19.130%{transform:translateY(-26316px)}
19.179%{transform:translateY(-26928px)}
19.233%{transform:translateY(-27540px)}
19.274%{transform:translateY(-28152px)}
19.320%{transform:translateY(-28764px)}
19.369%{transform:translateY(-29376px)}
19.415%{transform:translateY(-29988px)}
19.464%{transform:translateY(-30600px)}
19.514%{transform:translateY(-31212px)}
19.564%{transform:translateY(-31824px)}
19.613%{transform:translateY(-32436px)}
19.659%{transform:translateY(-33048px)}
19.708%{transform:translateY(-33660px)}
19.754%{transform:translateY(-34272px)}
19.816%{transform:translateY(-34884px)}
19.993%{transform:translateY(-35496px)}
20.043%{transform:translateY(-36108px)}
20.084%{transform:translateY(-36720px)}
20.130%{transform:translateY(-37332px)}
20.179%{transform:translateY(-37944px)}
20.225%{transform:translateY(-38556px)}
20.270%{transform:translateY(-39168px)}
20.374%{transform:translateY(-39780px)}
20.423%{transform:translateY(-40392px)}
20.465%{transform:translateY(-41004px)}
20.510%{transform:translateY(-41616px)}
20.560%{transform:translateY(-42228px)}
20.605%{transform:translateY(-42840px)}
20.650%{transform:translateY(-43452px)}
20.700%{transform:translateY(-44064px)}
23.142%{transform:translateY(-44676px)}
23.465%{transform:translateY(-45288px)}
23.589%{transform:translateY(-45900px)}
23.762%{transform:translateY(-46512px)}
23.828%{transform:translateY(-47124px)}
23.878%{transform:translateY(-47736px)}
24.663%{transform:translateY(-48348px)}
24.981%{transform:translateY(-48960px)}
25.110%{transform:translateY(-49572px)}
25.250%{transform:translateY(-50184px)}
25.329%{transform:translateY(-50796px)}
27.585%{transform:translateY(-51408px)}
27.899%{transform:translateY(-52020px)}
28.031%{transform:translateY(-52632px)}
28.176%{transform:translateY(-53244px)}
28.254%{transform:translateY(-53856px)}
30.015%{transform:translateY(-54468px)}
30.143%{transform:translateY(-55080px)}
32.945%{transform:translateY(-55692px)}
36.015%{transform:translateY(-56304px)}
36.135%{transform:translateY(-56916px)}
36.263%{transform:translateY(-57528px)}
36.313%{transform:translateY(-58140px)}
36.363%{transform:translateY(-58752px)}
36.416%{transform:translateY(-59364px)}
36.466%{transform:translateY(-59976px)}
36.515%{transform:translateY(-60588px)}
36.565%{transform:translateY(-61200px)}
36.619%{transform:translateY(-61812px)}
36.887%{transform:translateY(-62424px)}
37.305%{transform:translateY(-63036px)}
37.722%{transform:translateY(-63648px)}
37.830%{transform:translateY(-64260px)}
37.941%{transform:translateY(-64872px)}
38.061%{transform:translateY(-65484px)}
38.111%{transform:translateY(-66096px)}
38.160%{transform:translateY(-66708px)}
38.210%{transform:translateY(-67320px)}
42.326%{transform:translateY(-67932px)}
42.454%{transform:translateY(-68544px)}
42.599%{transform:translateY(-69156px)}
42.689%{transform:translateY(-69768px)}
42.735%{transform:translateY(-70380px)}
42.789%{transform:translateY(-70992px)}
42.838%{transform:translateY(-71604px)}
42.888%{transform:translateY(-72216px)}
42.937%{transform:translateY(-72828px)}
42.987%{transform:translateY(-73440px)}
43.037%{transform:translateY(-74052px)}
43.082%{transform:translateY(-74664px)}
43.136%{transform:translateY(-75276px)}
43.185%{transform:translateY(-75888px)}
43.235%{transform:translateY(-76500px)}
43.289%{transform:translateY(-77112px)}
43.338%{transform:translateY(-77724px)}
43.392%{transform:translateY(-78336px)}
43.442%{transform:translateY(-78948px)}
43.495%{transform:translateY(-79560px)}
43.570%{transform:translateY(-80172px)}
43.619%{transform:translateY(-80784px)}
43.673%{transform:translateY(-81396px)}
43.723%{transform:translateY(-82008px)}
43.966%{transform:translateY(-82620px)}
44.020%{transform:translateY(-83232px)}
44.367%{transform:translateY(-83844px)}
44.512%{transform:translateY(-84456px)}
44.611%{transform:translateY(-85068px)}
48.793%{transform:translateY(-85680px)}
48.901%{transform:translateY(-86292px)}
49.025%{transform:translateY(-86904px)}
49.157%{transform:translateY(-87516px)}
49.215%{transform:translateY(-88128px)}
50.037%{transform:translateY(-88740px)}
50.149%{transform:translateY(-89352px)}
50.264%{transform:translateY(-89964px)}
50.380%{transform:translateY(-90576px)}
50.426%{transform:translateY(-91188px)}
51.422%{transform:translateY(-91800px)}
51.513%{transform:translateY(-92412px)}
51.616%{transform:translateY(-93024px)}
51.727%{transform:translateY(-93636px)}
51.781%{transform:translateY(-94248px)}
53.781%{transform:translateY(-94860px)}
53.885%{transform:translateY(-95472px)}
53.984%{transform:translateY(-96084px)}
54.095%{transform:translateY(-96696px)}
54.149%{transform:translateY(-97308px)}
55.009%{transform:translateY(-97920px)}
55.129%{transform:translateY(-98532px)}
61.658%{transform:translateY(-99144px)}
62.985%{transform:translateY(-99756px)}
63.088%{transform:translateY(-100368px)}
63.150%{transform:translateY(-100980px)}
63.204%{transform:translateY(-101592px)}
63.249%{transform:translateY(-102204px)}
63.311%{transform:translateY(-102816px)}
63.410%{transform:translateY(-103428px)}
63.472%{transform:translateY(-104040px)}
63.522%{transform:translateY(-104652px)}
63.571%{transform:translateY(-105264px)}
63.621%{transform:translateY(-105876px)}
63.699%{transform:translateY(-106488px)}
63.774%{transform:translateY(-107100px)}
63.840%{transform:translateY(-107712px)}
66.944%{transform:translateY(-108324px)}
67.179%{transform:translateY(-108936px)}
67.237%{transform:translateY(-109548px)}
67.311%{transform:translateY(-110160px)}
68.406%{transform:translateY(-110772px)}
68.749%{transform:translateY(-111384px)}
68.791%{transform:translateY(-111996px)}
68.836%{transform:translateY(-112608px)}
70.787%{transform:translateY(-113220px)}
70.956%{transform:translateY(-113832px)}
71.126%{transform:translateY(-114444px)}
71.200%{transform:translateY(-115056px)}
75.151%{transform:translateY(-115668px)}
75.279%{transform:translateY(-116280px)}
75.374%{transform:translateY(-116892px)}
75.428%{transform:translateY(-117504px)}
75.494%{transform:translateY(-118116px)}
75.560%{transform:translateY(-118728px)}
75.647%{transform:translateY(-119340px)}
75.729%{transform:translateY(-119952px)}
75.812%{transform:translateY(-120564px)}
75.895%{transform:translateY(-121176px)}
75.977%{transform:translateY(-121788px)}
76.056%{transform:translateY(-122400px)}
76.139%{transform:translateY(-123012px)}
76.205%{transform:translateY(-123624px)}
76.275%{transform:translateY(-124236px)}
79.064%{transform:translateY(-124848px)}
79.403%{transform:translateY(-125460px)}
79.453%{transform:translateY(-126072px)}
79.498%{transform:translateY(-126684px)}
79.544%{transform:translateY(-127296px)}
80.788%{transform:translateY(-127908px)}
80.920%{transform:translateY(-128520px)}
81.036%{transform:translateY(-129132px)}
81.168%{transform:translateY(-129744px)}
84.995%{transform:translateY(-130356px)}
85.193%{transform:translateY(-130968px)}
85.354%{transform:translateY(-131580px)}
85.420%{transform:translateY(-132192px)}
85.457%{transform:translateY(-132804px)}
91.834%{transform:translateY(-133416px)}
93.297%{transform:translateY(-134028px)}
94.252%{transform:translateY(-134640px)}
94.673%{transform:translateY(-135252px)}
95.326%{transform:translateY(-135864px)}
95.743%{transform:translateY(-136476px)}
95.867%{transform:translateY(-137088px)}
100.000%{transform:translateY(-137088px)}
            }

            #screen_view {
                animation-duration: 24198ms;
                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: #0c0c0c;}
            .color0 {fill: #0c0c0c;}
            .color1 {fill: #c50f1f;}
            .color2 {fill: #13a10e;}
            .color3 {fill: #c19c00;}
            .color4 {fill: #0037da;}
            .color5 {fill: #881798;}
            .color6 {fill: #3a96dd;}
            .color7 {fill: #cccccc;}
            .color8 {fill: #767676;}
            .color9 {fill: #e74856;}
            .color10 {fill: #16c60c;}
            .color11 {fill: #f9f1a5;}
            .color12 {fill: #3b78ff;}
            .color13 {fill: #b4009e;}
            .color14 {fill: #61d6d6;}
            .color15 {fill: #f2f2f2;}
        </style>
    </defs>
    <svg id="screen" width="1232" height="578" viewBox="0 0 1232 578" preserveAspectRatio="xMidYMin slice">
    <rect class="background" height="100%" width="100%" x="0" y="0"/><defs><g id="g1"><text x="0" textLength="72" font-weight="bold" class="color10">ds@laptop</text><text x="72" textLength="8" class="foreground">:</text><text x="80" textLength="8" font-weight="bold" class="color12">~</text><text x="88" textLength="16" class="foreground">$ </text><text x="104" textLength="8" class="background"> </text></g><g id="g2"><text x="0" textLength="72" font-weight="bold" class="color10">ds@laptop</text><text x="72" textLength="8" class="foreground">:</text><text x="80" textLength="8" font-weight="bold" class="color12">~</text><text x="88" textLength="24" class="foreground">$ a</text><text x="112" textLength="8" class="background"> </text></g><g id="g3"><text x="0" textLength="72" font-weight="bold" class="color10">ds@laptop</text><text x="72" textLength="8" class="foreground">:</text><text x="80" textLength="8" font-weight="bold" class="color12">~</text><text x="88" textLength="24" class="foreground">$ a</text></g><g id="g4"><text x="0" textLength="8" class="background"> </text></g><g id="g5"><text x="0" textLength="8" class="background"> </text><text x="8" textLength="104" class="foreground">             </text></g><g id="g6"><text x="0" textLength="1232" font-weight="bold" class="color14">                                                                                                                                                          </text></g><g id="g7"><text x="0" textLength="448" font-weight="bold" class="color14">                                                        </text><text x="448" textLength="312" font-weight="bold" class="color15">lqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqq</text><text x="760" textLength="8" class="color0">k</text><text x="768" textLength="464" font-weight="bold" class="color14">                                                          </text></g><g id="g8"><text x="0" textLength="448" font-weight="bold" class="color14">                                                        </text><text x="448" textLength="8" font-weight="bold" class="color15">x</text><text x="456" textLength="312" class="color0"> Choose the action for apt            x</text><text x="768" textLength="16" font-weight="bold" class="color8">  </text><text x="784" textLength="448" font-weight="bold" class="color14">                                                        </text></g><g id="g9"><text x="0" textLength="448" font-weight="bold" class="color14">                                                        </text><text x="448" textLength="8" font-weight="bold" class="color15">x</text><text x="456" textLength="288" class="color0"> lqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqq</text><text x="744" textLength="8" font-weight="bold" class="color15">k</text><text x="752" textLength="16" class="color0"> x</text><text x="768" textLength="16" font-weight="bold" class="color8">  </text><text x="784" textLength="448" font-weight="bold" class="color14">                                                        </text></g><g id="g10"><text x="0" textLength="448" font-weight="bold" class="color14">                                                        </text><text x="448" textLength="8" font-weight="bold" class="color15">x</text><text x="456" textLength="48" class="color0"> x    </text><text x="504" textLength="8" font-weight="bold" class="color9">I</text><text x="512" textLength="48" font-weight="bold" class="color11">nstall</text><text x="560" textLength="136" class="color0">                 </text><text x="696" textLength="8" font-weight="bold" class="color15">1</text><text x="704" textLength="40" class="color0">     </text><text x="744" textLength="8" font-weight="bold" class="color15">x</text><text x="752" textLength="16" class="color0"> x</text><text x="768" textLength="16" font-weight="bold" class="color8">  </text><text x="784" textLength="448" font-weight="bold" class="color14">                                                        </text></g><g id="g11"><text x="0" textLength="448" font-weight="bold" class="color14">                           
</svg>