zk/docs/assets/media/list-interactive.svg

98 lines
98 KiB
XML
Raw Normal View History

<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: 17157ms;
}
@keyframes roll {
0.000%{transform:translateY(0px)}
5.951%{transform:translateY(-442px)}
24.258%{transform:translateY(-884px)}
24.876%{transform:translateY(-1326px)}
25.366%{transform:translateY(-1768px)}
32.290%{transform:translateY(-2210px)}
34.721%{transform:translateY(-2652px)}
35.356%{transform:translateY(-3094px)}
46.896%{transform:translateY(-3536px)}
47.473%{transform:translateY(-3978px)}
62.202%{transform:translateY(-4420px)}
62.785%{transform:translateY(-4862px)}
66.399%{transform:translateY(-5304px)}
66.976%{transform:translateY(-5746px)}
71.697%{transform:translateY(-6188px)}
94.171%{transform:translateY(-6630px)}
100.000%{transform:translateY(-6630px)}
}
#screen_view {
animation-duration: 17157ms;
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="184" class="foreground">$ zk list --interactive</text><text x="184" textLength="8" class="background"> </text><text x="192" textLength="448" class="foreground"> </text></g><g id="g4"><text x="0" textLength="640" class="foreground">$ zk list --interactive </text></g><g id="g5"><text x="0" textLength="8" class="background"> </text></g><g id="g6"><text x="0" textLength="8" font-weight="bold" fill="#87afd7">&gt;</text><text x="8" textLength="8" class="foreground"> </text><text x="16" textLength="8" class="background"> </text><text x="24" textLength="296" class="foreground"> </text><text x="320" textLength="320" fill="#5f5f5f">&#9581;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9582;</text></g><g id="g7"><text x="0" textLength="16" class="foreground"> </text><text x="16" textLength="72" fill="#afaf87">27/27 (0)</text><text x="88" textLength="232" class="foreground"> </text><text x="320" textLength="320" fill="#5f5f5f">&#9474; &#9474;</text></g><g id="g8"><text x="0" textLength="8" font-weight="bold" fill="#d7005f">&gt;</text><text x="8" textLength="8" class="foreground"> </text><text x="16" textLength="184" font-weight="bold" class="color11">A future-proof notebook</text><text x="200" textLength="112" font-weight="bold" fill="#e4e4e4"> `zk` is de..</text><text x="312" textLength="8" class="foreground"> </text><text x="320" textLength="320" fill="#5f5f5f">&#9474; &#9474;</text></g><g id="g9"><text x="0" textLength="16" class="foreground"> </text><text x="16" textLength="200" class="color3">Automating frequent tasks</text><text x="216" textLength="104" class="foreground"> `zk` was.. </text><text x="320" textLength="320" fill="#5f5f5f">&#9474; &#9474;</text></g><g id="g10"><text x="0" textLength="16" class="foreground"> </text><text x="16" textLength="216" class="color3">Call zk from other programs</text><text x="232" textLength="88" class="foreground"> Callin.. </text><text x="320" textLength="320" fill="#5f5f5f">&#9474; &#9474;</text></g><g id="g11"><text x="0" textLength="16" class="foreground"> </text><text x="16" textLength="120" class="color3">Command aliases</text><text x="136" textLength="184" class="foreground"> A command alias is.. </text><text x="320" textLength="320" fill="#5f5f5f">&#9474; &#9474;</text></g><g id="g12"><text x="0" textLength="16" class="foreground"> </text><text x="16" textLength="144" class="color3">Configuration file</text><text x="160" textLength="160" class="foreground"> Each [notebook].. </text><text x="320" textLength="320" fill="#5f5f5f">&#9474; &#9474;</text></g><g id="g13"><text x="0" textLength="16" class="foreground"> </text><text x="16" textLength="152" class="color3">Creating a new note</text><text x="168" textLength="152" class="foreground"> You can add a .. </text><text x="320" textLength="320" fill="#5f5f5f">&#9474;
</svg>