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

<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: 42659ms;
            }

            @keyframes roll {
                0.000%{transform:translateY(0px)}
2.164%{transform:translateY(-442px)}
11.062%{transform:translateY(-884px)}
35.073%{transform:translateY(-1326px)}
39.281%{transform:translateY(-1768px)}
44.572%{transform:translateY(-2210px)}
54.268%{transform:translateY(-2652px)}
59.631%{transform:translateY(-3094px)}
66.579%{transform:translateY(-3536px)}
71.556%{transform:translateY(-3978px)}
82.719%{transform:translateY(-4420px)}
84.843%{transform:translateY(-4862px)}
85.665%{transform:translateY(-5304px)}
89.367%{transform:translateY(-5746px)}
97.656%{transform:translateY(-6188px)}
100.000%{transform:translateY(-6188px)}
            }

            #screen_view {
                animation-duration: 42659ms;
                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="264" class="foreground">$ zk list --link-to note-id.md</text><text x="264" textLength="8" class="background"> </text><text x="272" textLength="368" class="foreground">                                              </text></g><g id="g4"><text x="0" textLength="640" class="foreground">$ zk list --link-to note-id.md                                               </text></g><g id="g5"><text x="0" textLength="48" font-weight="bold" class="color11">Neuron</text><text x="48" textLength="8" class="foreground"> </text><text x="56" textLength="72" text-decoration="underline" class="color6">neuron.md</text><text x="128" textLength="112" class="foreground"> (2 weeks ago)</text></g><g id="g6"><text x="0" textLength="640" class="foreground">  &#8227; using the [same settings as Neuron](https://neuron.zettel.page/id.html) to g</text></g><g id="g7"><text x="0" textLength="104" class="foreground">enerate the [</text><text x="104" textLength="64" class="color1">note IDs</text><text x="168" textLength="456" class="foreground">](note-id.md) in the [note configuration](config-note.md)</text></g><g id="g8"><text x="0" textLength="144" font-weight="bold" class="color11">Note configuration</text><text x="144" textLength="8" class="foreground"> </text><text x="152" textLength="112" text-decoration="underline" class="color6">config-note.md</text><text x="264" textLength="112" class="foreground"> (2 weeks ago)</text></g><g id="g9"><text x="0" textLength="224" class="foreground">  &#8227; Characters set used to [</text><text x="224" textLength="152" class="color1">generate random IDs</text><text x="376" textLength="112" class="foreground">](note-id.md).</text></g><g id="g10"><text x="0" textLength="96" class="foreground">  &#8227; Just a [</text><text x="96" textLength="72" class="color1">random ID</text><text x="168" textLength="272" class="foreground">](note-id.md), simple and elegant.</text></g><g id="g11"><text x="0" textLength="232" font-weight="bold" class="color11">Searching and filtering notes</text><text x="232" textLength="8" class="foreground"> </text><text x="240" textLength="136" text-decoration="underline" class="color6">note-filtering.md</text><text x="376" textLength="112" class="foreground"> (2 weeks ago)</text></g><g id="g12"><text x="0" textLength="640" class="foreground">  &#8227; It works fine with only a path prefix as well. This is useful when you have </text></g><g id="g13"><text x="0" textLength="24" class="foreground">a [</text><text x="24" textLength="56" class="color1">note ID</text><text x="80" textLength="392" class="foreground">](note-id.md) prefix, but not the full file path.</text></g><g id="g14"><text x="0" textLength="104" class="foreground">Found 3 notes</text></g><g id="g15"><text x="0" textLength="400" class="foreground">$ zk list --link-to note-id.md --format oneline</text><text x="400" textLength="8" class="background"> </text><text x="408" textLength="232" class="foreground">                             </text></g><g id="g16"><text x="0" textLength="640" class="foreground">$ zk list --link-to note-id.md --format oneline                              </text></g><g id="g17"><text x="0" textLength="496" class="foreground">$ zk list --link-to note-id.md --format oneline --recursive</text><text x="496" textLength="8" class="background"> </text><text x="504" textLength="136" class="foreground">                 </text></g><g id="g18"><text x="0" textLength="632" class="foreground">$ zk list --li
</svg>