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&utm_medium=web2x&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.