|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="terminal" baseProfile="full" viewBox="-70 -25 827 558" width="827" height="558" 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: 25278ms;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@keyframes roll {
|
|
|
|
|
0.000%{transform:translateY(0px)}
|
|
|
|
|
0.851%{transform:translateY(-442px)}
|
|
|
|
|
13.189%{transform:translateY(-884px)}
|
|
|
|
|
23.293%{transform:translateY(-1326px)}
|
|
|
|
|
33.674%{transform:translateY(-1768px)}
|
|
|
|
|
34.754%{transform:translateY(-2210px)}
|
|
|
|
|
51.563%{transform:translateY(-2652px)}
|
|
|
|
|
51.990%{transform:translateY(-3094px)}
|
|
|
|
|
58.786%{transform:translateY(-3536px)}
|
|
|
|
|
69.768%{transform:translateY(-3978px)}
|
|
|
|
|
70.876%{transform:translateY(-4420px)}
|
|
|
|
|
90.933%{transform:translateY(-4862px)}
|
|
|
|
|
91.558%{transform:translateY(-5304px)}
|
|
|
|
|
96.044%{transform:translateY(-5746px)}
|
|
|
|
|
100.000%{transform:translateY(-5746px)}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#screen_view {
|
|
|
|
|
animation-duration: 25278ms;
|
|
|
|
|
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="16"/>
|
|
|
|
|
<feOffset dx="2" dy="14" 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="232" class="foreground">$ echo "I'm writing about it"</text><text x="232" textLength="8" class="background"> </text><text x="240" textLength="400" class="foreground"> </text></g><g id="g4"><text x="0" textLength="304" class="foreground">$ echo "I'm writing about it" | zk new --interactive</text><text x="304" textLength="8" class="background"> </text><text x="312" textLength="328" class="foreground"> </text></g><g id="g5"><text x="0" textLength="544" class="foreground">$ echo "I'm writing about it" | zk new --interactive --title "Interesting subject"</text><text x="544" textLength="8" class="background"> </text><text x="552" textLength="88" class="foreground"> </text></g><g id="g6"><text x="0" textLength="8" class="background"> </text><text x="8" textLength="632" class="foreground"> </text></g><g id="g7"><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="g8"><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="g9"><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="g10"><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="g11"><text x="0" textLength="640" class="color0">~ </text></g><g id="g12"><text x="0" textLength="640" font-weight="bold" class="foreground"> docs/interesting-subject.md </text></g><g id="g13"><text x="0" textLength="640" class="foreground">cwd: /Users/mickael/dvpts/mickael/zk-test </text></g><g id="g14"><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="g15"><text x="0" textLength="640" class="foreground">cwd: /Users/mickael/dvpts/mickael/zk-test Z </text></g><g id="g16"><text x="0" textLength="136" class="foreground">$ zk new journal/</text><text x="136" textLength="8" class="background"> </text><text x="144" textLength="496" class="foreground"> </text></g><g id="g17"><text x="
|
|
|
|
|
</svg>
|
