PageSourceSearch

https://jekyll-wikibonsai.netlify.app/

html jekyll-wikibonsai.netlify.app collected 2026-10-03 10:56:01 UTC 22,010 bytes, 668 lines download raw bytes

1<!doctype html>
2<html>
3  <head>
4
5    <meta charset="utf-8">
6    <meta name="viewport" content="width=device-width,initial-scale=1.0">
7  
8    <title>Jekyll-Garden</title>
9
10    <link rel="icon" type="image/png">
11    <link rel="stylesheet" href="/assets/css/styles.css">
12  
13    
13<script>
14      // from: https://mxb.dev/blog/color-theme-switcher/
15      // if there's a theme id in localstorage, use it on initia load
16      localStorage.getItem('theme-colors') && 
17      document.documentElement.setAttribute('data-theme', localStorage.getItem('theme-colors'))
18    </script>
18
19
20    <!-- search -->
21    
21<script src="https://unpkg.com/lunr/lunr.js"></script>
21
22    
22<script src="//unpkg.com/element-resize-detector/dist/element-resize-detector.min.js"></script>
22<script src="//unpkg.com/force-graph"></script>
22<script src="https://d3js.org/d3.v6.min.js"></script>
22
23    <link type="application/atom+xml" rel="alternate" href="/feed.xml" title="jekyll-garden" />
24    <!-- Begin Jekyll SEO tag v2.7.1 -->
25<title>Jekyll-Garden | jekyll-garden</title>
26<meta name="generator" content="Jekyll v4.2.2" />
27<meta property="og:title" content="Jekyll-Garden" />
28<meta name="author" content="manunamz" />
29<meta property="og:locale" content="en_US" />
30<meta name="description" content="A jekyll theme for semantically inclined digital gardeners." />
31<meta property="og:description" content="A jekyll theme for semantically inclined digital gardeners." />
32<meta property="og:site_name" content="jekyll-garden" />
33<meta name="twitter:card" content="summary" />
34<meta property="twitter:title" content="Jekyll-Garden" />
35<script type="application/ld+json">
36{"description":"A jekyll theme for semantically inclined digital gardeners.","headline":"Jekyll-Garden","@type":"WebSite","url":"/","name":"jekyll-garden","author":{"@type":"Person","name":"manunamz"},"@context":"https://schema.org"}</script>
36
37<!-- End Jekyll SEO tag -->
38
39
40  </head>
41  <body>
42
43    <div id="side-bar" class="side-bar">
44      <nav id="site-nav" class="site-nav" role="navigation">
45  <header>
46    <span>
47      <a id="home-btn" class="btn btn--green" href="/" title="Go Home">
48        🏕
49      </a>
50    </span>
51    <span class="dropdown">
52      <button class="dropdown__btn">
53        <span title="Page Navigation">
54          🗺
55        </span>
56      </button>
57      <div class="dropdown__content">
58        
59        
60          <a class="btn btn--blue drop-1" href="/recent" title="Go To Recent Changes">
61          🌦
62          </a>
63        
64        
65          
66          <a class="btn btn--brown drop-2" href="/stat/448e83d224/" title="Go To States">
67            🔖
68          </a>
69        
70        
71        
72          <a class="btn btn--purple drop-3" href="/archive" title="Go To Archive">
73            ⛲️
74          </a>
75        
76        
77        
78          <a class="btn btn--green drop-3" href="/map" title="Go To Tag Map">
79            🎋
80          </a>
81        
82      </div>
83    </span>
84    <span class="dropdown">
85      <button class="dropdown__btn">
86        <span title="Theme Color Toggles">
87          🌈
88        </span>
89      </button>
90      <div class="dropdown__content">
91        
92          <a data-theme-id="light" class="btn btn--yellow drop-1" title="light">
93            ☀️
94          </a>
95        
96          <a data-theme-id="dark" class="btn btn--yellow drop-2" title="dark">
97            🌘
98          </a>
99        
100          <a data-theme-id="star" class="btn btn--yellow drop-3" title="star">
101            ✨
102          </a>
103        
104      </div>
105    </span>
106    <span class="dropdown">
107      <button class="dropdown__btn">
108        <span title="Site-Nav Toggles">
109          🧭
110        </span>
111      </button>
112      <div class="dropdown__content">
113        
114          <label class="btn btn--orange">
115            <input id="nav-type-checkbox" type="checkbox" checked="checked">
116            <span id="nav-type-emoji-span" title="Toggle Nav Type"></span>
117          </label>
118        
119        <label class="btn btn--green">
120          <input id="graph-kind-checkbox" type="checkbox" checked="checked">
121          <span id="graph-kind-emoji-span" title="Toggle Graph Kind"></span>
122        </label>
123        <a id="delete-btn" class="btn btn--red drop-3" title="Delete Visited History">
124          🧹
125        </a>
126      </div>
127    </span>
128    
129      <a id="search-btn" class="btn btn--brown" href="#" title="Search (cmd/ctrl+k)">
130        🔍
131      </a>
132    
133  </header>
134
135  
136    <div id="search">
137      <input id="search-input" class="search__input hide"></input>
138      <div id="search-results" class="search__results"></div>
139    </div>
140  
141  <div id="site-nav-content">
142    <div id="jekyll-graph"></div>
143    
144      <nav id="visited-nav" class="visited-nav"></nav>
145    
146  </div>
147
148  <footer>
149    <span class="text--small">🪴 Grown with 💚 from a <a class="web-link" href="https://github.com/wikibonsai/jekyll-garden">jekyll-garden</a></span>
150  </footer>
151</nav>
152
153    </div>
154
155    <div id="main" class="main">
156      <main class="main__content">
157        <div id="home" class="home">
158  
159  <section class="lead">
160    <div class="lead__img">
161      <img id="home-logo" class="lead__img--size">
162    </div>
163    
164    <div class="lead__title hp-title">
165      <h1 class="p-name">
166        
167        
168          <a class="wiki-link" href="/entry/e4dc466bc6/">Jekyll-Garden</a></h4>
169    </div>
170    <div class="lead__content markdown hp-content">
171      <blockquote>
172  <p>“It is important to view knowledge as a sort of semantic tree. Make sure you understand the fundamental principles, i.e., the trunk and big branches before you get into the leaves/details or there is nothing for them to hang on to.”</p>
173
174  <p>~ <a href="https://www.reddit.com/r/IAmA/comments/2rgsan/comment/cnfre0a/?utm_source=share&amp;utm_medium=web2x&amp;context=3" class="web-link">Elon Musk</a></p>
175</blockquote>
176
177<p>Welcome to <a class="wiki-link" href="/entry/e4dc466bc6/">jekyll-garden</a>, a jekyll theme built for <a href="https://github.com/wikibonsai/wikibonsai" class="web-link">WikiBonsai</a> style <a class="wiki-link" href="/entry/e002fd0f60/">digital gardening</a>.</p>
178
179<p>This site documents this template. To get started understanding it or using it, check out the “Notable” entries below. You can also learn more about the creator <a href="https://manunam.me" class="web-link">here</a>.</p>
180
181    </div>
182  </section>
183  
184  <div class="home__content">
185
186    
187      <section class="featured">
188        <div class="featured__header">
189        
190        
191      </h1>
192    
193      <h4>
194        
195        
196          Notable
197        
198        
199      </h4>
200    
201        </div>
202        <div class="featured__content">
203          <ul>
204            
205              
206              <li>
207                <div class="item">
208                  <div class="item__status">
209                    
210
211
212  
213  <a class="stat-tag" href="/stat/86c85f3b02/" title=Seed>🌰</a>
214
215
216                  </div>
217                  <div class="item__text">
218                    <span>
219                      <a class="wiki-link" href="/book/1043250e26/"> The Ancient Art of Bonsai</a>
220                    </span>
221                    <time class="text--date dt-updated">
222                      2022-01-27
223                    </time>
224                  </div>
225                </div>
226              </li>
227            
228              
229              <li>
230                <div class="item">
231                  <div class="item__status">
232                    
233
234
235  
236  <a class="stat-tag" href="/stat/2f14a0997e/" title=Bud>🌿</a>
237
238
239                  </div>
240                  <div class="item__text">
241                    <span>
242                      <a class="wiki-link" href="/entry/8869af5551/"> Wiki-Blog</a>
243                    </span>
244                    <time class="text--date dt-updated">
245                      2021-11-19
246                    </time>
247                  </div>
248                </div>
249              </li>
250            
251              
252              <li>
253                <div class="item">
254                  <div class="item__status">
255                    
256
257
258  
259  <a class="stat-tag" href="/stat/0e8b1e8be9/" title=Bamboo>🎋</a>
260
261
262                  </div>
263                  <div class="item__text">
264                    <span>
265                      <a class="wiki-link" href="/entry/460517a572/"> Features</a>
266                    </span>
267                    <time class="text--date dt-updated">
268                      2021-11-23
269                    </time>
270                  </div>
271                </div>
272              </li>
273            
274              
275              <li>
276                <div class="item">
277                  <div class="item__status">
278                    
279
280
281  
282  <a class="stat-tag" href="/stat/ada524147d/" title=Fruit>🥭</a>
283
284
285                  </div>
286                  <div class="item__text">
287                    <span>
288                      <a class="wiki-link" href="/post/0b9db15818/"> Setup</a>
289                    </span>
290                    <time class="text--date dt-updated">
291                      2021-11-18
292                    </time>
293                  </div>
294                </div>
295              </li>
296            
297              
298              <li>
299                <div class="item">
300                  <div class="item__status">
301                    
302
303
304  
305  <a class="stat-tag" href="/stat/ada524147d/" title=Fruit>🥭</a>
306
307
308                  </div>
309                  <div class="item__text">
310                    <span>
311                      <a class="wiki-link" href="/post/23f8262818/"> Escape: An Origin Myth</a>
312                    </span>
313                    <time class="text--date dt-updated">
314                      2021-11-18
315                    </time>
316                  </div>
317                </div>
318              </li>
319            
320            </ul>
321          
322          <!-- using '.first' to test if any results were found -->
323          
324            <p class="featured__footer">For more, see <a class="wiki-link" href="/about/">about 🪧</a></p>
325          
326        </div>
327      </section>
328    
329
330    
331      <section class="featured__section">
332        <div class="featured__header">
333      <h4>
334        
335        
336          Recent
337        
338        
339      </h4>
340    
341        </div>
342        <div class="featured__content">
343          <ul>
344            
345            
346              <li>
347                <div class="item">
348                  <div class="item__status">
349                    
350
351
352  
353  <a class="stat-tag" href="/stat/0e8b1e8be9/" title=Bamboo>🎋</a>
354
355
356                  </div>
357                  <div class="item__text">
358                    <span>
359                      <a class="wiki-link" href="/entry/fb2b009dc5/"> Test Render</a>
360                    </span>
361                    <time class="text--date dt-updated">
362                      2023-10-05
363                    </time>
364                  </div>
365                </div>
366              </li>
367            
368              <li>
369                <div class="item">
370                  <div class="item__status">
371                    
372
373
374  
375  <a class="stat-tag" href="/stat/b8d9ef01f9/" title=Sprout>🌱</a>
376
377
378                  </div>
379                  <div class="item__text">
380                    <span>
381                      <a class="wiki-link" href="/entry/a52637fc9d/"> Paper DocType</a>
382                    </span>
383                    <time class="text--date dt-updated">
384                      2023-09-25
385                    </time>
386                  </div>
387                </div>
388              </li>
389            
390              <li>
391                <div class="item">
392                  <div class="item__status">
393                    
394
395
396  
397  <a class="stat-tag" href="/stat/0e8b1e8be9/" title=Bamboo>🎋</a>
398
399
400                  </div>
401                  <div class="item__text">
402                    <span>
403                      <a class="wiki-link" href="/entry/f19d839450/"> 🪵 Trunk</a>
404                    </span>
405                    <time class="text--date dt-updated">
406                      2023-09-25
407                    </time>
408                  </div>
409                </div>
410              </li>
411            
412              <li>
413                <div class="item">
414                  <div class="item__status">
415                    
416
417
418  
419  <a class="stat-tag" href="/stat/b8d9ef01f9/" title=Sprout>🌱</a>
420
421
422                  </div>
423                  <div class="item__text">
424                    <span>
425                      <a class="wiki-link" href="/entry/fb23dc3719/"> Map Page</a>
426                    </span>
427                    <time class="text--date dt-updated">
428                      2023-09-22
429                    </time>
430                  </div>
431                </div>
432              </li>
433            
434              <li>
435                <div class="item">
436                  <div class="item__status">
437                    
438
439
440  
441  <a class="stat-tag" href="/stat/2f14a0997e/" title=Bud>🌿</a>
442
443
444                  </div>
445                  <div class="item__text">
446                    <span>
447                      <a class="wiki-link" href="/entry/a19d898450/"> Index DocType</a>
448                    </span>
449                    <time class="text--date dt-updated">
450                      2023-09-22
451                    </time>
452                  </div>
453                </div>
454              </li>
455            
456            </ul>
457          
458          <!-- using '.first' to test if any results were found -->
459          
460            <p class="featured__footer">
461              For more updates, check the <a class="wiki-link" href="/recent/">weather 🌦</a>
462            </p>
463          
464        </div>
465      </section>
466    
467
468  </div>
469
470</div>
471
472      </main>
473      <footer class="main__footer">
474        
475        
476          <a class="btn btn--small btn--brown" href="/about/" title="Go To About">🪧</a>
477        
478        
479        
480          <a class="btn btn--small btn--brown" href="/privacy/" title="Go To Privacy">🛖</a>
481        
482        
483          <!-- from: https://jekyllcodex.org/without-plugin/connect-buttons/ -->
484<style>
485#connect-buttons {display: inline-block; vertical-align: middle; }
486#connect-buttons:after {content: ""; display: block; clear: both;}
487#connect-buttons > div {
488  position: relative;
489  text-align: left; 
490  height: 36px; 
491  width: 32px; 
492  float: left; 
493  text-align: center;
494}
495#connect-buttons > div > svg {height: 16px; fill: #959396; margin-top: 10px;} /* $grey-dk-000 */
496#connect-buttons > div:hover {cursor: pointer;}
497#connect-buttons > div.facebook:hover > svg {fill: #3B5998;}
498#connect-buttons > div.github:hover > svg {fill: #000000;}
499#connect-buttons > div.twitter:hover > svg {fill: #55ACEE;}
500#connect-buttons > div.linkedin:hover > svg {fill: #0077b5;}
501#connect-buttons > div.pinterest:hover > svg {fill: #CB2027;}
502#connect-buttons > div.rss:hover > svg {fill: #ECB13D;}
503#connect-buttons > div.gplus:hover > svg {fill: #dd4b39;}
504#connect-buttons > div.mail:hover > svg {fill: #5c5962;} /* $grey-dk-100 */
505#connect-buttons > div.instagram:hover > svg {fill: #C73B92;}
506#connect-buttons > div.facebook > svg {height: 18px; margin-top: 9px;}
507#connect-buttons > div.github > svg {height: 18px; margin-top: 9px;}
508#connect-buttons > div.twitter > svg {height: 20px; margin-top: 8px;}
509#connect-buttons > div.linkedin > svg {height: 19px; margin-top: 7px;}
510#connect-buttons > div.pinterest > svg {height: 20px; margin-top: 9px;}
511#connect-buttons > div.rss > svg {height: 16px; margin-top: 10px;}
512#connect-buttons > div.gplus > svg {height: 17px; margin-top: 9px; position: relative; left: 1px;}
513#connect-buttons > div.mail > svg {height: 14px; margin-top: 11px;}
514</style>
515
516<div class="connect-bar">
517  <span class="connect-icon" title="Connect and Follow">
518    🌊
519  </span>
520  <div id="connect-buttons">
521    
522    <div class="github" title="Connect on Github" onclick="window.open('https://github.com/wikibonsai/jekyll-garden/');"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/></svg></div>
523    
524    
525    
526    
527  </div>
528</div>
529
530        
531      </footer>
532    </div>
533
534    <label class="bonsai-burger-nav">
535      <input id="bonsai-burger-nav-checkbox" type="checkbox">
536      <img id="nav-bonsai" height="75" width="75" hidden></img>
537      <img id="nav-base" height="50" width="50"></img>
538    </label>
539
540    <!-- "hover-preview tooltip"
541
542with help from: https://github.com/maximevaillancourt/digital-garden-jekyll-template/blob/master/_includes/link-previews.html
543
544for hover-preview to work, every page should define...
545- at a minimum:
546  - 'hp-title'
547  - 'hp-content'
548- optionally
549  - 'hp-header' 
550...in a div that wraps the desired element, so the hover-preview can properly build the content to display
551
552-->
553
554<style>  
555  /* leave id for opacity toggle */
556  #hp-tooltip {
557    opacity: 0;
558    transition: opacity 100ms;
559  }
560</style>
561  
562<div id="hp-tooltip" class="hp-tooltip">
563  <div id='hp-tooltip-content'></div>
564</div>
565<iframe id="hp-iframe" src=""></iframe>
566  
567<script>
568  var opacityTimeout;
569  var contentTimeout;
570  var transitionDurationMs = 100;
571
572  var iframe = document.getElementById('hp-iframe');
573  var tooltip = document.getElementById('hp-tooltip');
574  var tooltipContent = document.getElementById('hp-tooltip-content');
575
576  function hideTooltip() {
577    opacityTimeout = setTimeout(function() {
578    tooltip.style.opacity = 0;
579    contentTimeout = setTimeout(function() {
580        tooltipContent.innerHTML = '';
581        tooltip.style.display = 'none';
582    }, transitionDurationMs + 1);
583    }, transitionDurationMs)
584  }
585
586  function showTooltip(event) {
587    var elem = event.target;
588    var elem_props = elem.getClientRects()[elem.getClientRects().length - 1];
589    var top = window.pageYOffset || document.documentElement.scrollTop;
590
591    if (event.target.host === window.location.host) {
592      iframe.src = event.target.href;
593      iframe.onload = function() {
594        let title = iframe.contentWindow.document.querySelector('.hp-title').innerHTML;
595        let content = iframe.contentWindow.document.querySelector('.hp-content').innerHTML;
596        // populate header breadcrumbs if they exist
597        if (iframe.contentWindow.document.querySelector('.hp-header')) {
598          let header = iframe.contentWindow.document.querySelector('.hp-header').innerHTML;
599          tooltipContent.innerHTML = header + title + content;
600        // everything else (doesn't have header breadcrumbs)
601        } else {
602          tooltipContent.innerHTML = title + content;
603        }
604        tooltip.style.display = 'block';
605        setTimeout(function() {
606            tooltip.style.opacity = 1;
607        }, 1);
608      };
609
610      tooltip.style.left = elem_props.left - (tooltip.offsetWidth / 2) + (elem_props.width / 2) + "px";
611      if ((window.innerHeight - elem_props.top) < (tooltip.offsetHeight)) {
612        tooltip.style.top = elem_props.top + top - tooltip.offsetHeight - 10 + "px";
613      } else if ((window.innerHeight - elem_props.top) > (tooltip.offsetHeight)) {
614        tooltip.style.top = elem_props.top + top + 35 + "px";
615      }
616
617      if ((elem_props.left + (elem_props.width / 2)) < (tooltip.offsetWidth / 2)) {
618        tooltip.style.left = "10px";
619      } else if ((document.body.clientWidth - elem_props.left - (elem_props.width / 2)) < (tooltip.offsetWidth / 2)) {
620        tooltip.style.left = document.body.clientWidth - tooltip.offsetWidth - 20 + "px";
621      }
622    }   
623  }
624
625  function setupListeners(linkElement) {
626    linkElement.addEventListener('mouseleave', function(_event) {
627      hideTooltip();
628    });
629
630    tooltip.addEventListener('mouseleave', function(_event) {
631      hideTooltip();
632    });
633
634    linkElement.addEventListener('mouseenter', function(event) {
635      clearTimeout(opacityTimeout);
636      clearTimeout(contentTimeout);
637      showTooltip(event);
638    });
639
640    tooltip.addEventListener('mouseenter', function(event) {
641      clearTimeout(opacityTimeout);
642      clearTimeout(contentTimeout);
643    });
644  }
645</script>
645
646
647    <!-- modules: https://stackoverflow.com/questions/58211880/uncaught-syntaxerror-cannot-use-import-statement-outside-a-module-when-import -->
648    
648<script type="module" src="/assets/js/scripts.js"></script>
648 
649    <!-- due to a chromium bug regarding svg-reuse...: https://bugs.chromium.org/p/chromium/issues/detail?id=109212 -->
650<!-- ...using this hacky off-screen-style from: https://stackoverflow.com/questions/67961573/how-to-hide-reusable-svg-with-filter-that-has-filterunits-userspaceonuse#comment120130719_67961573 -->
651<svg xmlns="http://www.w3.org/2000/svg" height="0" width="0" style="absolute + top:-1000vw;">
652  <!-- from: https://css-tricks.com/creating-a-pencil-effect-in-svg/ -->
653  <filter id="PencilTexture" x="0%" y="0%" width="100%" height="100%" filterUnits="objectBoundingBox">
654    <feTurbulence type="fractalNoise" baseFrequency="0.5" numOctaves="5" stitchTiles="stitch" result="f1">
655    </feTurbulence>
656    <feColorMatrix type="matrix" values="0 0 0 0 0, 0 0 0 0 0, 0 0 0 0 0, 0 0 0 -1.5 1.5" result="f2">
657    </feColorMatrix>
658    <feComposite operator="in" in2="f2b" in="SourceGraphic" result="f3">
659    </feComposite>
660    <feTurbulence type="fractalNoise" baseFrequency="1.2" numOctaves="3" result="noise">
661    </feTurbulence>
662    <feDisplacementMap xChannelSelector="R" yChannelSelector="G" scale="2.5" in="f3" result="f4">
663    </feDisplacementMap>
664  </filter>
665</svg>
666    
667  </body>
668</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.