|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="terminal" baseProfile="full" viewBox="-70 -40 827 586" width="827" height="586" version="1.1">
|
|
|
|
|
<defs>
|
|
|
|
|
<termtosvg:template_settings xmlns:termtosvg="https://github.com/nbedos/termtosvg">
|
|
|
|
|
<termtosvg:screen_geometry columns="80" rows="25"/>
|
|
|
|
|
<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: 201230ms;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@keyframes roll {
|
|
|
|
|
0.000%{transform:translateY(0px)}
|
|
|
|
|
0.195%{transform:translateY(-442px)}
|
|
|
|
|
2.759%{transform:translateY(-884px)}
|
|
|
|
|
2.906%{transform:translateY(-1326px)}
|
|
|
|
|
4.843%{transform:translateY(-1768px)}
|
|
|
|
|
4.905%{transform:translateY(-2210px)}
|
|
|
|
|
6.022%{transform:translateY(-2652px)}
|
|
|
|
|
8.018%{transform:translateY(-3094px)}
|
|
|
|
|
11.590%{transform:translateY(-3536px)}
|
|
|
|
|
14.397%{transform:translateY(-3978px)}
|
|
|
|
|
15.165%{transform:translateY(-4420px)}
|
|
|
|
|
18.309%{transform:translateY(-4862px)}
|
|
|
|
|
20.186%{transform:translateY(-5304px)}
|
|
|
|
|
20.314%{transform:translateY(-5746px)}
|
|
|
|
|
22.390%{transform:translateY(-6188px)}
|
|
|
|
|
22.433%{transform:translateY(-6630px)}
|
|
|
|
|
24.182%{transform:translateY(-7072px)}
|
|
|
|
|
26.986%{transform:translateY(-7514px)}
|
|
|
|
|
27.058%{transform:translateY(-7956px)}
|
|
|
|
|
29.055%{transform:translateY(-8398px)}
|
|
|
|
|
29.268%{transform:translateY(-8840px)}
|
|
|
|
|
29.321%{transform:translateY(-9282px)}
|
|
|
|
|
30.212%{transform:translateY(-9724px)}
|
|
|
|
|
30.335%{transform:translateY(-10166px)}
|
|
|
|
|
32.764%{transform:translateY(-10608px)}
|
|
|
|
|
32.823%{transform:translateY(-11050px)}
|
|
|
|
|
34.860%{transform:translateY(-11492px)}
|
|
|
|
|
37.610%{transform:translateY(-11934px)}
|
|
|
|
|
37.677%{transform:translateY(-12376px)}
|
|
|
|
|
39.614%{transform:translateY(-12818px)}
|
|
|
|
|
39.663%{transform:translateY(-13260px)}
|
|
|
|
|
39.732%{transform:translateY(-13702px)}
|
|
|
|
|
39.791%{transform:translateY(-14144px)}
|
|
|
|
|
39.867%{transform:translateY(-14586px)}
|
|
|
|
|
39.921%{transform:translateY(-15028px)}
|
|
|
|
|
39.971%{transform:translateY(-15470px)}
|
|
|
|
|
40.023%{transform:translateY(-15912px)}
|
|
|
|
|
41.583%{transform:translateY(-16354px)}
|
|
|
|
|
41.721%{transform:translateY(-16796px)}
|
|
|
|
|
43.264%{transform:translateY(-17238px)}
|
|
|
|
|
43.327%{transform:translateY(-17680px)}
|
|
|
|
|
45.525%{transform:translateY(-18122px)}
|
|
|
|
|
47.852%{transform:translateY(-18564px)}
|
|
|
|
|
53.386%{transform:translateY(-19006px)}
|
|
|
|
|
54.590%{transform:translateY(-19448px)}
|
|
|
|
|
56.649%{transform:translateY(-19890px)}
|
|
|
|
|
59.071%{transform:translateY(-20332px)}
|
|
|
|
|
59.876%{transform:translateY(-20774px)}
|
|
|
|
|
61.336%{transform:translateY(-21216px)}
|
|
|
|
|
63.173%{transform:translateY(-21658px)}
|
|
|
|
|
68.969%{transform:translateY(-22100px)}
|
|
|
|
|
73.082%{transform:translateY(-22542px)}
|
|
|
|
|
76.615%{transform:translateY(-22984px)}
|
|
|
|
|
79.196%{transform:translateY(-23426px)}
|
|
|
|
|
79.267%{transform:translateY(-23868px)}
|
|
|
|
|
80.518%{transform:translateY(-24310px)}
|
|
|
|
|
81.153%{transform:translateY(-24752px)}
|
|
|
|
|
81.428%{transform:translateY(-25194px)}
|
|
|
|
|
84.493%{transform:translateY(-25636px)}
|
|
|
|
|
87.330%{transform:translateY(-26078px)}
|
|
|
|
|
87.395%{transform:translateY(-26520px)}
|
|
|
|
|
87.437%{transform:translateY(-26962px)}
|
|
|
|
|
88.545%{transform:translateY(-27404px)}
|
|
|
|
|
89.722%{transform:translateY(-27846px)}
|
|
|
|
|
92.094%{transform:translateY(-28288px)}
|
|
|
|
|
93.880%{transform:translateY(-28730px)}
|
|
|
|
|
99.503%{transform:translateY(-29172px)}
|
|
|
|
|
100.000%{transform:translateY(-29172px)}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#screen_view {
|
|
|
|
|
animation-duration: 201230ms;
|
|
|
|
|
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.
|
|
|
|
|
gjm8 color theme (source: https://terminal.sexy/) */
|
|
|
|
|
.foreground {fill: #ECEFF4} /* nord6 */
|
|
|
|
|
.background {fill: #2E3440} /* nord0 */
|
|
|
|
|
.color0 {fill: #3B4252} /* nord1 */
|
|
|
|
|
.color1 {fill: #BF616A} /* nord11 */
|
|
|
|
|
.color2 {fill: #A3BE8C} /* nord14 */
|
|
|
|
|
.color3 {fill: #EBCB8B} /* nord13 */
|
|
|
|
|
.color4 {fill: #81A1C1} /* nord9 */
|
|
|
|
|
.color5 {fill: #B48EAD} /* nord15 */
|
|
|
|
|
.color6 {fill: #88C0D0} /* nord8 */
|
|
|
|
|
.color7 {fill: #ECEFF4} /* nord5 */
|
|
|
|
|
|
|
|
|
|
.color8 {fill: #434C5E} /* nord3 */
|
|
|
|
|
.color9 {fill: #BF616A} /* nord11 */
|
|
|
|
|
.color10 {fill: #A3BE8C} /* nord14 */
|
|
|
|
|
.color11 {fill: #EBCB8B} /* nord13 */
|
|
|
|
|
.color12 {fill: #81A1C1} /* nord9 */
|
|
|
|
|
.color13 {fill: #B48EAD} /* nord15 */
|
|
|
|
|
.color14 {fill: #8FBCBB} /* nord7 */
|
|
|
|
|
.color15 {fill: #ECEFF4} /* nord6 */
|
|
|
|
|
|
|
|
|
|
#screen {
|
|
|
|
|
font-family: Monaco, Consolas, Menlo, 'Bitstream Vera Sans Mono', 'Powerline Symbols', monospace;
|
|
|
|
|
font-size: 13px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
</style>
|
|
|
|
|
<filter id="dropshadow" height="130%">
|
|
|
|
|
<feGaussianBlur in="SourceAlpha" stdDeviation="20"/>
|
|
|
|
|
<feOffset dx="2" dy="12" result="offsetblur"/>
|
|
|
|
|
<feComponentTransfer>
|
|
|
|
|
<feFuncA type="linear" slope="0.9"/>
|
|
|
|
|
</feComponentTransfer>
|
|
|
|
|
<feMerge>
|
|
|
|
|
<feMergeNode/>
|
|
|
|
|
<feMergeNode in="SourceGraphic"/>
|
|
|
|
|
</feMerge>
|
|
|
|
|
</filter>
|
|
|
|
|
</defs>
|
|
|
|
|
<rect id="terminalui" class="background" width="680" height="485" ry="4.5826941" filter="url(#dropshadow)"/>
|
|
|
|
|
<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"/>
|
|
|
|
|
<svg id="screen" width="640" height="425" x="20" y="40" viewBox="0 0 640 425" preserveAspectRatio="xMidYMin slice"><rect class="background" height="100%" width="100%" x="0" y="0"/><defs><g id="g1"><text x="0" textLength="640" class="foreground"> </text></g><g id="g2"><text x="0" textLength="16" class="foreground">$ </text><text x="16" textLength="8" class="background"> </text><text x="24" textLength="616" class="foreground"> </text></g><g id="g3"><text x="0" textLength="544" class="foreground">$ echo "I'm writing about it" | zk new --title "Interesting subject"</text><text x="544" textLength="8" class="background"> </text><text x="552" textLength="88" class="foreground"> </text></g><g id="g4"><text x="0" textLength="8" class="background"> </text><text x="8" textLength="632" class="foreground"> </text></g><g id="g5"><text x="0" textLength="16" class="color0"> </text><text x="16" textLength="32" class="foreground">1 </text><text x="48" textLength="8" class="color0">#</text><text x="56" textLength="160" font-weight="bold" class="color14"> Interesting subject</text><text x="216" textLength="424" class="foreground"> </text></g><g id="g6"><text x="0" textLength="16" class="color0"> </text><text x="16" textLength="32" font-weight="bold" class="color8"> 1 </text><text x="48" textLength="592" class="foreground"> </text></g><g id="g7"><text x="0" textLength="16" class="color0"> </text><text x="16" textLength="32" font-weight="bold" class="color8"> 2 </text><text x="48" textLength="592" class="foreground">I'm writing about it </text></g><g id="g8"><text x="0" textLength="16" class="color0"> </text><text x="16" textLength="32" font-weight="bold" class="color8"> 3 </text><text x="48" textLength="592" class="foreground"> </text></g><g id="g9"><text x="0" textLength="640" class="color0">~ </text></g><g id="g10"><text x="0" textLength="640" font-weight="bold" class="foreground"> docs/interesting-subject.md </text></g><g id="g11"><text x="0" textLength="640" class="foreground">cwd: /Users/mickael/dvpts/mickael/zk </text></g><g id="g12"><text x="0" textLength="16" class="color0"> </text><text x="16" textLength="32" class="foreground">1 </text><text x="48" textLength="8" class="background">#</text><text x="56" textLength="160" font-weight="bold" class="color14"> Interesting subject</text><text x="216" textLength="424" class="foreground"> </text></g><g id="g13"><text x="0" textLength="640" class="foreground">cwd: /Users/mickael/dvpts/mickael/zk Z </text></g><g id="g14"><text x="0" textLength="264" class="foreground">$ zk list --match "write subject"</text><text x="264" textLength="8" class="background"> </text><text x="272" textLength="368" class="foreground"> </text></g><g id="g15"><text x="0" textLength="640" class="foreground">$ zk list --match "write subject" </text></g><g id="g16"><text x="0" textLength="152" font-weight="bold" class="color11">Interesting subject</text><text x="152" textLength="8" class="foreground"> </text><text x="160" textLength="176" text-decoration="underline" class="color6">interesting-subject.md</text><text x="336" textLength="88" class="foreground"> (just now)</text></g><g id="g17"><text x="0" textLength="64" class="foreground"> ‣ I'm </text><text x="64"
|
|
|
|
|
</svg>
|
