Files
podi/doc/extend.svg

333 lines
163 KiB
XML
Raw Permalink Normal View History

2022-02-15 15:06:41 +01:00
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="terminal" baseProfile="full" viewBox="0 0 552 274" width="100%" version="1.1" style="border-radius:6px">
<defs>
<termtosvg:template_settings xmlns:termtosvg="https://github.com/nbedos/termtosvg">
<termtosvg:screen_geometry columns="69" rows="11"/>
<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 {
2022-02-15 15:26:20 +01:00
--animation-duration: 71821ms;
2022-02-15 15:06:41 +01:00
}
@keyframes roll {
0.000%{transform:translateY(0px)}
2022-02-15 15:26:20 +01:00
2.090%{transform:translateY(-204px)}
2.380%{transform:translateY(-408px)}
2.659%{transform:translateY(-612px)}
2.939%{transform:translateY(-816px)}
3.219%{transform:translateY(-1020px)}
3.499%{transform:translateY(-1224px)}
3.779%{transform:translateY(-1428px)}
2022-02-15 15:06:41 +01:00
4.059%{transform:translateY(-1632px)}
2022-02-15 15:26:20 +01:00
4.339%{transform:translateY(-1836px)}
4.618%{transform:translateY(-2040px)}
4.898%{transform:translateY(-2244px)}
5.178%{transform:translateY(-2448px)}
2022-02-15 15:06:41 +01:00
5.457%{transform:translateY(-2652px)}
2022-02-15 15:26:20 +01:00
6.016%{transform:translateY(-2856px)}
6.019%{transform:translateY(-3060px)}
8.109%{transform:translateY(-3264px)}
8.388%{transform:translateY(-3468px)}
8.667%{transform:translateY(-3672px)}
8.947%{transform:translateY(-3876px)}
9.227%{transform:translateY(-4080px)}
9.508%{transform:translateY(-4284px)}
9.788%{transform:translateY(-4488px)}
10.348%{transform:translateY(-4692px)}
10.351%{transform:translateY(-4896px)}
10.354%{transform:translateY(-5100px)}
12.443%{transform:translateY(-5304px)}
12.722%{transform:translateY(-5508px)}
13.002%{transform:translateY(-5712px)}
13.282%{transform:translateY(-5916px)}
13.561%{transform:translateY(-6120px)}
13.841%{transform:translateY(-6324px)}
14.120%{transform:translateY(-6528px)}
14.400%{transform:translateY(-6732px)}
14.680%{transform:translateY(-6936px)}
14.959%{transform:translateY(-7140px)}
15.239%{transform:translateY(-7344px)}
15.519%{transform:translateY(-7548px)}
15.799%{transform:translateY(-7752px)}
16.077%{transform:translateY(-7956px)}
16.357%{transform:translateY(-8160px)}
16.637%{transform:translateY(-8364px)}
16.917%{transform:translateY(-8568px)}
17.477%{transform:translateY(-8772px)}
17.480%{transform:translateY(-8976px)}
19.568%{transform:translateY(-9180px)}
19.848%{transform:translateY(-9384px)}
20.128%{transform:translateY(-9588px)}
20.408%{transform:translateY(-9792px)}
20.688%{transform:translateY(-9996px)}
20.967%{transform:translateY(-10200px)}
21.247%{transform:translateY(-10404px)}
21.527%{transform:translateY(-10608px)}
21.806%{transform:translateY(-10812px)}
22.085%{transform:translateY(-11016px)}
22.365%{transform:translateY(-11220px)}
22.645%{transform:translateY(-11424px)}
22.925%{transform:translateY(-11628px)}
23.205%{transform:translateY(-11832px)}
23.483%{transform:translateY(-12036px)}
23.763%{transform:translateY(-12240px)}
24.043%{transform:translateY(-12444px)}
24.323%{transform:translateY(-12648px)}
24.603%{transform:translateY(-12852px)}
24.881%{transform:translateY(-13056px)}
25.161%{transform:translateY(-13260px)}
25.441%{transform:translateY(-13464px)}
25.721%{transform:translateY(-13668px)}
26.281%{transform:translateY(-13872px)}
26.285%{transform:translateY(-14076px)}
28.375%{transform:translateY(-14280px)}
28.655%{transform:translateY(-14484px)}
28.933%{transform:translateY(-14688px)}
29.213%{transform:translateY(-14892px)}
29.493%{transform:translateY(-15096px)}
29.773%{transform:translateY(-15300px)}
30.052%{transform:translateY(-15504px)}
30.332%{transform:translateY(-15708px)}
30.612%{transform:translateY(-15912px)}
30.892%{transform:translateY(-16116px)}
31.172%{transform:translateY(-16320px)}
31.452%{transform:translateY(-16524px)}
32.012%{transform:translateY(-16728px)}
32.016%{transform:translateY(-16932px)}
34.106%{transform:translateY(-17136px)}
34.385%{transform:translateY(-17340px)}
34.665%{transform:translateY(-17544px)}
34.945%{transform:translateY(-17748px)}
35.225%{transform:translateY(-17952px)}
35.505%{transform:translateY(-18156px)}
35.785%{transform:translateY(-18360px)}
36.065%{transform:translateY(-18564px)}
36.343%{transform:translateY(-18768px)}
36.623%{transform:translateY(-18972px)}
36.903%{transform:translateY(-19176px)}
37.183%{transform:translateY(-19380px)}
37.463%{transform:translateY(-19584px)}
37.742%{transform:translateY(-19788px)}
38.021%{transform:translateY(-19992px)}
38.301%{transform:translateY(-20196px)}
38.581%{transform:translateY(-20400px)}
38.861%{transform:translateY(-20604px)}
39.140%{transform:translateY(-20808px)}
39.419%{transform:translateY(-21012px)}
39.979%{transform:translateY(-21216px)}
39.983%{transform:translateY(-21420px)}
39.987%{transform:translateY(-21624px)}
42.077%{transform:translateY(-21828px)}
42.355%{transform:translateY(-22032px)}
42.635%{transform:translateY(-22236px)}
42.915%{transform:translateY(-22440px)}
43.195%{transform:translateY(-22644px)}
43.475%{transform:translateY(-22848px)}
43.755%{transform:translateY(-23052px)}
44.034%{transform:translateY(-23256px)}
44.313%{transform:translateY(-23460px)}
44.593%{transform:translateY(-23664px)}
44.873%{transform:translateY(-23868px)}
45.153%{transform:translateY(-24072px)}
45.432%{transform:translateY(-24276px)}
45.712%{transform:translateY(-24480px)}
45.992%{transform:translateY(-24684px)}
46.271%{transform:translateY(-24888px)}
46.550%{transform:translateY(-25092px)}
46.830%{transform:translateY(-25296px)}
47.110%{transform:translateY(-25500px)}
47.390%{transform:translateY(-25704px)}
47.670%{transform:translateY(-25908px)}
48.228%{transform:translateY(-26112px)}
48.241%{transform:translateY(-26316px)}
48.245%{transform:translateY(-26520px)}
48.262%{transform:translateY(-26724px)}
48.269%{transform:translateY(-26928px)}
48.273%{transform:translateY(-27132px)}
48.278%{transform:translateY(-27336px)}
48.284%{transform:translateY(-27540px)}
59.009%{transform:translateY(-27744px)}
61.098%{transform:translateY(-27948px)}
61.378%{transform:translateY(-28152px)}
61.659%{transform:translateY(-28356px)}
61.937%{transform:translateY(-28560px)}
62.217%{transform:translateY(-28764px)}
62.497%{transform:translateY(-28968px)}
62.777%{transform:translateY(-29172px)}
63.055%{transform:translateY(-29376px)}
63.335%{transform:translateY(-29580px)}
63.615%{transform:translateY(-29784px)}
63.895%{transform:translateY(-29988px)}
64.175%{transform:translateY(-30192px)}
64.453%{transform:translateY(-30396px)}
64.733%{transform:translateY(-30600px)}
65.013%{transform:translateY(-30804px)}
65.293%{transform:translateY(-31008px)}
65.573%{transform:translateY(-31212px)}
65.851%{transform:translateY(-31416px)}
66.131%{transform:translateY(-31620px)}
66.411%{transform:translateY(-31824px)}
66.971%{transform:translateY(-32028px)}
66.976%{transform:translateY(-32232px)}
69.063%{transform:translateY(-32436px)}
69.343%{transform:translateY(-32640px)}
69.623%{transform:translateY(-32844px)}
69.902%{transform:translateY(-33048px)}
70.181%{transform:translateY(-33252px)}
70.461%{transform:translateY(-33456px)}
70.741%{transform:translateY(-33660px)}
71.021%{transform:translateY(-33864px)}
71.299%{transform:translateY(-34068px)}
71.579%{transform:translateY(-34272px)}
71.859%{transform:translateY(-34476px)}
72.139%{transform:translateY(-34680px)}
72.419%{transform:translateY(-34884px)}
72.699%{transform:translateY(-35088px)}
72.979%{transform:translateY(-35292px)}
73.257%{transform:translateY(-35496px)}
73.537%{transform:translateY(-35700px)}
73.817%{transform:translateY(-35904px)}
74.097%{transform:translateY(-36108px)}
74.377%{transform:translateY(-36312px)}
74.656%{transform:translateY(-36516px)}
74.936%{transform:translateY(-36720px)}
75.216%{transform:translateY(-36924px)}
75.495%{transform:translateY(-37128px)}
75.774%{transform:translateY(-37332px)}
76.054%{transform:translateY(-37536px)}
76.614%{transform:translateY(-37740px)}
76.617%{transform:translateY(-37944px)}
78.707%{transform:translateY(-38148px)}
78.987%{transform:translateY(-38352px)}
79.267%{transform:translateY(-38556px)}
79.546%{transform:translateY(-38760px)}
79.828%{transform:translateY(-38964px)}
80.107%{transform:translateY(-39168px)}
80.386%{transform:translateY(-39372px)}
80.666%{transform:translateY(-39576px)}
80.946%{transform:translateY(-39780px)}
81.226%{transform:translateY(-39984px)}
81.505%{transform:translateY(-40188px)}
81.784%{transform:translateY(-40392px)}
82.344%{transform:translateY(-40596px)}
82.348%{transform:translateY(-40800px)}
84.438%{transform:translateY(-41004px)}
84.716%{transform:translateY(-41208px)}
84.996%{transform:translateY(-41412px)}
85.276%{transform:translateY(-41616px)}
85.556%{transform:translateY(-41820px)}
85.836%{transform:translateY(-42024px)}
86.114%{transform:translateY(-42228px)}
86.394%{transform:translateY(-42432px)}
86.674%{transform:translateY(-42636px)}
86.954%{transform:translateY(-42840px)}
87.234%{transform:translateY(-43044px)}
87.513%{transform:translateY(-43248px)}
87.792%{transform:translateY(-43452px)}
88.072%{transform:translateY(-43656px)}
88.352%{transform:translateY(-43860px)}
88.631%{transform:translateY(-44064px)}
88.911%{transform:translateY(-44268px)}
89.190%{transform:translateY(-44472px)}
89.470%{transform:translateY(-44676px)}
89.750%{transform:translateY(-44880px)}
90.308%{transform:translateY(-45084px)}
90.313%{transform:translateY(-45288px)}
90.315%{transform:translateY(-45492px)}
90.316%{transform:translateY(-45696px)}
92.406%{transform:translateY(-45900px)}
92.686%{transform:translateY(-46104px)}
92.966%{transform:translateY(-46308px)}
93.246%{transform:translateY(-46512px)}
93.526%{transform:translateY(-46716px)}
93.805%{transform:translateY(-46920px)}
94.085%{transform:translateY(-47124px)}
94.364%{transform:translateY(-47328px)}
94.644%{transform:translateY(-47532px)}
94.923%{transform:translateY(-47736px)}
95.203%{transform:translateY(-47940px)}
95.483%{transform:translateY(-48144px)}
95.763%{transform:translateY(-48348px)}
96.042%{transform:translateY(-48552px)}
96.321%{transform:translateY(-48756px)}
96.601%{transform:translateY(-48960px)}
96.881%{transform:translateY(-49164px)}
97.161%{transform:translateY(-49368px)}
97.441%{transform:translateY(-49572px)}
97.719%{transform:translateY(-49776px)}
97.999%{transform:translateY(-49980px)}
98.559%{transform:translateY(-50184px)}
98.570%{transform:translateY(-50388px)}
98.573%{transform:translateY(-50592px)}
98.588%{transform:translateY(-50796px)}
98.594%{transform:translateY(-51000px)}
98.599%{transform:translateY(-51204px)}
98.608%{transform:translateY(-51408px)}
100.000%{transform:translateY(-51408px)}
2022-02-15 15:06:41 +01:00
}
#screen_view {
2022-02-15 15:26:20 +01:00
animation-duration: 71821ms;
2022-02-15 15:06:41 +01:00
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.
ubuntu colors based on https://en.wikipedia.org/wiki/ANSI_escape_code#Colors */
.foreground {fill: #aaaaaa;}
.background {fill: #111122;}
.color0 {fill: #333344;}
.color1 {fill: #7700FF;}
.color2 {fill: #3333FF;}
.color3 {fill: #335577;}
.color4 {fill: #006fb8;}
.color5 {fill: #762671;}
.color6 {fill: #2cb5e9;}
.color7 {fill: #cccccc;}
.color8 {fill: #808080;}
.color9 {fill: #ff0000;}
.color10 {fill: #00ff00;}
.color11 {fill: #ffff00;}
.color12 {fill: #0000ff;}
.color13 {fill: #ff00ff;}
.color14 {fill: #00ffff;}
.color15 {fill: #ffffff;}
@keyframes progress-bar-animation {
from {
transform: translate(0px, calc(100% - 5px)) scale(0, 1);
}
to {
transform: translate(0px, calc(100% - 5px)) scale(1, 1);
}
}
#progress-bar {
animation-duration: var(--animation-duration);
animation-iteration-count: infinite;
animation-name: progress-bar-animation;
animation-timing-function: linear;
transform-origin: left;
}
</style>
</defs>
<rect id="terminalui" width="100%" height="100%" class="background" ry="4.582691"/>
<circle cx="24" cy="23" r="7" class="color1"/>
<circle cx="44" cy="23" r="7" class="color3"/>
<circle cx="64" cy="23" r="7" class="color2"/>
2022-02-15 15:26:20 +01:00
<svg id="screen" width="552" height="187" viewBox="0 0 552 187" x="23" y="50" 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="color14">podidemo </text><text x="72" textLength="16" font-weight="bold" class="color12">$ </text><text x="88" textLength="8" class="background"> </text></g><g id="g2"><text x="0" textLength="72" font-weight="bold" class="color14">podidemo </text><text x="72" textLength="16" font-weight="bold" class="color12">$ </text><text x="88" textLength="8" class="foreground">c</text><text x="96" textLength="8" class="background"> </text></g><g id="g3"><text x="0" textLength="72" font-weight="bold" class="color14">podidemo </text><text x="72" textLength="16" font-weight="bold" class="color12">$ </text><text x="88" textLength="16" class="foreground">cd</text><text x="104" textLength="8" class="background"> </text></g><g id="g4"><text x="0" textLength="72" font-weight="bold" class="color14">podidemo </text><text x="72" textLength="16" font-weight="bold" class="color12">$ </text><text x="88" textLength="24" class="foreground">cd </text><text x="112" textLength="8" class="background"> </text></g><g id="g5"><text x="0" textLength="72" font-weight="bold" class="color14">podidemo </text><text x="72" textLength="16" font-weight="bold" class="color12">$ </text><text x="88" textLength="32" class="foreground">cd /</text><text x="120" textLength="8" class="background"> </text></g><g id="g6"><text x="0" textLength="72" font-weight="bold" class="color14">podidemo </text><text x="72" textLength="16" font-weight="bold" class="color12">$ </text><text x="88" textLength="40" class="foreground">cd /t</text><text x="128" textLength="8" class="background"> </text></g><g id="g7"><text x="0" textLength="72" font-weight="bold" class="color14">podidemo </text><text x="72" textLength="16" font-weight="bold" class="color12">$ </text><text x="88" textLength="48" class="foreground">cd /tm</text><text x="136" textLength="8" class="background"> </text></g><g id="g8"><text x="0" textLength="72" font-weight="bold" class="color14">podidemo </text><text x="72" textLength="16" font-weight="bold" class="color12">$ </text><text x="88" textLength="56" class="foreground">cd /tmp</text><text x="144" textLength="8" class="background"> </text></g><g id="g9"><text x="0" textLength="72" font-weight="bold" class="color14">podidemo </text><text x="72" textLength="16" font-weight="bold" class="color12">$ </text><text x="88" textLength="64" class="foreground">cd /tmp/</text><text x="152" textLength="8" class="background"> </text></g><g id="g10"><text x="0" textLength="72" font-weight="bold" class="color14">podidemo </text><text x="72" textLength="16" font-weight="bold" class="color12">$ </text><text x="88" textLength="72" class="foreground">cd /tmp/m</text><text x="160" textLength="8" class="background"> </text></g><g id="g11"><text x="0" textLength="72" font-weight="bold" class="color14">podidemo </text><text x="72" textLength="16" font-weight="bold" class="color12">$ </text><text x="88" textLength="80" class="foreground">cd /tmp/my</text><text x="168" textLength="8" class="background"> </text></g><g id="g12"><text x="0" textLength="72" font-weight="bold" class="color14">podidemo </text><text x="72" textLength="16" font-weight="bold" class="color12">$ </text><text x="88" textLength="88" class="foreground">cd /tmp/mya</text><text x="176" textLength="8" class="background"> </text></g><g id="g13"><text x="0" textLength="72" font-weight="bold" class="color14">podidemo </text><text x="72" textLength="16" font-weight="bold" class="color12">$ </text><text x="88" textLength="96" class="foreground">cd /tmp/myap</text><text x="184" textLength="8" class="background"> </text></g><g id="g14"><text x="0" textLength="72" font-weight="bold" class="color14">podidemo </text><text x="72" textLength="16" font-weight="bold" class="color12">$ </text><text x="88" textLength="104" class="foreground">cd /tmp/myapp</text><text x="192" textLength="8" class
2022-02-15 15:06:41 +01:00
<rect id="progress-bar" width="100%" height="5" class="color2"/>
</svg>