jekyll-garden 0.0.12

data/assets/img/jekyll.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <path fill="#e70000" d="M10.766 32c-0.464 0-0.922-0.083-1.359-0.25-1.833-0.703-2.807-2.698-2.302-4.536l-0.021-0.010 0.12-0.302 9.328-24.219c0.141-0.365 0.078-1.214 0.010-1.693-0.021-0.115-0.021-0.214 0.010-0.318l0.010-0.031 0.005-0.021v-0.010l0.016-0.026c0.141-0.385 0.599-0.583 1.344-0.583 0.896 0 2.135 0.281 3.401 0.766 1.063 0.406 2.031 0.917 2.708 1.432 0.802 0.599 1.125 1.141 0.943 1.599l-0.042 0.063-0.021 0.016c-0.057 0.083-0.12 0.161-0.198 0.224-0.422 0.359-1.021 0.979-1.12 1.26l-9.417 24.557-0.026-0.005c-0.656 1.266-1.943 2.073-3.391 2.078h-0.005zM7.849 27.042l-0.026 0.068c-0.599 1.599 0.214 3.411 1.818 4.026 0.359 0.135 0.734 0.203 1.115 0.203 1.297 0 2.443-0.781 2.917-2l0.036-0.083 9.281-24.12c0.193-0.516 1.12-1.359 1.302-1.516l0.021-0.026c0.016-0.016 0.031-0.016 0.031-0.036 0-0.083-0.083-0.359-0.745-0.859-0.641-0.484-1.536-0.964-2.536-1.344-1.161-0.438-2.359-0.719-3.161-0.719-0.521 0-0.698 0.109-0.724 0.172v0.052c0.021 0.135 0.193 1.38-0.047 2.021l-9.281 24.156zM19.781 11.698c0 0-1.286 1.479-2.458 2.016-1.172 0.531-2.036 0.391-3.094 1.005-1.052 0.615-1.583 1.474-1.583 1.474l-4.286 11.146c-0.464 1.26 0.224 2.734 1.5 3.229 1.281 0.49 2.719-0.161 3.219-1.411zM13.208 25.016c0.135-0.057 0.297 0 0.354 0.135 0.057 0.141 0 0.297-0.141 0.354s-0.302 0-0.354-0.141c-0.057-0.125 0-0.286 0.141-0.349zM11.854 22.609c-0.203 0.094-0.443 0-0.531-0.203s0-0.448 0.208-0.531c0.203-0.094 0.448 0 0.531 0.203 0.099 0.203 0.010 0.417-0.208 0.521zM12.234 21.151c-0.161-0.385 0-0.833 0.385-1.010 0.38-0.167 0.818 0 1 0.38 0.161 0.385 0 0.828-0.38 1.005-0.401 0.172-0.839 0-1.021-0.38zM15.469 18.141c0.208-0.099 0.448 0 0.531 0.198 0.094 0.203 0 0.448-0.203 0.531-0.208 0.094-0.448 0-0.531-0.208-0.099-0.198 0-0.443 0.203-0.526zM13.745 16.302c0.141-0.057 0.302 0 0.354 0.135 0.057 0.141 0 0.302-0.135 0.359-0.141 0.052-0.302 0-0.354-0.141-0.057-0.141 0.010-0.302 0.135-0.354zM18.24 1.521c0.135-0.349 1.328-0.219 2.661 0.302 1.333 0.51 2.307 1.208 2.172 1.557-0.135 0.354-1.328 0.219-2.661-0.292-1.339-0.516-2.313-1.214-2.172-1.568z"/>
+</svg>

data/assets/img/nav-base-dark.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 286.14 116.43"><defs><style>.cls-1{fill:#e6e1e8;}</style></defs><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-1" d="M47.2,116.43H0q0-2.3.16-16.32T.33,59.33q0-10.33,0-26.85T0,0H47.2V7.72H11.72q-.17,16.1-.2,28.74t0,22.21q0,20.28.16,32t.16,18H47.2Z"/><path class="cls-1" d="M116.38,116.43H69.18q0-2.3.16-16.32t.16-40.78q0-10.33,0-26.85T69.18,0h47.2V7.72H80.9q-.16,16.1-.21,28.74t0,22.21q0,20.28.16,32t.17,18h35.4Z"/><path class="cls-1" d="M217,116.43h-47.2v-7.72h35.4q0-6.93.16-19.95t.16-30.09q0-8.62,0-23.09t-.2-27.86H169.77V0H217q-.25,15.9-.29,32.7t0,26.63q0,18.32.16,36.56T217,116.43Z"/><path class="cls-1" d="M286.14,116.43h-47.2v-7.72h35.4q0-6.93.17-19.95t.16-30.09q0-8.62,0-23.09t-.21-27.86H238.94V0h47.2q-.24,15.9-.28,32.7t0,26.63q0,18.32.16,36.56T286.14,116.43Z"/><path class="cls-1" d="M129.38,90.26c0-8.15,5.51-13.88,13.22-13.88s13,5.73,13,13.88c0,7.93-5.06,13.87-13.21,13.87C134.67,104.13,129.38,98.19,129.38,90.26Z"/></g></g></svg>

data/assets/img/nav-base-light.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 286.14 116.43"><defs><style>.cls-1{fill:#5c5962;}</style></defs><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-1" d="M47.2,116.43H0q0-2.3.16-16.32T.33,59.33q0-10.33,0-26.85T0,0H47.2V7.72H11.72q-.17,16.1-.2,28.74t0,22.21q0,20.28.16,32t.16,18H47.2Z"/><path class="cls-1" d="M116.38,116.43H69.18q0-2.3.16-16.32t.16-40.78q0-10.33,0-26.85T69.18,0h47.2V7.72H80.9q-.16,16.1-.21,28.74t0,22.21q0,20.28.16,32t.17,18h35.4Z"/><path class="cls-1" d="M217,116.43h-47.2v-7.72h35.4q0-6.93.16-19.95t.16-30.09q0-8.62,0-23.09t-.2-27.86H169.77V0H217q-.25,15.9-.29,32.7t0,26.63q0,18.32.16,36.56T217,116.43Z"/><path class="cls-1" d="M286.14,116.43h-47.2v-7.72h35.4q0-6.93.17-19.95t.16-30.09q0-8.62,0-23.09t-.21-27.86H238.94V0h47.2q-.24,15.9-.28,32.7t0,26.63q0,18.32.16,36.56T286.14,116.43Z"/><path class="cls-1" d="M129.22,90.25c0-8.15,5.5-13.87,13.21-13.87s13,5.72,13,13.87c0,7.93-5.07,13.88-13.22,13.88C134.5,104.13,129.22,98.18,129.22,90.25Z"/></g></g></svg>

data/assets/img/nav-base-star.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 286.14 116.43"><defs><style>.cls-1{fill:#e1e8e3;}</style></defs><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><g id="bonsai"><g id="txt"><g id="wikilinks"><path class="cls-1" d="M47.2,116.43H0q0-2.3.16-16.32T.33,59.33q0-10.33,0-26.85T0,0H47.2V7.72H11.72q-.17,16.1-.2,28.74t0,22.21q0,20.28.16,32t.16,18H47.2Z"/><path class="cls-1" d="M116.38,116.43H69.18q0-2.3.16-16.32t.16-40.78q0-10.33,0-26.85T69.18,0h47.2V7.72H80.9q-.16,16.1-.21,28.74t0,22.21q0,20.28.16,32t.17,18h35.4Z"/><path class="cls-1" d="M217,116.43h-47.2v-7.72h35.4q0-6.93.16-19.95t.16-30.09q0-8.62,0-23.09t-.2-27.86H169.77V0H217q-.25,15.9-.29,32.7t0,26.63q0,18.32.16,36.56T217,116.43Z"/><path class="cls-1" d="M286.14,116.43h-47.2v-7.72h35.4q0-6.93.17-19.95t.16-30.09q0-8.62,0-23.09t-.21-27.86H238.94V0h47.2q-.24,15.9-.28,32.7t0,26.63q0,18.32.16,36.56T286.14,116.43Z"/></g><path id="dot" class="cls-1" d="M129.22,90.25c0-8.15,5.5-13.87,13.21-13.87s13,5.72,13,13.87c0,7.93-5.07,13.88-13.22,13.88C134.5,104.13,129.22,98.18,129.22,90.25Z"/></g></g></g></g></svg>

data/assets/img/nav-bonsai-dark.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 583.03 374.23"><defs><style>.cls-1{fill:#54535b;}.cls-2{fill:none;stroke:#54535b;stroke-miterlimit:10;stroke-width:10px;}.cls-3{fill:#31af31;}</style></defs><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-1" d="M155.05,219.83a41.35,41.35,0,0,0,1,6.4,47.68,47.68,0,0,0,2.16,6.47,56.53,56.53,0,0,0,6.91,12.22,71.84,71.84,0,0,0,9.63,10.67l2.76,2.38c.94.78,1.94,1.49,2.9,2.25,2,1.48,4,2.89,6.09,4.21a105.38,105.38,0,0,0,13.25,7.05,117.12,117.12,0,0,0,14.31,5.34c4.92,1.46,10,2.67,15.08,3.66,2.57.42,5.14.93,7.74,1.21l3.9.5,3.93.36c2.6.27,5.27.34,7.91.52l4.18.25c.72.07,1.43.06,2.15.18l2.15.34a51.45,51.45,0,0,1,16.25,5.64,53.43,53.43,0,0,1,13.41,10.41A50.61,50.61,0,0,1,300,314a43.63,43.63,0,0,1,3.66,16.26,53.33,53.33,0,0,1-1.87,16.33,60.27,60.27,0,0,1-6.42,14.95,62.45,62.45,0,0,1-9.93,12.73l-.06-.06a61.81,61.81,0,0,0,9.1-13.16,57.91,57.91,0,0,0,5.41-14.92,51.19,51.19,0,0,0,.79-15.65,40.32,40.32,0,0,0-4.33-14.75,46.28,46.28,0,0,0-21.84-20.57,44.53,44.53,0,0,0-14.37-3.87l-1.84-.16c-.61-.07-1.25,0-1.87,0-1.28,0-2.43,0-3.89.06-2.72,0-5.43.19-8.19.13-5.49.07-11-.24-16.54-.61a165.09,165.09,0,0,1-16.59-2.24,131,131,0,0,1-16.4-4.37,101,101,0,0,1-15.74-7,90.35,90.35,0,0,1-14.43-9.87,77.76,77.76,0,0,1-12.19-13c-.91-1.19-1.7-2.48-2.55-3.71s-1.56-2.59-2.33-3.88-1.41-2.69-2.05-4.06-1.27-2.77-1.76-4.23l-.78-2.17c-.24-.73-.44-1.48-.66-2.22-.47-1.46-.76-3-1.11-4.53a46.53,46.53,0,0,1-.78-9.59Z"/><line class="cls-2" x1="23.49" y1="200.56" x2="54.67" y2="145.12"/><line class="cls-2" x1="54.67" y1="145.12" x2="84.84" y2="200.56"/><line class="cls-2" x1="84.84" y1="200.56" x2="116.3" y2="145.12"/><line class="cls-2" x1="116.3" y1="145.12" x2="146.19" y2="200.56"/><line class="cls-2" x1="146.19" y1="200.56" x2="177.93" y2="145.12"/><line class="cls-2" x1="177.93" y1="145.12" x2="209.52" y2="200.56"/><line class="cls-2" x1="309.46" y1="196.33" x2="340.64" y2="140.89"/><line class="cls-2" x1="340.64" y1="140.89" x2="370.81" y2="196.33"/><line class="cls-2" x1="370.81" y1="196.33" x2="402.27" y2="140.89"/><line class="cls-2" x1="402.27" y1="140.89" x2="432.16" y2="196.33"/><line class="cls-2" x1="432.16" y1="196.33" x2="463.9" y2="140.89"/><line class="cls-2" x1="463.9" y1="140.89" x2="495.49" y2="196.33"/><line class="cls-2" x1="495.49" y1="196.33" x2="526.35" y2="140.89"/><line class="cls-2" x1="526.35" y1="140.89" x2="559.54" y2="196.33"/><line class="cls-2" x1="112.41" y1="78.94" x2="143.58" y2="23.49"/><line class="cls-2" x1="143.58" y1="23.49" x2="173.76" y2="78.94"/><line class="cls-2" x1="173.76" y1="78.94" x2="205.22" y2="23.49"/><line class="cls-2" x1="205.22" y1="23.49" x2="235.11" y2="78.94"/><line class="cls-2" x1="235.11" y1="78.94" x2="266.85" y2="23.49"/><line class="cls-2" x1="266.85" y1="23.49" x2="298.44" y2="78.94"/><line class="cls-2" x1="298.44" y1="78.94" x2="329.3" y2="23.49"/><line class="cls-2" x1="329.3" y1="23.49" x2="362.49" y2="78.94"/><circle class="cls-1" cx="146.19" cy="200.56" r="23.49"/><circle class="cls-1" cx="209.52" cy="200.56" r="23.49"/><circle class="cls-1" cx="116.3" cy="145.12" r="23.49"/><circle class="cls-1" cx="177.93" cy="145.12" r="23.49"/><circle class="cls-1" cx="84.84" cy="200.56" r="23.49"/><circle class="cls-1" cx="54.67" cy="145.12" r="23.49"/><circle class="cls-1" cx="23.49" cy="200.56" r="23.49"/><circle class="cls-1" cx="432.16" cy="196.33" r="23.49"/><circle class="cls-1" cx="495.49" cy="196.33" r="23.49"/><circle class="cls-1" cx="402.27" cy="140.89" r="23.49"/><circle class="cls-1" cx="463.9" cy="140.89" r="23.49"/><circle class="cls-1" cx="370.81" cy="196.33" r="23.49"/><circle class="cls-1" cx="340.64" cy="140.89" r="23.49"/><circle class="cls-1" cx="309.46" cy="196.33" r="23.49"/><circle class="cls-1" cx="559.54" cy="196.33" r="23.49"/><circle class="cls-1" cx="526.35" cy="140.89" r="23.49"/><circle class="cls-1" cx="235.11" cy="78.94" r="23.49"/><circle class="cls-1" cx="298.44" cy="78.94" r="23.49"/><circle class="cls-1" cx="205.22" cy="23.49" r="23.49"/><circle class="cls-1" cx="266.85" cy="23.49" r="23.49"/><circle class="cls-1" cx="173.76" cy="78.94" r="23.49"/><circle class="cls-1" cx="143.58" cy="23.49" r="23.49"/><circle class="cls-1" cx="112.41" cy="78.94" r="23.49"/><circle class="cls-1" cx="362.49" cy="78.94" r="23.49"/><circle class="cls-1" cx="329.3" cy="23.49" r="23.49"/><circle class="cls-3" cx="146.11" cy="200.71" r="14.91"/><circle class="cls-3" cx="209.44" cy="200.71" r="14.91"/><circle class="cls-3" cx="116.31" cy="145.1" r="14.91"/><circle class="cls-3" cx="177.93" cy="145.12" r="14.91"/><circle class="cls-3" cx="84.92" cy="200.71" r="14.91"/><circle class="cls-3" cx="54.67" cy="145.12" r="14.91"/><circle class="cls-3" cx="23.5" cy="200.71" r="14.91"/><circle class="cls-3" cx="432.08" cy="196.48" r="14.91"/><circle class="cls-3" cx="495.41" cy="196.48" r="14.91"/><circle class="cls-3" cx="402.28" cy="140.87" r="14.91"/><circle class="cls-3" cx="463.9" cy="140.89" r="14.91"/><circle class="cls-3" cx="370.89" cy="196.48" r="14.91"/><circle class="cls-3" cx="340.64" cy="140.89" r="14.91"/><circle class="cls-3" cx="309.47" cy="196.48" r="14.91"/><circle class="cls-3" cx="559.54" cy="196.48" r="14.91"/><circle class="cls-3" cx="526.35" cy="140.89" r="14.91"/><circle class="cls-3" cx="235.03" cy="79.08" r="14.91"/><circle class="cls-3" cx="298.36" cy="79.08" r="14.91"/><circle class="cls-3" cx="205.23" cy="23.48" r="14.91"/><circle class="cls-3" cx="266.85" cy="23.49" r="14.91"/><circle class="cls-3" cx="173.84" cy="79.08" r="14.91"/><circle class="cls-3" cx="143.58" cy="23.49" r="14.91"/><circle class="cls-3" cx="112.42" cy="79.08" r="14.91"/><circle class="cls-3" cx="362.49" cy="79.08" r="14.91"/><circle class="cls-3" cx="329.3" cy="23.49" r="14.91"/></g></g></svg>

data/assets/img/nav-bonsai-light.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 583.03 374.23"><defs><style>.cls-1{fill:#8c6239;}.cls-2{fill:none;stroke:#8c6239;stroke-miterlimit:10;stroke-width:10px;}.cls-3{fill:#31af31;}</style></defs><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-1" d="M155.05,219.83a41.35,41.35,0,0,0,1,6.4,47.68,47.68,0,0,0,2.16,6.47,56.53,56.53,0,0,0,6.91,12.22,71.84,71.84,0,0,0,9.63,10.67l2.76,2.38c.94.78,1.94,1.49,2.9,2.25,2,1.48,4,2.89,6.09,4.21a105.38,105.38,0,0,0,13.25,7.05,117.12,117.12,0,0,0,14.31,5.34c4.92,1.46,10,2.67,15.08,3.66,2.57.42,5.14.93,7.74,1.21l3.9.5,3.93.36c2.6.27,5.27.34,7.91.52l4.18.25c.72.07,1.43.06,2.15.18l2.15.34a51.45,51.45,0,0,1,16.25,5.64,53.43,53.43,0,0,1,13.41,10.41A50.61,50.61,0,0,1,300,314a43.63,43.63,0,0,1,3.66,16.26,53.33,53.33,0,0,1-1.87,16.33,60.27,60.27,0,0,1-6.42,14.95,62.45,62.45,0,0,1-9.93,12.73l-.06-.06a61.81,61.81,0,0,0,9.1-13.16,57.91,57.91,0,0,0,5.41-14.92,51.19,51.19,0,0,0,.79-15.65,40.32,40.32,0,0,0-4.33-14.75,46.28,46.28,0,0,0-21.84-20.57,44.53,44.53,0,0,0-14.37-3.87l-1.84-.16c-.61-.07-1.25,0-1.87,0-1.28,0-2.43,0-3.89.06-2.72,0-5.43.19-8.19.13-5.49.07-11-.24-16.54-.61a165.09,165.09,0,0,1-16.59-2.24,131,131,0,0,1-16.4-4.37,101,101,0,0,1-15.74-7,90.35,90.35,0,0,1-14.43-9.87,77.76,77.76,0,0,1-12.19-13c-.91-1.19-1.7-2.48-2.55-3.71s-1.56-2.59-2.33-3.88-1.41-2.69-2.05-4.06-1.27-2.77-1.76-4.23l-.78-2.17c-.24-.73-.44-1.48-.66-2.22-.47-1.46-.76-3-1.11-4.53a46.53,46.53,0,0,1-.78-9.59Z"/><line class="cls-2" x1="112.41" y1="78.94" x2="143.58" y2="23.49"/><line class="cls-2" x1="143.58" y1="23.49" x2="173.76" y2="78.94"/><line class="cls-2" x1="173.76" y1="78.94" x2="205.22" y2="23.49"/><line class="cls-2" x1="205.22" y1="23.49" x2="235.11" y2="78.94"/><line class="cls-2" x1="235.11" y1="78.94" x2="266.85" y2="23.49"/><line class="cls-2" x1="266.85" y1="23.49" x2="298.44" y2="78.94"/><line class="cls-2" x1="298.44" y1="78.94" x2="329.3" y2="23.49"/><line class="cls-2" x1="329.3" y1="23.49" x2="362.49" y2="78.94"/><line class="cls-2" x1="309.46" y1="196.33" x2="340.64" y2="140.89"/><line class="cls-2" x1="340.64" y1="140.89" x2="370.81" y2="196.33"/><line class="cls-2" x1="370.81" y1="196.33" x2="402.27" y2="140.89"/><line class="cls-2" x1="402.27" y1="140.89" x2="432.16" y2="196.33"/><line class="cls-2" x1="432.16" y1="196.33" x2="463.9" y2="140.89"/><line class="cls-2" x1="463.9" y1="140.89" x2="495.49" y2="196.33"/><line class="cls-2" x1="495.49" y1="196.33" x2="526.35" y2="140.89"/><line class="cls-2" x1="526.35" y1="140.89" x2="559.54" y2="196.33"/><line class="cls-2" x1="54.67" y1="145.12" x2="84.84" y2="200.56"/><line class="cls-2" x1="146.19" y1="200.56" x2="176.63" y2="145.12"/><line class="cls-2" x1="176.63" y1="145.12" x2="209.2" y2="200.56"/><line class="cls-2" x1="146.19" y1="200.56" x2="116.3" y2="145.12"/><line class="cls-2" x1="84.84" y1="200.56" x2="116.3" y2="145.12"/><line class="cls-2" x1="23.49" y1="200.56" x2="54.67" y2="145.12"/><circle class="cls-3" cx="146.19" cy="200.56" r="23.49"/><circle class="cls-3" cx="209.52" cy="200.56" r="23.49" transform="translate(-58.76 90.34) rotate(-21.41)"/><circle class="cls-3" cx="116.3" cy="145.12" r="23.49"/><circle class="cls-3" cx="177.93" cy="145.12" r="23.49"/><circle class="cls-3" cx="84.84" cy="200.56" r="23.49"/><circle class="cls-3" cx="54.67" cy="145.12" r="23.49"/><circle class="cls-3" cx="23.49" cy="200.56" r="23.49"/><circle class="cls-3" cx="235.11" cy="78.94" r="23.49"/><circle class="cls-3" cx="298.44" cy="78.94" r="23.49"/><circle class="cls-3" cx="205.22" cy="23.49" r="23.49"/><circle class="cls-3" cx="266.85" cy="23.49" r="23.49"/><circle class="cls-3" cx="173.76" cy="78.94" r="23.49"/><circle class="cls-3" cx="143.58" cy="23.49" r="23.49"/><circle class="cls-3" cx="112.41" cy="78.94" r="23.49"/><circle class="cls-3" cx="362.49" cy="78.94" r="23.49"/><circle class="cls-3" cx="329.3" cy="23.49" r="23.49"/><circle class="cls-3" cx="432.16" cy="196.33" r="23.49"/><circle class="cls-3" cx="495.49" cy="196.33" r="23.49"/><circle class="cls-3" cx="402.27" cy="140.89" r="23.49"/><circle class="cls-3" cx="463.9" cy="140.89" r="23.49"/><circle class="cls-3" cx="370.81" cy="196.33" r="23.49"/><circle class="cls-3" cx="340.64" cy="140.89" r="23.49"/><circle class="cls-3" cx="309.46" cy="196.33" r="23.49"/><circle class="cls-3" cx="559.54" cy="196.33" r="23.49"/><circle class="cls-3" cx="526.35" cy="140.89" r="23.49"/></g></g></svg>

data/assets/img/nav-bonsai-star.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 583.03 374.23"><defs><style>.cls-1{fill:#254756;}.cls-2,.cls-4{fill:none;}.cls-2{stroke:#254756;stroke-miterlimit:10;stroke-width:10px;}.cls-3{fill:#f3f0cf;}</style></defs><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><g id="bonsai"><g id="tree"><g id="links"><g id="link-curly"><path class="cls-1" d="M155.05,219.83a41.35,41.35,0,0,0,1,6.4,47.68,47.68,0,0,0,2.16,6.47,56.53,56.53,0,0,0,6.91,12.22,71.84,71.84,0,0,0,9.63,10.67l2.76,2.38c.94.78,1.94,1.49,2.9,2.25,2,1.48,4,2.89,6.09,4.21a105.38,105.38,0,0,0,13.25,7.05,117.12,117.12,0,0,0,14.31,5.34c4.92,1.46,10,2.67,15.08,3.66,2.57.42,5.14.93,7.74,1.21l3.9.5,3.93.36c2.6.27,5.27.34,7.91.52l4.18.25c.72.07,1.43.06,2.15.18l2.15.34a51.45,51.45,0,0,1,16.25,5.64,53.43,53.43,0,0,1,13.41,10.41A50.61,50.61,0,0,1,300,314a43.63,43.63,0,0,1,3.66,16.26,53.33,53.33,0,0,1-1.87,16.33,60.27,60.27,0,0,1-6.42,14.95,62.45,62.45,0,0,1-9.93,12.73l-.06-.06a61.81,61.81,0,0,0,9.1-13.16,57.91,57.91,0,0,0,5.41-14.92,51.19,51.19,0,0,0,.79-15.65,40.32,40.32,0,0,0-4.33-14.75,46.28,46.28,0,0,0-21.84-20.57,44.53,44.53,0,0,0-14.37-3.87l-1.84-.16c-.61-.07-1.25,0-1.87,0-1.28,0-2.43,0-3.89.06-2.72,0-5.43.19-8.19.13-5.49.07-11-.24-16.54-.61a165.09,165.09,0,0,1-16.59-2.24,131,131,0,0,1-16.4-4.37,101,101,0,0,1-15.74-7,90.35,90.35,0,0,1-14.43-9.87,77.76,77.76,0,0,1-12.19-13c-.91-1.19-1.7-2.48-2.55-3.71s-1.56-2.59-2.33-3.88-1.41-2.69-2.05-4.06-1.27-2.77-1.76-4.23l-.78-2.17c-.24-.73-.44-1.48-.66-2.22-.47-1.46-.76-3-1.11-4.53a46.53,46.53,0,0,1-.78-9.59Z"/></g><g id="link-straight"><line class="cls-2" x1="120.2" y1="65.08" x2="135.79" y2="37.35"/><line class="cls-2" x1="151.13" y1="37.35" x2="166.22" y2="65.08"/><line class="cls-2" x1="181.62" y1="65.08" x2="197.35" y2="37.35"/><line class="cls-2" x1="212.69" y1="37.35" x2="227.64" y2="65.08"/><line class="cls-2" x1="243.04" y1="65.08" x2="258.91" y2="37.35"/><line class="cls-2" x1="274.74" y1="37.35" x2="290.54" y2="65.08"/><line class="cls-2" x1="306.15" y1="65.08" x2="321.58" y2="37.35"/><line class="cls-2" x1="337.59" y1="37.35" x2="354.19" y2="65.08"/><line class="cls-2" x1="317.26" y1="182.47" x2="332.84" y2="154.75"/><line class="cls-2" x1="348.18" y1="154.75" x2="363.27" y2="182.47"/><line class="cls-2" x1="378.68" y1="182.47" x2="394.4" y2="154.75"/><line class="cls-2" x1="409.74" y1="154.75" x2="424.69" y2="182.47"/><line class="cls-2" x1="440.1" y1="182.47" x2="455.96" y2="154.75"/><line class="cls-2" x1="471.8" y1="154.75" x2="487.59" y2="182.47"/><line class="cls-2" x1="503.2" y1="182.47" x2="518.63" y2="154.75"/><line class="cls-2" x1="534.65" y1="154.75" x2="551.24" y2="182.47"/><line class="cls-2" x1="62.21" y1="158.98" x2="77.3" y2="186.7"/><line class="cls-2" x1="153.8" y1="186.7" x2="169.02" y2="158.98"/><line class="cls-2" x1="184.77" y1="158.98" x2="201.05" y2="186.7"/><line class="cls-2" x1="138.72" y1="186.7" x2="123.77" y2="158.98"/><line class="cls-2" x1="92.71" y1="186.7" x2="108.44" y2="158.98"/><line class="cls-2" x1="31.29" y1="186.7" x2="46.87" y2="158.98"/></g></g><g id="nodes"><g id="node-fill"><circle class="cls-3" cx="146.19" cy="200.56" r="23.49"/><circle class="cls-3" cx="209.52" cy="200.56" r="23.49" transform="translate(-58.76 90.34) rotate(-21.41)"/><circle class="cls-3" cx="116.3" cy="145.12" r="23.49"/><circle class="cls-3" cx="177.93" cy="145.12" r="23.49"/><circle class="cls-3" cx="84.84" cy="200.56" r="23.49"/><circle class="cls-3" cx="54.67" cy="145.12" r="23.49"/><circle class="cls-3" cx="23.49" cy="200.56" r="23.49"/><circle class="cls-3" cx="235.11" cy="78.94" r="23.49"/><circle class="cls-3" cx="298.44" cy="78.94" r="23.49"/><circle class="cls-3" cx="205.22" cy="23.49" r="23.49"/><circle class="cls-3" cx="266.85" cy="23.49" r="23.49"/><circle class="cls-3" cx="173.76" cy="78.94" r="23.49"/><circle class="cls-3" cx="143.58" cy="23.49" r="23.49"/><circle class="cls-3" cx="112.41" cy="78.94" r="23.49"/><circle class="cls-3" cx="362.49" cy="78.94" r="23.49"/><circle class="cls-3" cx="329.3" cy="23.49" r="23.49"/><circle class="cls-3" cx="432.16" cy="196.33" r="23.49"/><circle class="cls-3" cx="495.49" cy="196.33" r="23.49"/><circle class="cls-3" cx="402.27" cy="140.89" r="23.49"/><circle class="cls-3" cx="463.9" cy="140.89" r="23.49"/><circle class="cls-3" cx="370.81" cy="196.33" r="23.49"/><circle class="cls-3" cx="340.64" cy="140.89" r="23.49"/><circle class="cls-3" cx="309.46" cy="196.33" r="23.49"/><circle class="cls-3" cx="559.54" cy="196.33" r="23.49"/><circle class="cls-3" cx="526.35" cy="140.89" r="23.49"/></g><g id="node-stroke"><path class="cls-4" d="M438.43,173.7a23.49,23.49,0,1,0,16.37,28.9A23.5,23.5,0,0,0,438.43,173.7Zm8,26.76a14.91,14.91,0,1,1-10.39-18.35A14.91,14.91,0,0,1,446.45,200.46Z"/><path class="cls-4" d="M501.76,173.7a23.49,23.49,0,1,0,16.36,28.9A23.49,23.49,0,0,0,501.76,173.7Zm8,26.76a14.91,14.91,0,1,1-10.39-18.35A14.91,14.91,0,0,1,509.78,200.46Z"/><path class="cls-4" d="M424.9,147.16A23.49,23.49,0,1,0,396,163.53,23.47,23.47,0,0,0,424.9,147.16Zm-8.25-2.31a14.91,14.91,0,1,1-10.39-18.35A14.91,14.91,0,0,1,416.65,144.85Z"/><path class="cls-4" d="M486.54,147.16a23.49,23.49,0,1,0-28.91,16.37A23.49,23.49,0,0,0,486.54,147.16Zm-8.27-2.29a14.91,14.91,0,1,1-10.39-18.35A14.91,14.91,0,0,1,478.27,144.87Z"/><path class="cls-4" d="M377.08,173.7a23.49,23.49,0,1,0,16.37,28.9A23.49,23.49,0,0,0,377.08,173.7Zm8.18,26.76a14.91,14.91,0,1,1-10.39-18.35A14.91,14.91,0,0,1,385.26,200.46Z"/><path class="cls-4" d="M363.27,147.16a23.49,23.49,0,1,0-28.9,16.37A23.48,23.48,0,0,0,363.27,147.16ZM355,144.87a14.91,14.91,0,1,1-10.4-18.35A14.91,14.91,0,0,1,355,144.87Z"/><path class="cls-4" d="M315.73,173.7a23.49,23.49,0,1,0,16.37,28.9A23.49,23.49,0,0,0,315.73,173.7Zm8.11,26.76a14.91,14.91,0,1,1-10.39-18.35A14.91,14.91,0,0,1,323.84,200.46Z"/><path class="cls-4" d="M565.8,173.7a23.49,23.49,0,1,0,16.37,28.9A23.49,23.49,0,0,0,565.8,173.7Zm8.11,26.76a14.91,14.91,0,1,1-10.39-18.35A14.91,14.91,0,0,1,573.91,200.46Z"/><path class="cls-4" d="M549,147.16a23.49,23.49,0,1,0-28.9,16.37A23.47,23.47,0,0,0,549,147.16Zm-8.26-2.29a14.91,14.91,0,1,1-10.39-18.35A14.91,14.91,0,0,1,540.72,144.87Z"/><path class="cls-4" d="M241.36,56.3a23.49,23.49,0,1,0,16.37,28.9A23.49,23.49,0,0,0,241.36,56.3Zm8,26.76A14.91,14.91,0,1,1,239,64.71,14.91,14.91,0,0,1,249.38,83.06Z"/><path class="cls-4" d="M304.69,56.3a23.49,23.49,0,1,0,16.37,28.9A23.49,23.49,0,0,0,304.69,56.3Zm8,26.76a14.91,14.91,0,1,1-10.39-18.35A14.91,14.91,0,0,1,312.71,83.06Z"/><path class="cls-4" d="M227.84,29.76a23.49,23.49,0,1,0-28.91,16.37A23.49,23.49,0,0,0,227.84,29.76Zm-8.26-2.31A14.91,14.91,0,1,1,209.19,9.1,14.92,14.92,0,0,1,219.58,27.45Z"/><path class="cls-4" d="M289.47,29.76a23.49,23.49,0,1,0-28.91,16.37A23.49,23.49,0,0,0,289.47,29.76Zm-8.27-2.29A14.91,14.91,0,1,1,270.81,9.12,14.91,14.91,0,0,1,281.2,27.47Z"/><path class="cls-4" d="M180,56.3a23.49,23.49,0,1,0,16.37,28.9A23.49,23.49,0,0,0,180,56.3Zm8.18,26.76A14.91,14.91,0,1,1,177.8,64.71,14.91,14.91,0,0,1,188.19,83.06Z"/><path class="cls-4" d="M166.2,29.76a23.49,23.49,0,1,0-28.9,16.37A23.47,23.47,0,0,0,166.2,29.76Zm-8.26-2.29A14.91,14.91,0,1,1,147.55,9.12,14.91,14.91,0,0,1,157.94,27.47Z"/><path class="cls-4" d="M118.66,56.3A23.49,23.49,0,1,0,135,85.2,23.49,23.49,0,0,0,118.66,56.3Zm8.11,26.76a14.91,14.91,0,1,1-10.39-18.35A14.9,14.9,0,0,1,126.77,83.06Z"/><path class="cls-4" d="M368.74,56.3a23.49,23.49,0,1,0,16.37,28.9A23.49,23.49,0,0,0,368.74,56.3Zm8.1,26.76a14.91,14.91,0,1,1-10.39-18.35A14.91,14.91,0,0,1,376.84,83.06Z"/><path class="cls-4" d="M351.92,29.76A23.49,23.49,0,1,0,323,46.13,23.49,23.49,0,0,0,351.92,29.76Zm-8.27-2.29A14.91,14.91,0,1,1,333.26,9.12,14.91,14.91,0,0,1,343.65,27.47Z"/><path class="cls-4" d="M152.51,177.93a23.49,23.49,0,1,0,16.37,28.9A23.47,23.47,0,0,0,152.51,177.93Zm8,26.75a14.91,14.91,0,1,1-10.4-18.34A14.92,14.92,0,0,1,160.54,204.68Z"/><path class="cls-4" d="M215.84,177.93a23.49,23.49,0,1,0,16.37,28.9A23.47,23.47,0,0,0,215.84,177.93Zm8,26.75a14.91,14.91,0,1,1-10.39-18.34A14.91,14.91,0,0,1,223.86,204.68Z"/><path class="cls-4" d="M139,151.39a23.49,23.49,0,1,0-28.9,16.37A23.49,23.49,0,0,0,139,151.39Zm-8.25-2.31a14.92,14.92,0,1,1-10.4-18.35A14.91,14.91,0,0,1,130.74,149.08Z"/><path class="cls-4" d="M200.62,151.39a23.49,23.49,0,1,0-28.9,16.37A23.49,23.49,0,0,0,200.62,151.39Zm-8.26-2.29A14.91,14.91,0,1,1,182,130.75,14.92,14.92,0,0,1,192.36,149.1Z"/><path class="cls-4" d="M91.17,177.93a23.49,23.49,0,1,0,16.36,28.9A23.48,23.48,0,0,0,91.17,177.93Zm8.18,26.75A14.91,14.91,0,1,1,89,186.34,14.92,14.92,0,0,1,99.35,204.68Z"/><path class="cls-4" d="M77.36,151.39a23.49,23.49,0,1,0-28.9,16.37A23.49,23.49,0,0,0,77.36,151.39Zm-8.27-2.29A14.91,14.91,0,1,1,58.7,130.75,14.91,14.91,0,0,1,69.09,149.1Z"/><path class="cls-4" d="M29.82,177.93a23.49,23.49,0,1,0,16.37,28.9A23.48,23.48,0,0,0,29.82,177.93Zm8.11,26.75a14.91,14.91,0,1,1-10.39-18.34A14.92,14.92,0,0,1,37.93,204.68Z"/></g></g></g></g></g></g></svg>

data/assets/js/entry.js

@@ -0,0 +1,130 @@
+---
+---
+
+// this file is a monstrosity!
+export default class Entry {
+  constructor() {
+    // head
+    // this.entryHeadStatus set in initEntryStatus();
+    this.entryHeadCheckbox = document.getElementById('entry-head-checkbox');
+    // head links (box)
+    // this.entryHeadLinksStatus set in initEntryStatus();
+    this.entryHeadLinksCheckbox = document.getElementById('entry-head-links-checkbox');
+
+    // foot
+    // this.entryFootLinksStatus set in initEntryStatus();
+    this.entryFootLinksCheckbox = document.getElementById('entry-foot-links-checkbox');
+    // this.entryFootPostsStatus set in initEntryStatus();
+    this.entryFootPostsCheckbox = document.getElementById('entry-foot-posts-checkbox');
+
+    this.init();
+  }
+
+  init() {
+    this.initEntryStatus();
+    this.bindEvents();
+  }
+
+  bindEvents() {
+    // head
+    this.entryHeadCheckbox.addEventListener('click', () => {
+      this.toggleEntryHeadCollapse();
+    });
+    // head links (box)
+    this.entryHeadLinksCheckbox.addEventListener('click', () => {
+      this.toggleEntryHeadLinksCollapse();
+    });
+    // foot
+    this.entryFootLinksCheckbox.addEventListener('click', () => {
+      this.toggleEntryFootLinksCollapse();
+    });
+    this.entryFootPostsCheckbox.addEventListener('click', () => {
+      this.toggleEntryFootPostsCollapse();
+    });
+  }
+
+  initEntryStatus() {
+    // head
+    this.entryHeadStatus = localStorage.getItem('entry-head-status');
+    if (this.entryHeadStatus !== "open" && this.entryHeadStatus !== "closed") {
+      this.entryHeadStatus = '{{ site.bonsai.entries.toggles.breadcrumbs }}';	
+    }
+    this.entryHeadCheckbox.checked = (this.entryHeadStatus === "closed"); 
+    this.toggleEntryHeadCollapse();
+
+    // head links (box)
+    this.entryHeadLinksStatus = localStorage.getItem('entry-head-links-status');
+    if (this.entryHeadLinksStatus !== "open" && this.entryHeadLinksStatus !== "closed") {
+      this.entryHeadLinksStatus = '{{ site.bonsai.entries.toggles.attr_box }}';	
+    }
+    this.entryHeadLinksCheckbox.checked = (this.entryHeadLinksStatus === "closed"); 
+    this.toggleEntryHeadLinksCollapse();
+
+    // foot
+    this.entryFootLinksStatus = localStorage.getItem('entry-foot-links-status');
+    if (this.entryFootLinksStatus !== "open" && this.entryFootLinksStatus !== "closed") {
+      this.entryFootLinksStatus = '{{ site.bonsai.entries.toggles.foot_links }}';	
+    }
+    this.entryFootLinksCheckbox.checked = (this.entryFootLinksStatus === "closed"); 
+    this.toggleEntryFootLinksCollapse();
+
+    this.entryFootPostsStatus = localStorage.getItem('entry-foot-posts-status');
+    if (this.entryFootPostsStatus !== "open" && this.entryFootPostsStatus !== "closed") {
+      this.entryFootPostsStatus = '{{ site.bonsai.entries.toggles.foot_tagged }}';	
+    }
+    this.entryFootPostsCheckbox.checked = (this.entryFootPostsStatus === "closed"); 
+    this.toggleEntryFootPostsCollapse();
+  }
+
+  toggleEntryHeadCollapse () {
+    // from: https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_collapsible
+    var collapsibleEl = document.getElementById('entry-head-nav');
+    if (this.entryHeadCheckbox.checked) {
+      collapsibleEl.style.display = "none";
+      this.entryHeadStatus = "closed";
+    } else {
+      collapsibleEl.style.display = "flex";
+      this.entryHeadStatus = "open";
+    }
+    localStorage.setItem('entry-head-status', this.entryHeadStatus);
+  } 
+
+  toggleEntryHeadLinksCollapse () {
+    // from: https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_collapsible
+    var collapsibleEl = document.getElementById('attr-box-link-nav');
+    if (this.entryHeadLinksCheckbox.checked) {
+      collapsibleEl.style.display = "none";
+      this.entryHeadLinksStatus = "closed";
+    } else {
+      collapsibleEl.style.display = "flex";
+      this.entryHeadLinksStatus = "open";
+    }
+    localStorage.setItem('entry-head-links-status', this.entryHeadLinksStatus);
+  }
+
+  toggleEntryFootLinksCollapse () {
+    // from: https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_collapsible
+    var collapsibleEl = document.getElementById('entry-foot-links-nav');
+    if (this.entryFootLinksCheckbox.checked) {
+      collapsibleEl.style.display = "none";
+      this.entryFootLinksStatus = "closed";
+    } else {
+      collapsibleEl.style.display = "flex";
+      this.entryFootLinksStatus = "open";
+    }
+    localStorage.setItem('entry-foot-links-status', this.entryFootLinksStatus);
+  }
+
+  toggleEntryFootPostsCollapse () {
+    // from: https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_collapsible
+    var collapsibleEl = document.getElementById('entry-foot-posts-nav');
+    if (this.entryFootPostsCheckbox.checked) {
+      collapsibleEl.style.display = "none";
+      this.entryFootPostsStatus = "closed";
+    } else {
+      collapsibleEl.style.display = "flex";
+      this.entryFootPostsStatus = "open";
+    }
+    localStorage.setItem('entry-foot-posts-status', this.entryFootPostsStatus);
+  } 
+}

data/assets/js/graph.js

@@ -0,0 +1,64 @@
+---
+---
+import JekyllGraph from './jekyll-graph.js';
+
+export default class GraphNav extends JekyllGraph {
+
+  constructor() {
+    super(); // 'this.graph' + 'this.graphDiv' set in JekyllGraph
+    this.graphKindCheckBox = document.getElementById('graph-kind-checkbox');
+    this.graphKindEmojiSpan = document.getElementById('graph-kind-emoji-span');
+    this.init(); // this.graphKind set in initgraphKind();
+  }
+
+  init() {
+    this.initGraphKind();
+    this.bindEvents();
+    this.draw();
+  }
+  
+  bindEvents() {
+    this.graphKindCheckBox.addEventListener('click', () => {
+      this.updateGraphkind();
+      this.draw();
+    });
+  }
+
+  // draw
+
+  draw() {
+    // redraw new chart
+    if (this.graphKindCheckBox.checked) {
+      this.drawTree();
+    } else {
+      this.drawWeb();
+    }
+  }
+
+  redraw() {
+    this.updateGraphkind();
+    this.draw();
+  }
+
+  // type
+
+  initGraphKind() {
+    this.graphKind = localStorage.getItem('graph-kind');
+    if (this.graphKind !== "tree" && this.graphKind !== "web") {
+      this.graphKind = '{{ site.bonsai.nav.graph.kind }}';
+    }
+    this.graphKindCheckBox.checked = (this.graphKind === "tree");
+    this.updateGraphkind();
+  }
+
+  updateGraphkind() {
+    if (this.graphKindCheckBox.checked) {
+      this.graphKindEmojiSpan.innerText = "{{ site.data.emoji.web }}";
+      this.graphKind = "tree";
+    } else {
+      this.graphKindEmojiSpan.innerText = "{{ site.data.emoji.tree }}";
+      this.graphKind = "web";
+    }
+    localStorage.setItem('graph-kind', this.graphKind);
+  }
+}

data/assets/js/scripts.js

@@ -0,0 +1,64 @@
+---
+---
+import Entry from './entry.js';
+import SiteNav from './site-nav.js';
+
+// go
+// from: https://stackoverflow.com/questions/9899372/pure-javascript-equivalent-of-jquerys-ready-how-to-call-a-function-when-t
+(() => {
+  initLinks();
+
+  if (!isSafari() && !isMobile()) {
+    applyPencilFilter();
+  }
+
+  new SiteNav();
+  if (document.getElementById('entry')) {
+    new Entry();
+  }
+})();
+
+// helpers
+
+function initLinks() {
+  // web
+  // open external links in new window; wiki-links in current window.
+  document.querySelectorAll('a.web-link').forEach(setupLinkOpen);
+  // wiki
+  //  init hp-tooltip.html listeners.
+  document.querySelectorAll('{{ include.wrapperQuerySelector }} a.wiki-link').forEach(setupListeners);
+  //  add microdata to wiki links
+  document.querySelectorAll('a.wiki-link').forEach((wikiLink) => wikiLink.classList.add('u-url'));
+}
+
+function setupLinkOpen (link) {
+  link.setAttribute("target", "_blank");
+  link.setAttribute("rel", "noopener");  // for security: https://css-tricks.com/use-target_blank/#correct-html
+}
+
+function applyPencilFilter() {
+  // apply pencil-filter to all svg images
+  let imgElements = document.getElementsByClassName('embed-image-wrapper');
+  Array.prototype.forEach.call(imgElements, (img) => {
+    if (img.firstElementChild.tagName === "svg") {
+      if ('{{ site.bonsai.svg.filter }}') {
+        // attach filter to svg element's parent because of safari/mobile bug
+        // bug from: https://github.com/Fyrd/caniuse/issues/3803
+        // workaround from: https://newbedev.com/why-is-filter-drop-shadow-causing-my-svg-to-disappear-in-safari
+        img.style.filter = "url(#PencilTexture)";
+      }
+    }
+  });
+}
+
+function isMobile() {
+  // from: https://stackoverflow.com/questions/58141018/mobile-device-detection
+  var check = false;
+  (function(a){if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4))) check = true;})(navigator.userAgent||navigator.vendor||window.opera);
+  return check;
+};
+
+function isSafari() {
+  // Safari 3.0+ "[object HTMLElementConstructor]" 
+  return /constructor/i.test(window.HTMLElement) || (function (p) { return p.toString() === "[object SafariRemoteNotification]"; })(!window['safari'] || (typeof safari !== 'undefined' && window['safari'].pushNotification));
+};

data/assets/js/search.js

@@ -0,0 +1,165 @@
+---
+---
+
+window.store = {
+  {% for doc in site.documents %}
+    {% unless site.bonsai.nav.search.exclude contains doc.type %}
+      "{{ doc.url | slugify }}": {
+        "title": "{{ doc.title | xml_escape }}",
+        "content": {{ doc.content | strip_html | strip_newlines | jsonify }},
+        "status": "{{ doc.status | xml_escape }}",
+        "tags": "{{ doc.tags | xml_escape }}",
+        "emoji": "{{ doc.emoji | xml_escape }}",
+        "url": "{{ doc.url | xml_escape }}",
+      }
+      {% unless forloop.last %},{% endunless %}
+    {% endunless %}
+  {% endfor %}
+};
+export default class Search {
+
+  constructor() {
+    this.searchBtn = document.getElementById('search-btn');
+    this.search = document.getElementById('search');
+    this.searchInput = document.getElementById('search-input');
+    this.searchResults = document.getElementById('search-results');
+    this.navContent = document.getElementById('site-nav-content');
+    this.init();
+  }
+
+  init() {
+    this.searchInput.classList.add('hide');
+    this.searchResults.classList.add('hide');
+    this.initIndex();
+    this.bindEvents();
+  }
+
+  bindEvents() {
+    // keys
+    /// cmd/ctrl + k
+    document.addEventListener('keydown', (event) => {
+      const macKeys = (event.metaKey && (event.key === 'k'));
+      const winKeys = (event.ctrlKey && (event.key === 'k'));
+      if (macKeys || winKeys) {
+        event.preventDefault();
+        this.toggleSearch();
+      }
+    });
+    // enter
+    document.addEventListener('keydown', (event) => {
+      if (event.key === 'Enter') {
+        this.doSearch();
+      }
+    });
+    /// esc
+    document.addEventListener('keydown', (event) => {
+      if (event.key === 'Escape') {
+        this.hideSearch();
+      }
+    });
+    // btn
+    this.searchBtn.addEventListener('click', () => {
+      this.toggleSearch();
+    });
+    // unfocus
+    this.searchInput.addEventListener('focusout', (event) => {
+      // click on a search result: 
+      //   if (event.relatedTarget.nodeName !== 'A')
+      if (!event.relatedTarget) {
+        this.hideSearch();
+      }
+    });
+  }
+
+  initIndex() {
+    // lunr: https://lunrjs.com/
+    // from: https://learn.cloudcannon.com/jekyll/jekyll-search-using-lunr-js/
+    // Initalize lunr with the fields it will be searching on. I've given title
+    // a boost of 10 to indicate matches on this field are more important.
+    this.idx = lunr(function () {
+      this.field('id');
+      this.field('title', { boost: 10 });
+      this.field('status');
+      // this.field('tags');
+      this.field('emoji');
+      this.field('content');
+
+      for (var key in window.store) { // Add the data to lunr
+        this.add({
+          'id': key,
+          'title': window.store[key].title,
+          'status': window.store[key].status,
+          // 'tags': window.store[key].tags,
+          'emoji': window.store[key].emoji,
+          'content': window.store[key].content
+        });
+      }
+    });
+  }
+
+  toggleSearch() {
+    if (this.searchInput.classList.contains('hide')) {
+      this.showSearch();
+    } else {
+      this.hideSearch();
+    }
+  }
+
+  showSearch() {
+    this.searchInput.classList.remove('hide');
+    this.searchInput.focus();
+    this.navContent.style.filter = "blur(4px)";
+  }
+
+  hideSearch() {
+    this.searchInput.classList.add('hide');
+    this.searchResults.classList.add('hide');
+    this.navContent.style.filter = "";
+  }
+
+  doSearch() {
+    // from: https://learn.cloudcannon.com/jekyll/jekyll-search-using-lunr-js/
+    var results = this.idx.search(this.searchInput.value);
+    this.displayResults(results, window.store);
+  }
+
+  displayResults(results, store) {
+    if (results.length) {
+      var appendString = '<ul>';
+  
+      for (var i = 0; i < results.length; i++) {
+        var item = store[results[i].ref];
+        appendString += '<li>'
+        appendString +=   '<a href="' + '{{ site.baseurl }}' + item.url + '">';
+        if (item.status) {
+          appendString +=     '<h6> ' + item.status + ' ' + item.title + '</h6>';
+        } else if (item.emoji) {
+          appendString +=     '<h6> ' + item.emoji + ' ' + item.title + '</h6>';
+        } else {
+          appendString +=     '<h6> ' + item.title + '</h6>';
+        }
+        appendString +=     '<p>' + item.content.substring(0, 150) + '...</p>';
+        appendString +=   '</a>';
+        appendString += '</li>';
+      }
+    } else {
+      var appendString = '<ul><li>No results found</li></ul>';
+    }
+    this.searchResults.innerHTML = appendString + '</ul>';
+    this.searchResults.classList.remove('hide');
+  }
+
+  // getQueryVariable(variable) {
+  //   // from: https://learn.cloudcannon.com/jekyll/jekyll-search-using-lunr-js/
+  //   var query = window.location.search.substring(1);
+  //   var vars = query.split('&');
+
+  //   for (var i = 0; i < vars.length; i++) {
+  //     var pair = vars[i].split('=');
+
+  //     if (pair[0] === variable) {
+  //       return decodeURIComponent(pair[1].replace(/\+/g, '%20'));
+  //     }
+  //   }
+  // }
+}

data/assets/js/site-nav.js

@@ -0,0 +1,132 @@
+---
+---
+
+import GraphNav from './graph.js';
+import Search from './search.js';
+import ThemeColors from './theme-colors.js';
+import VisitedNav from './visited-nav.js';
+
+export default class SiteNav {
+
+  constructor() {
+    // bonsai-burger --> [[.]]
+    this.bonsaiBurger = document.getElementById('bonsai-burger-nav-checkbox');
+    this.sideBar = document.getElementById('side-bar');
+    this.mainView = document.getElementById('main');
+    this.bonsai = document.getElementById('nav-bonsai');
+    
+    this.bonsaiBurger.addEventListener('click', () => {
+      this.toggleSiteNav();
+      this.graph.redraw();
+    });
+
+    // themes
+    new ThemeColors();
+    
+    // search
+    {% if site.bonsai.nav.search.enabled %}
+      this.search = new Search();
+    {% endif %}
+
+    // graph
+    this.graph = new GraphNav();
+
+    // visited nav
+    {% if site.bonsai.nav.visited.enabled %} 
+      // attach elements
+      // this.navType set in initNavType();
+      this.navTypeCheckBox = document.getElementById('nav-type-checkbox');
+      this.navTypeEmojiSpan = document.getElementById('nav-type-emoji-span');
+      this.visited = new VisitedNav();
+      this.initNavType();
+      this.navTypeCheckBox.addEventListener('click', () => {
+        this.updateNavType();
+      });
+    {% endif %}
+
+    // visited data
+    // visitedURLs set in initVisitedData();
+    this.deleteVisitedBtn = document.getElementById('delete-btn');
+    this.initVisitedData();
+    this.deleteVisitedBtn.addEventListener('click', () => {
+      this.deleteVisitedData();
+    });
+  }
+
+  // bonsai-burger
+
+  toggleSiteNav() {
+    if (document.getElementById('bonsai-burger-nav-checkbox').checked) {
+      this.sideBar.classList.add('nav-open');
+      this.mainView.classList.add('hide');
+      this.bonsai.hidden = false;
+    } else {
+      this.sideBar.classList.remove('nav-open');
+      this.mainView.classList.remove('hide');
+      this.bonsai.hidden = true;
+    }
+  }
+
+  // graph <-> visited toggles
+
+  initNavType() {
+    this.navType = localStorage.getItem('nav-type');
+    if (this.navType !== "graph" && this.navType !== "visited") {
+      this.navType = '{{ site.bonsai.nav.type }}';	
+    }
+    this.navTypeCheckBox.checked = (this.navType === "graph");
+    this.updateNavType();
+  }
+
+  updateNavType() {
+    if (this.navTypeCheckBox.checked) {
+      this.navTypeEmojiSpan.innerText = "{{ site.data.emoji.visited }}";
+      this.navType = "graph";
+      this.visited.hide();
+      this.graph.graphDiv.classList.remove("hide");
+    } else {
+      this.navTypeEmojiSpan.innerText = "{{ site.data.emoji.graph }}";
+      this.navType = "visited";
+      this.graph.graphDiv.classList.add("hide");
+      this.visited.show();
+    }
+    localStorage.setItem('nav-type', this.navType);
+  }
+
+    // visited-data
+
+    initVisitedData() {
+      // init
+      this.visitedURLs = JSON.parse(localStorage.getItem('visited'));
+      if (!this.visitedURLs) this.visitedURLs = [];
+      // populate
+      if (this.visitedURLs) {
+        // remove duplicates to current (since json and !SortedSet)
+        // step backward so splicing doesn't change indeces as tabs are removed
+        for (var i = this.visitedURLs.length - 1; i > -1; i--) {
+          let aTab = this.visitedURLs[i];
+          if ((aTab['title'] == window.document.title) 
+            && (aTab['url'] == window.location.pathname)) {
+              this.visitedURLs.splice(i, 1);
+          }
+        }
+        this.visitedURLs.push({ title: window.document.title, url: window.location.pathname }); 
+        localStorage.setItem('visited', JSON.stringify(this.visitedURLs));
+      }
+      // draw
+      {% if site.bonsai.nav.visited.enabled %} 
+        this.visited.build(this.visitedURLs);
+      {% endif %}
+    }
+  
+    deleteVisitedData() {
+      // reset
+      this.visitedURLs = [];
+      // store
+      localStorage.setItem('visited', JSON.stringify([]));
+      // redraw
+      {% if site.bonsai.nav.visited.enabled %} 
+        this.visited.rebuild(this.visitedURLs);
+      {% endif %}
+    }
+}