jekyll-wikibonsai 0.0.10 → 0.0.11

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 90c881cf232fe50b8e592d9fd9f74104c6b3c7f90540e725f54e19f61d570f7c
-  data.tar.gz: 9c78a6e97b97ab11875fe42ab13fd04a12a79f374c4abbe9b3949d82347e01be
+  metadata.gz: 6faa61a7168834eea194802933cb4049c9d9c70db5d0b406cb0696593c71bde0
+  data.tar.gz: 66cc39dae42afca55d2ad8749e186e943e546a61b4d378b09ab43f2d47f4b616
 SHA512:
-  metadata.gz: d09849b7d9be1d4512994957888a7086c8e64b59864191cf773af3433889b69e7b893d55868c2066c74c5d7d748a1ba6245b57601b56bc92f28e440b856148cd
-  data.tar.gz: d38d69b4bda3d9ed082c9881400c07d4e6c9fdd0aa02d0496cce49af6da78b0939be440d64657a0bc2e42c0904bea978077a3065173029a38a5157881bb8a8c6
+  metadata.gz: ca6cccfbbf5dbdf90daff89652346d9b07a2fd5cd179a2cbc129b642287f92d831f06b14817be247a2ee72ea8017b31e10ff1fc5abbb3e9242f1716f5fa3a1fc
+  data.tar.gz: 1936f0e3a057abb329786f7219ad7be9a66d424ca01af3c466329e1197d42c94c95c982f107f2b188aaf01bcbf8e3aeab138812fc672981043885e1da6880c13

data/_config.yml

@@ -180,7 +180,7 @@ graph:
       x_val: 0.9
       strength_y: 0.1
       y_val: 0.9
-  net_web:
+  web:
     # enabled: true
     # exclude:
     #   links: true
@@ -229,8 +229,8 @@ bonsai:
   nav:
     type: "graph"  # may be 'visited' (steps) or 'graph' (bonsai)
     graph:
-      type: "tree" # may be 'tree' or 'net-web'
-    search: 
+      kind: "tree" # may be 'tree' or 'web'
+    search:
       enabled: true
       exclude: []
     visited:

data/_data/emoji.yml

@@ -9,7 +9,7 @@ disapprove:  👎
 # nav-bar
 colors:      🌈
 ## graph
-net-web:     🕸
+web:         🕸
 tree:        🌳
 ## site-nav
 delete:      🧹

data/_includes/site-nav.html

@@ -32,7 +32,7 @@
         {% endif %}
         {% assign map_page = site.pages | where: "name", "map.md" %}
         {% if map_page.first %}
-          <a class="btn btn--green drop-3" href="{{ '/map' | relative_url }}" title="Go To Archive">
+          <a class="btn btn--green drop-3" href="{{ '/map' | relative_url }}" title="Go To Tag Map">
             {{ site.data.emoji.bonsai }}
           </a>
         {% endif %}
@@ -66,8 +66,8 @@
           </label>
         {% endif %}
         <label class="btn btn--green">
-          <input id="graph-type-checkbox" type="checkbox" checked="checked">
-          <span id="graph-type-emoji-span" title="Toggle Graph Type"></span>
+          <input id="graph-kind-checkbox" type="checkbox" checked="checked">
+          <span id="graph-kind-emoji-span" title="Toggle Graph Kind"></span>
         </label>
         <a id="delete-btn" class="btn btn--red drop-3" title="Delete Visited History">
           {{ site.data.emoji.delete }}

data/_layouts/entry.html

@@ -2,11 +2,11 @@
 layout: base
 ---
 
-<article id="entry" 
+<article id="entry"
          class="entry h-entry"
-         role="article" 
+         role="article"
          itemscope
-         itemtype="http://schema.org/Article" 
+         itemtype="http://schema.org/Article"
          aria-labelledby="{{ page.title | slugify }}-title">
 
   <header class="entry__header">
@@ -68,7 +68,7 @@ layout: base
       </div>
       <div class="infobox__link-nav">
         <nav id="attr-box-link-nav" class="link-map">
-          <span class="link-map__type" title="Attribute Entries">{% include img/bullet-net-web.svg %}</span>
+          <span class="link-map__type" title="Attribute Entries">{% include img/bullet-web.svg %}</span>
           {% if page.attributes.size == 0 %}
             <p class="text--small text--center">No attribute entries.</p>
           {% else %}
@@ -140,7 +140,7 @@ layout: base
         </div>
         <div class="link-box__partition">
           <span class="link-box__type" title="Attributed and Backlink Entries">
-            {% include img/bullet-net-web.svg %}
+            {% include img/bullet-web.svg %}
           </span>
           {% assign entry_attrd = page.attributed | doc_type: "entries" %}
           {% assign entry_blinks = page.backlinks | doc_type: "entries" %}
@@ -263,7 +263,7 @@ layout: base
           {% endif %}
         </div>
       </nav>
-    </div>  
+    </div>
   </footer>
 
 </article>

data/_sass/base/_link.scss

@@ -58,7 +58,7 @@ a.wiki-link {
       var(--wiki-link-color) 100%
     );
     background-size: 1px 1px;
-  }  
+  }
 }
 
 .embed-wrapper {
@@ -99,7 +99,7 @@ a.wiki-link {
   padding-bottom: $sp-2;
 
   .embed-image {
-    height: 50%;
-    width: 50%;
+    height: 75%;
+    width: 75%;
   }
 }

data/_sass/layouts/_entry.scss

@@ -1,5 +1,5 @@
 // entry page styles
-  
+
 .entry {
 
   @include mq(md) {
@@ -8,11 +8,12 @@
   @include mq(lg) {
     display: grid;
     grid-template-areas:
-    "header header header"
-    "title title title"
-    "body body infobox"
-    ". . infobox"
-    "footer footer footer";
+      "header header header"
+      "title title title"
+      "body body infobox"
+      ". . infobox"
+      "footer footer footer";
+    grid-template-columns: 1fr auto;
   }
 
   &__header {
@@ -23,7 +24,7 @@
     &--fix-hrz-scroll {
       // fixes horizontal scroll
       // from: https://stackoverflow.com/questions/45280943/horizontal-scroll-breaks-when-using-css-flexbox
-      overflow:hidden;
+      overflow: hidden;
     }
   }
 
@@ -33,15 +34,10 @@
 
   &__infobox {
     grid-area: infobox;
+
+    @include infobox-container;
     padding: $sp-3;
     margin-bottom: $sp-3;
-
-    @include mq(md) {
-      @include infobox-container;
-    }
-    @include mq(lg) {
-      // grid
-    }
   }
 
   &__body {
@@ -89,7 +85,7 @@
         padding-right: $sp-1;
       }
     }
-  } 
+  }
 }
 
 // aside

data/_sass/util/mixins/_layout.scss

@@ -52,8 +52,9 @@
 }
 
 @mixin infobox-container {
+  max-height: 100vh;
   width: 100%;
-  
+
   @include mq(md) {
     max-width: $nav-width-md;
     float: right;
@@ -62,18 +63,20 @@
   @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;
+    position: -webkit-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;
+    position: -webkit-sticky;
     top: $sp-2;
 
     margin-right: $nav-width-md * (3/5);

data/assets/js/graph.js

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

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-wikibonsai
 version: !ruby/object:Gem::Version
-  version: 0.0.10
+  version: 0.0.11
 platform: ruby
 authors:
 - manunamz
 autorequire:
 bindir: exe
 cert_chain: []
-date: 2023-09-26 00:00:00.000000000 Z
+date: 2023-10-12 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: nokogiri
@@ -156,14 +156,14 @@ dependencies:
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 0.0.10
+        version: 0.0.11
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 0.0.10
+        version: 0.0.11
 - !ruby/object:Gem::Dependency
   name: webrick
   requirement: !ruby/object:Gem::Requirement
@@ -199,8 +199,8 @@ files:
 - _includes/hp-tooltip.html
 - _includes/img/bullet-ancestor.svg
 - _includes/img/bullet-branch.svg
-- _includes/img/bullet-net-web.svg
 - _includes/img/bullet-tree.svg
+- _includes/img/bullet-web.svg
 - _includes/img/pencil-filter.svg
 - _includes/share.html
 - _includes/site-nav.html
@@ -308,6 +308,7 @@ files:
 - assets/img/nav-bonsai-dark.svg
 - assets/img/nav-bonsai-light.svg
 - assets/img/nav-bonsai-star.svg
+- assets/img/wikibonsai-way.png
 - assets/js/entry.js
 - assets/js/graph.js
 - assets/js/scripts.js