jekyll-bonsai 0.0.3 → 0.0.7

data/_sass/layouts/_recent.scss

@@ -0,0 +1,77 @@
+//
+// scss for recent page
+//
+
+.recent {
+  @include container-narrow;
+
+  // &__leader {
+    
+  // }
+
+  &__content {
+    padding: $sp-4;
+  }
+
+  .leader {
+    display: flex;
+    margin: $sp-2;
+    padding: $sp-2;
+
+    &__content {
+      padding: $sp-2;
+    }
+  }
+  
+  .key {
+    @include fs-3;
+    display: flex;
+    flex-direction: column;
+    padding: $sp-4;
+    border: 1px solid var(--accent-light-color);
+    border-radius: 15px;
+  
+    width: 90%;
+  
+    @include mq(md) {
+      width: 50%;
+    }
+  
+    &__title {
+      @include fs-5;
+      text-align: center;
+    }
+  
+    &__content {
+      @include fs-4;
+      white-space: nowrap;
+  
+      width: 100%;
+    }
+
+    &--right {
+      float: right;
+    }
+  }
+
+  .bullet-scene {
+    display: flex;
+    flex-direction: column;
+    width: 10%;
+    padding: $sp-1;
+  
+    &__change-type {
+      @include fs-6;
+      width: 100%;
+      display: flex;
+      justify-content: center;
+    }
+  
+    &__status {
+      @include fs-3;
+      width: 100%;
+      display: flex;
+      justify-content: center;
+    }
+  }  
+}

data/_sass/layouts/_state.scss

@@ -0,0 +1,98 @@
+// state page styles
+
+.state {
+  display: flex;
+  flex-direction: column;
+  min-height: 90vh;
+
+  &__nav {
+    @include fs-6;
+    width: 100%;
+    z-index: $z-nav;
+    top: 0;
+    user-select: none;
+
+    ul {
+      overflow-x: scroll;      // horizontal scroll on overflow
+      white-space: nowrap;     // horizontal scroll on overflow
+  
+      padding: 0 !important;
+      margin-bottom: 0;
+      
+      li {
+        display: inline-block; // horizontal scroll on overflow
+  
+        margin-right: $sp-3;
+        margin-left: $sp-3;
+        transition: all .2s ease-in-out;
+      
+        &::before {
+          content: "";
+        }
+  
+        &.active {
+          filter: drop-shadow(0 2mm 2mm $drop-shadow-green);
+        }
+  
+        &:hover {
+          transform: scale(1.5); 
+          filter: drop-shadow(0 2mm 2mm $drop-shadow-brown);
+        }
+      }  
+    }
+  }
+
+  &__content {
+    @include container-narrow;
+    flex: 1 0 auto;
+  }
+
+  &__list-wrap {
+    display: block; // columns require block
+    column-count: 3;
+    column-width: $content-width / 6;
+    // padding: $sp-4;
+
+    &--empty {
+      padding: $sp-10;
+      text-align: center;
+    }
+  }
+
+  &__footer {
+    // 'sticky footer' from: https://css-tricks.com/couple-takes-sticky-footer/#there-is-flexbox
+    //  ex = local
+    //    footer = state__footer
+    //    content = state__content
+    //    body = state
+    //    html, body = state (height is min-height)
+    flex-shrink: 0;
+    display: flex;
+
+    padding: $sp-3;
+  }
+}
+
+// note: this is a hacky workaround for the fact that 'markdownify' 
+//       doesn't seem to be calling jekyll-wikilink's custom web-link
+//       converter.
+// (styles should match the 'web-link' class)
+.has-web-links a {
+  color: var(--link-color);
+  text-decoration: none;
+  background-image: linear-gradient(
+    var(--link-underline-color) 0%,
+    var(--link-underline-color) 100%
+  );
+  background-repeat: repeat-x;
+  background-position: 0 100%;
+  background-size: 1px 1px;
+
+  &:hover {
+    background-image: linear-gradient(
+      var(--link-color) 0%,
+      var(--link-color) 100%
+    );
+    background-size: 1px 1px;
+  }
+}

data/_sass/main.scss

@@ -0,0 +1,72 @@
+//
+// util
+//
+
+@import "./util/variables";
+@import "./util/functions";
+// mixins
+@import "./util/mixins/layout";
+@import "./util/mixins/buttons";
+@import "./util/mixins/typography";
+
+// 
+// external dependencies
+// 
+
+@import "./vendor/normalize.scss/normalize.scss";
+@import url('https://fonts.googleapis.com/css?family=Special+Elite');
+
+// 
+// base styles
+// 
+
+@import "./base/code";
+@import "./base/layout";
+@import "./base/link";
+@import "./base/main";
+@import "./base/markdown";
+@import "./base/typography";
+
+// 
+// component styles
+//
+
+@import "./components/btn";
+@import "./components/infobox";
+@import "./components/item";
+@import "./components/search";
+@import "./components/tag_pills";
+@import "./components/visited";
+
+// 
+// includes styles
+// (each file corresponds with an include)
+// 
+
+@import "./includes/anchor_headings";
+@import "./includes/cookie_consent";
+@import "./includes/connect";
+@import "./includes/dates";
+@import "./includes/hp_tooltip";
+@import "./includes/site_nav";
+@import "./includes/share";
+@import "./includes/svg";
+@import "./includes/toc";
+
+//
+// layouts styles
+// (each file corresponds with a layouts)
+//
+
+// templates
+@import "./layouts/book";
+@import "./layouts/entry";
+@import "./layouts/post";
+// pages
+@import "./layouts/404";
+@import "./layouts/about";
+@import "./layouts/archive";
+@import "./layouts/home";
+@import "./layouts/privacy";
+@import "./layouts/recent";
+@import "./layouts/state";

data/_sass/{support → util}/_variables.scss

@@ -1,80 +1,3 @@
-//
-// Colors
-//
-
-$transparent: #00000000 !default;
-
-$black: #000 !default;
-$white: #fff !default;
-
-$grey-dk-000: #959396 !default;
-$grey-dk-100: #5c5962 !default;
-$grey-dk-200: #44434d !default;
-$grey-dk-250: #302d36 !default;
-$grey-dk-300: #27262b !default;
-
-$grey-lt-000: #f5f6fa !default;
-$grey-lt-100: #eeebee !default;
-$grey-lt-200: #ecebed !default;
-$grey-lt-300: #e6e1e8 !default;
-
-$purple-000: #7253ed !default;
-$purple-100: #5e41d0 !default;
-$purple-200: #4e26af !default;
-$purple-300: #381885 !default;
-
-$blue-000: #89B8D8 !default;
-$blue-050: #2c84fa !default;
-$blue-100: #2869e6 !default;
-$blue-150: #1856C9 !default;
-$blue-200: #264caf !default;
-$blue-300: #183385 !default;
-
-$green-01: #E4f3EA !default;
-$green-01-03: #d6f0e0 !default;
-$green-01-05: #D5ECDE !default;
-$green-02: #C7E6D3 !default;
-$green-03: #9cbe9c !default;
-$green-05: #31AF31 !default;
-$green-07: #A0E4A0 !default;
-$green-000: #41d693 !default;
-$green-100: #11b584 !default;
-$green-200: #009c7b !default;
-$green-300: #026e57 !default;
-$green-400: #3e5c50 !default;
-
-$green-yellow-05: #E8ECD5 !default;
-$green-yellow-100: #E5EFBE !default;
-$green-yellow-200: #B4D042 !default;
-
-$yellow-000: #ffeb82 !default;
-$yellow-100: #fadf50 !default;
-$yellow-200: #f7d12e !default;
-$yellow-300: #e7af06 !default;
-
-$sand-100: #EAD8AE !default;
-$sand-300: #D0A542 !default;
-
-$orange-300: #F28014 !default;
-
-$red-000: #f77e7e !default;
-$red-100: #f96e65 !default;
-$red-200: #e94c4c !default;
-$red-300: #dd2e2e !default;
-
-$brown-00: #E7D6C5 !default;
-$brown-01: #CFAD8C !default;
-$brown-02: #8C6239 !default;
-$brown-03: #2B1F12 !default;
-
-$drop-shadow-purple: rgba(114, 83, 237, 0.9) !default; 
-$drop-shadow-blue: rgba(31, 141, 192, 0.9) !default;
-$drop-shadow-brown: rgba(146, 102, 7, 0.9) !default;
-$drop-shadow-green: rgba(6, 240, 103, 0.9) !default;
-$drop-shadow-yellow: rgba(228, 225, 31, 0.9) !default;
-$drop-shadow-orange: rgba(231, 175, 6, 0.9) !default;
-$drop-shadow-red: rgba(233, 76, 76, 0.9) !default;
-
 //
 // Typography
 //
@@ -95,13 +18,13 @@ $body-heading-line-height: 1.25 !default;
 
 $font-size-1: 9px !default;
 $font-size-1-sm: 10px !default;
-$font-size-2: 11px !default; //h4 - uppercased!, h6 not uppercased, text-small
-$font-size-3: 12px !default; //h5
+$font-size-2: 11px !default;
+$font-size-3: 12px !default;
 $font-size-4: 14px !default;
-$font-size-5: 16px !default; //h3
-$font-size-6: 18px !default; //h2
+$font-size-5: 16px !default;
+$font-size-6: 18px !default;
 $font-size-7: 24px !default;
-$font-size-8: 32px !default; //h1
+$font-size-8: 32px !default;
 $font-size-9: 36px !default;
 $font-size-10: 42px !default;
 $font-size-10-sm: 48px !default;
@@ -115,7 +38,7 @@ $spacing-unit: 1rem; // 1rem == 16px
 $spacers: (
   sp-0: 0,
   sp-0-75: $spacing-unit * 0.15,
-  sp-1-: $spacing-unit * 0.25,
+  sp-1: $spacing-unit * 0.25,
   sp-1-75: $spacing-unit * 0.4,
   sp-2: $spacing-unit * 0.5,
   sp-3: $spacing-unit * 0.75,
@@ -128,9 +51,7 @@ $spacers: (
   sp-10: $spacing-unit * 4,
 ) !default;
 
-$sp-0-75: map-get($spacers, sp-0-75) !default; // 0.15 rem == 2.4px
 $sp-1: map-get($spacers, sp-1) !default; // 0.25 rem == 4px
-$sp-1-75: map-get($spacers, sp-1-75) !default; // 0.25 rem == 4px
 $sp-2: map-get($spacers, sp-2) !default; // 0.5  rem == 8px
 $sp-3: map-get($spacers, sp-3) !default; // 0.75 rem == 12px
 $sp-4: map-get($spacers, sp-4) !default; // 1    rem == 16px
@@ -156,7 +77,6 @@ $header-height: 60px !default;
 $gutter-spacing: $sp-6 !default;
 $gutter-spacing-sm: $sp-4 !default;
 $content-width: 700px !default;
-$content-sidenote-width: .375 * $content-width;
 $nav-width: 264px !default;
 $nav-width-md: 248px !default;
 $nav-width-lg: calc((100% - #{$nav-width + $content-width}) / 2 + (.6 * #{$nav-width})) !default;
@@ -175,5 +95,19 @@ $media-queries: (
   sm: 500px,
   md: $content-width,
   lg: $content-width + $nav-width,
-  xl: 1400px,
+  xl: 1700px,
 ) !default;
+
+// 
+// Z-Indices
+// 
+
+$z-nav: 10;
+$z-nav-content: 20;
+$z-nav-component: 30;
+$z-nav-search: 35;
+
+$z-tooltip: 40;
+$z-modal: 50;
+
+$z-burger: 100;

data/_sass/util/mixins/_layout.scss

@@ -0,0 +1,81 @@
+// Media query
+
+// 'mobile first' design (as opposed to 'desktop first'): https://css-tricks.com/logic-in-media-queries/
+// Media query mixin
+// Usage:
+// @include mq(md) {
+//   ..medium and up styles
+// }
+@mixin mq($name) {
+  // Retrieves the value from the key
+  $value: map-get($media-queries, $name);
+
+  // If the key exists in the map
+  @if $value != null {
+    // Prints a media query based on the value
+    @media (min-width: rem($value)) {
+      @content;
+    }
+  } @else {
+    @warn "No value could be retrieved from `#{$media-query}`. "
+      + "Please make sure it is defined in `$media-queries` map.";
+  }
+}
+
+// Responsive containers
+
+@mixin container {
+  padding: $gutter-spacing-sm;
+
+  @include mq(md) {
+    padding: $gutter-spacing;
+  }
+
+  @include mq(lg) {
+    padding: $gutter-spacing;
+  }
+}
+
+@mixin container-narrow {
+  max-width: $content-width;
+
+  // note: the following 'margin-right' are for the 
+  //       infobox-container's consideration.
+
+  @include mq(lg) {
+    margin-right: $nav-width-md;
+  }
+
+  @include mq(xl) {
+    margin-right: $nav-width-md x 2;
+  }
+}
+
+@mixin infobox-container {
+  width: 100%;
+  
+  @include mq(md) {
+    max-width: $nav-width-md;
+    float: right;
+  }
+
+  @include mq(lg) {
+    max-width: $nav-width-md;
+    padding: $sp-2;
+    
+    // from: https://www.bram.us/2020/01/10/smooth-scrolling-sticky-scrollspy-navigation/
+    position: sticky;
+    top: $sp-2;
+  }
+
+  @include mq(xl) {
+    max-width: $nav-width-md * 1.5;
+    padding: $sp-2;
+    
+    // from: https://www.bram.us/2020/01/10/smooth-scrolling-sticky-scrollspy-navigation/
+    position: sticky;
+    top: $sp-2;
+
+    margin-right: $nav-width-md * (3/5);
+  }
+}

data/assets/css/styles.scss

@@ -1,8 +1,31 @@
 ---
 ---
-{% if site.theme_colors and site.theme_colors != "nil" %}
-  {% assign theme_colors = site.theme_colors %}
-{% else %}
-  {% assign theme_colors = "dark" %}
-{% endif %}
-{% include styles.scss.liquid theme_colors=theme_colors %}
+// Colors
+$transparent: #00000000;
+
+$accent-txt-color: #959396;   // $grey-dk-000
+
+// shadows (mostly for btns)
+$drop-shadow-purple: rgba(114, 83, 237, 0.9) !default; 
+$drop-shadow-blue: rgba(31, 141, 192, 0.9) !default;
+$drop-shadow-brown: rgba(146, 102, 7, 0.9) !default;
+$drop-shadow-green: rgba(49, 175, 49, 0.9) !default;
+$drop-shadow-yellow: rgba(228, 225, 31, 0.9) !default;
+$drop-shadow-orange: rgba(231, 175, 6, 0.9) !default;
+$drop-shadow-red: rgba(233, 76, 76, 0.9) !default;
+
+// set theme colors
+{% for theme in site.data.themes %}
+  {% include themes.scss.liquid id=theme.id src=theme.src colors=theme.colors svg=theme.svg graph=theme.graph %}
+{% endfor %}
+
+// import styles
+@import "./main";
+
+// microdata / microformats currently in-use:
+// - dt-published
+// - dt-updated
+// - e-content
+// - h-entry
+// - p-name
+// - u-url

data/assets/img/bonsai-star.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 583.03 399.59"><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;}.cls-5{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="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 id="txt"><g id="wikilinks"><path class="cls-5" d="M190.1,399.59H142.9q0-2.29.16-16.32t.16-40.78q0-10.33,0-26.85t-.28-32.48h47.2v7.72H154.62q-.17,16.1-.21,28.75t0,22.2q0,20.28.16,32t.17,18h35.4Z"/><path class="cls-5" d="M259.28,399.59H212.07q0-2.29.17-16.32t.16-40.78q0-10.33,0-26.85t-.29-32.48h47.21v7.72H223.79q-.16,16.1-.2,28.75t0,22.2q0,20.28.16,32t.16,18h35.41Z"/><path class="cls-5" d="M359.86,399.59h-47.2v-7.72h35.4q0-6.93.17-19.95t.16-30.09q0-8.62,0-23.09t-.2-27.86H312.66v-7.72h47.2q-.24,15.9-.28,32.7t0,26.63q0,18.31.16,36.56T359.86,399.59Z"/><path class="cls-5" d="M429,399.59h-47.2v-7.72h35.4q0-6.93.16-19.95t.17-30.09q0-8.62-.05-23.09t-.2-27.86H381.84v-7.72H429q-.24,15.9-.28,32.7t0,26.63q0,18.31.16,36.56T429,399.59Z"/></g><path id="dot" class="cls-5" d="M272.12,373.41c0-8.14,5.5-13.87,13.21-13.87s13,5.73,13,13.87c0,7.93-5.06,13.88-13.21,13.88C277.4,387.29,272.12,381.34,272.12,373.41Z"/></g></g></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-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

@@ -7,7 +7,10 @@ export default class Entry {
     // 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');
@@ -27,6 +30,10 @@ export default class Entry {
     this.entryHeadCheckbox.addEventListener('click', () => {
       this.toggleEntryHeadCollapse();
     });
+    // head links (box)
+    this.entryHeadLinksCheckbox.addEventListener('click', () => {
+      this.toggleEntryHeadLinksCollapse();
+    });
     // foot
     this.entryFootLinksCheckbox.addEventListener('click', () => {
       this.toggleEntryFootLinksCollapse();
@@ -40,22 +47,30 @@ export default class Entry {
     // head
     this.entryHeadStatus = localStorage.getItem('entry-head-status');
     if (this.entryHeadStatus !== "open" && this.entryHeadStatus !== "closed") {
-      this.entryHeadStatus = '{{ site.state_head_status }}';	
+      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.state_foot_links_status }}';	
+      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.state_foot_posts_status }}';	
+      this.entryFootPostsStatus = '{{ site.bonsai.entries.toggles.foot_tagged }}';	
     }
     this.entryFootPostsCheckbox.checked = (this.entryFootPostsStatus === "closed"); 
     this.toggleEntryFootPostsCollapse();
@@ -63,7 +78,7 @@ export default class Entry {
 
   toggleEntryHeadCollapse () {
     // from: https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_collapsible
-    var collapsibleEl = document.getElementsByClassName('entry-head-breadcrumbs')[0];
+    var collapsibleEl = document.getElementById('entry-head-nav');
     if (this.entryHeadCheckbox.checked) {
       collapsibleEl.style.display = "none";
       this.entryHeadStatus = "closed";
@@ -74,6 +89,19 @@ export default class Entry {
     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');