jekyll-bonsai 0.0.3 → 0.0.7

data/README.md

@@ -2,10 +2,8 @@
 
 <img src="https://github.com/manunamz/jekyll-bonsai/blob/main/assets/img/bonsai-light.svg" width="300" height="300"/>
 
-⚠️ This Is An Experimental Template ⚠️
+⚠️ This template is newly sprouted ⚠️
 
-Consider this an alpha. Expect things to change, for there to be bugs, and for the code to be pretty messy.
+Consider this a beta.
 
-⚠️ A Note on Scalability ⚠️
-
-In a word, it doesn't. Enough notes will cause the d3 graph to become very, very slow.
+Setup instructions are [here](https://jekyll-bonsai.netlify.app/post/0b9db15818/).

data/_config.yml

@@ -1,21 +1,12 @@
-# jekyll configs
-
 title: jekyll-bonsai
 description: A modern jekyll theme for semantically inclined digital gardeners.
 author: manunamz
-baseurl: '/jekyll-bonsai'
-# baseurl: ''
-# url: https://manunam.me
+# baseurl: '/jekyll-bonsai'
 # url: 'https://manunamz.github.io'
 
-# logo-light: "/assets/images/logo-light.png"
-# logo-dark: "/assets/images/logo-dark.png"
-
-permalink: pretty
 include: 
   - "_pages"
-exclude: 
-  - "node_modules/"
+exclude:
   - "package.json"
   - "package-lock.json"
   - "*.gemspec"
@@ -31,13 +22,12 @@ exclude:
   - "LICENSE.txt"
 
 collections:
+  books:
+    output: true
   entries:
     output: true
-    # permalink: /entry/:id
-    # permalinks are manually generated -- see local 'prep_note' plugin.
   states:
     output: true
-    permalink: /stat/:title
     order:
       - tags.md
       - sprout.md
@@ -51,17 +41,46 @@ collections:
       - tea.md
       - pot-bamboo.md
 
+# frontmatter
+# ('type' is explicitly set for search exclusion to work)
 defaults:
-  - scope:
-      path: "_entries/**/*.md"
+  - 
+    scope:
+      type: "pages"
+    values:
+      type: "pages"
+  - 
+    scope:
+      # path: "_posts/**/*.md"
+      type: "posts"
+    values:
+      type: "posts"
+      layout: "post"
+      permalink: "/post/:id/"
+  - 
+    scope:
+      # path: "_books/**/*.md"
+      type: "books"
+    values:
+      type: "books"
+      layout: "book"
+      permalink: "/book/:id/"
+  - 
+    scope:
+      # path: "_entries/**/*.md"
       type: "entries"
     values:
+      type: "entries"
       layout: "entry"
-  - scope:
-      path: "_states/**/*.md"
+      permalink: "/entry/:id/"
+  - 
+    scope:
+      # path: "_states/**/*.md"
       type: "states"
     values:
+      type: "states"
       layout: "state"
+      permalink: "/stat/:id/"
 
 sass:
   sass_dir:          _sass
@@ -69,51 +88,9 @@ sass:
 
 enable_mathjax: true
 kramdown:
+  syntax_highlighter: rouge
   math_engine: mathjax
 
-# plugins:
-#   - jekyll-namespaces
-#   - jekyll-wikilinks
-#   - jekyll-feed
-#   - jekyll-seo-tag
-#   - jekyll-sitemap
-
-# 
-# jekyll-bonsai configs
-# 
-# dendron forces the root note-title to be 'root.md' -- this is the replacement title for 'root'
-# (make sure you change the title in root.md file as well)
-index_title: "Jekyll-Bonsai"
-# graph: default graph type in side bar.
-## may be 'tree' or 'net-web'
-graph_type: "tree"
-# nav: default nav type in side bar.
-## may be 'tabs' (visited/path) or graph (bonsai)
-nav_type: "graph"
-# recent (weather): set number of notes to display on recent (weather) page.
-## may be an integer (defaults to 10)
-recent_num: 10 
-# local note-nav component defaults
-## may be 'open' or 'closed'
-entry_head_status: "open"
-entry_foot_links_status: "open"
-entry_foot_posts_status: "open"
-social:
-  enabled: true
-  connect:
-    # facebook_url:
-    github_url: https://github.com/manunamz/
-    # linkedin_url:
-    # pinterest_url:
-    rss_url: https://manunam.me/feed.xml
-    twitter_url: https://twitter.com/manunamz/
-  share:
-    - 'email'
-    # - 'facebook'
-    # - 'linkedin'
-    # - 'pinterest'
-    - 'twitter'
-
 compress_html:
   clippings: all
   comments: all
@@ -122,34 +99,154 @@ compress_html:
   blank_lines: false
   profile: false 
 
+# 
+# plugins
+# 
+
 # Google Analytics (ip is anonymized by default)
-ga_tracking: UA-190413040-3
+# ga_tracking: UA-190413040-4
+
+# seo
+# tagline: ""
+# description: ""
+# twitter:
+#   card: summary
+#   username: manunamz
+# author:
+#   twitter: manunamz
 
 # 
-# plugins
+# bonsai plugins
 # 
+ids:
+  # from: https://github.com/radeno/nanoid.rb#options
+  format:
+    alpha: '1234567890abcdef'
+    size: 10
 namespaces:
   # enabled: true
-  include:
-    - "entries"
+  exclude:
+    - "books"
+    - "pages"
+    - "posts"
+    - "states"
 wikilinks:
   # enabled: true
   exclude:
-    - "pages"
     - "states"
-d3_graph_data:
+  css:
+    exclude:
+      # markdown
+      - "footnote"
+      - "reversefootnote"
+      # local-theme-related
+      - "site-nav-btn"
+      - "sem-tag"
+      - "stat-tag"
+      # includes
+      - "anchor-heading"
+      - "toc-list-item-anchor"
+graph:
   # enabled: true
-  # path: "/assets"
+  # path:
+  #   assets: "/assets"
+  #   scripts: "/assets/js"
   exclude:
+    - "books"
     - "pages"
     - "posts"
     - "states"
+  tree:
+    # enabled: true
+    dag_lvl_dist: 100
+    force:
+      charge: -100
+      strength_x: 0.3
+      x_val: 0.9
+      strength_y: 0.1
+      y_val: 0.9
+  net_web:
+    # enabled: true
+    # exclude:
+    #   links: true
+    force:
+      charge: -300
+      strength_x: 0.3
+      x_val: 0.75
+      strength_y: 0.1
+      y_val: 0.9
 
-# seo
-# tagline: ""
-# description: ""
-# twitter:
-#   card: summary
-#   username: manunamz
-# author:
-#   twitter: manunamz
+# 
+# includes
+# 
+
+social:
+  connect:
+    enabled: true
+    url:
+      # facebook:
+      github: https://github.com/manunamz/jekyll-bonsai/
+      # linkedin:
+      # pinterest:
+      # rss:
+      # twitter:
+  share:
+    enabled: true
+    type:
+      - 'email'
+      # - 'facebook'
+      - 'linkedin'
+      # - 'pinterest'
+      - 'twitter'
+
+# 
+# bonsai template configs
+# 
+bonsai:
+  debug: false
+  default_theme: "light"
+  date_format: "%Y-%m-%d"
+  svg: 
+    filter: false
+    # smaller: false
+  # site-nav
+  nav:
+    type: "graph"  # may be 'visited' (steps) or 'graph' (bonsai)
+    graph:
+      type: "tree" # may be 'tree' or 'net-web'
+    search: 
+      enabled: true
+      exclude: []
+    visited:
+      enabled: true
+  # pages
+  home:
+    notable: 
+      enabled: true
+      docs:
+        - digi-gard.orient.bonsai.md
+        - website-type.wiki-blog.md
+        - feat.md
+        - 2021-11-18-setup.md
+        - 2021-05-11-origin-myth.md
+    recent: 
+      enabled: true
+      cap: 5
+  archive:
+    section:
+      posts: "🫐 🥭 🍈 Fruits"
+      books: "🌰 🍵 🎍 Germs"
+      entries: "🌱 🌿 🎋 🌸 Foliage"
+  recent:
+    cap: 10 
+  # documents
+  states:
+    root_path: "_states/tags.md"
+  entries:
+    root_path: "_entries/root.md"
+    toggles:  # may be 'open' or 'closed'
+      breadcrumb: "open"
+      attr_box: "open"
+      foot_links: "open"
+      foot_tagged: "open"
+    backlinks: true

data/_data/emoji.yml

@@ -0,0 +1,45 @@
+# 
+# the following are emoji buttons
+#  -- there needs to be something here for buttons to work
+# 
+# cookie-consent
+approve:     👍 
+consider:    🧐
+disapprove:  👎
+# nav-bar
+colors:      🌈
+## graph
+net-web:     🕸
+tree:        🌳
+## site-nav
+delete:      🧹
+graph:       🪴
+search:      🔍
+site_nav:    🧭 
+visited:     🥾
+## pages
+about:       🪧
+archive:     ⛲️
+home:        🏕
+pages:       🗺
+privacy:     🛖
+recent:      🌦
+stat_tags:   🔖
+# entry-only
+breadcrumbs: 🛤
+links:       🚏
+tags:        🧺
+# 
+# the following are informational emojis
+#  -- these are safe to set to "" (empty strings)
+# 
+# social
+connect:     🌊
+share:       🐝  # this is also the emoji for anchor-headings
+# changes
+created:     🌩
+published:   🌤
+updated:     🌧
+deleted:     🌨
+# 404
+missing:     🍂

data/_data/themes.yml

@@ -0,0 +1,145 @@
+- 
+  id: light
+  emoji: ☀️
+  src:
+    favicon: "/assets/img/favicon-light.png"
+    logo: "/assets/img/bonsai-light.svg"
+    nav_burger:
+      base: "/assets/img/nav-base-light.svg"
+      bonsai: "/assets/img/nav-bonsai-light.svg"
+  colors:
+    selection: "#E6E09E"
+    background: "#E4f3EA"
+    text: "#5c5962"
+    text_grey: "#27262b"
+    accent_dark: "#b8d9b8"
+    # accent_dark: "#335C33"
+    accent_light: "#C7E6D3"
+    shadow: "#000"
+    link:
+      web:
+        underline: "#e1e8e3"
+        valid: "#264caf"
+      wiki:
+        underline: "#ede5dd"
+        valid: "#009c7b"
+        invalid: "#959396" 
+  svg:
+    pencil:
+      default: "#5c5962"
+      blue: "#0047aa"
+      green: "#31AF31"
+      red: "#eb3023"
+      yellow: "#dfb600"
+  graph:
+    node:
+      stroke: "#00000000"
+      current: "#F0C61F"
+      missing: "#8C6239"
+      tagged: "#a87f32"
+      unvisited: "#9cbe9c"
+      visited: 
+        color: "#31AF31"
+        glow: "#00000000"
+    link:
+      color: "#8C6239"
+    particles: 
+      color: "#5c5962"
+    text:
+      color: "#5c5962"
+- 
+  id: dark
+  emoji: 🌘
+  src:
+    favicon: "/assets/img/favicon-dark.png"
+    logo: "/assets/img/bonsai-dark.svg"
+    nav_burger:
+      base: "/assets/img/nav-base-dark.svg"
+      bonsai: "/assets/img/nav-bonsai-dark.svg"
+  colors:
+    selection: "#ad9b4b"
+    background: "#27262b"
+    text: "#e1e8e3"
+    text_grey: "#f5f6fa"
+    accent_dark: "#1E1C21"
+    accent_light: "#44434d"
+    shadow: "#fff"
+    link:
+      web:
+        underline: "#44434d"
+        valid: "#89B8D8"
+      wiki:
+        underline: "#44434d"
+        valid: "#A0E4A0"
+        invalid: "#959396"
+  svg:
+    pencil:
+      default: "#e1e8e3"
+      blue: "#0047aa"
+      green: "#31AF31"
+      red: "#eb3023"
+      yellow: "#dfb600"
+  graph:
+    node:
+      stroke: "#44434d"
+      current: "#F0C61F"
+      missing: "#00000000"
+      tagged: "#a87f32"
+      unvisited: "#3e5c50"
+      visited: 
+        color: "#31AF31"
+        glow: "#31AF31"
+    link:
+      color: "#44434d"
+    particles: 
+      color: "#959396"
+    text: 
+      color: "#e6e1e8"
+- 
+  id: star
+  emoji: ✨
+  src:
+    favicon: "/assets/img/favicon-dark.png"
+    logo: "/assets/img/bonsai-star.svg"
+    nav_burger:
+      base: "/assets/img/nav-base-star.svg"
+      bonsai: "/assets/img/nav-bonsai-star.svg"
+  colors:
+    selection: "#f5ec8eA6"
+    background: "#1b2733"
+    text: "#e1e8e3"
+    text_grey: "#f5f6fa"
+    accent_dark: "#151E28"
+    accent_light: "#254756"
+    shadow: "#fff"
+    link:
+      web:
+        underline: "#44434d"
+        valid: "#3D87B8"
+      wiki:
+        underline: "#44434d"
+        valid: "#F3EEBB"
+        invalid: "#959396"
+  svg:
+    pencil:
+      default: "#e1e8e3"
+      blue: "#0047aa"
+      green: "#31AF31"
+      red: "#eb3023"
+      yellow: "#dfb600"
+  graph:
+    node:
+      stroke: "#00000000"
+      current: "#F0C61F"
+      missing: "#586069"
+      tagged: "#0096FF"
+      unvisited: "#2A3D50"
+      visited:
+        color: "#F3F0CF"
+        glow: "#ffffff"
+    link:
+      color: "#254756"
+    particles: 
+      color: "#F3F0CF"
+    text: 
+      color: "#e6e1e8"

data/_includes/anchor-headings.html

@@ -117,7 +117,11 @@
         {% capture anchor %}{{ anchor }} {{ include.anchorAttrs | replace: '%heading%', escaped_header | replace: '%html_id%', html_id }}{% endcapture %}
       {% endif %}
 
-      {% capture anchor %}<a {{ anchor }}>{{ include.anchorBody | replace: '%heading%', escaped_header | default: '' }}</a>{% endcapture %}
+      {% if site.data.emoji.share %}
+        {% capture anchor %}<a {{ anchor }}><i class='anchor-tag'>{{ site.data.emoji.share }}</i></a>{% endcapture %}
+      {% else %}
+        {% capture anchor %}<a {{ anchor }}>{{ include.anchorBody | replace: '%heading%', escaped_header | default: '' }}</a>{% endcapture %}
+      {% endif %}
 
       <!-- In order to prevent adding extra space after a heading, we'll let the 'anchor' value contain it -->
       {% if beforeHeading %}

data/_includes/btn_state.html

@@ -0,0 +1,14 @@
+{% comment %}
+  
+  Usage: (where 'status' in 'page.status' is a yml list of strings)
+    {% include btn_state.html states=page.status %}
+
+  Parameters:
+    * states         (array) - a page's status which maps to a state document.
+
+{% endcomment %}
+
+{% for stat_tag in include.states %}
+  {% assign state = site.states | find_exp: "item", "item.emoji == stat_tag" %}
+  <a class="stat-tag" href="{{ state.url | relative_url }}" title={{ state.title }}>{{ state.emoji }}</a>
+{% endfor %}

data/_includes/connect.html

@@ -26,19 +26,21 @@
 #connect-buttons > div.twitter > svg {height: 20px; margin-top: 8px;}
 #connect-buttons > div.linkedin > svg {height: 19px; margin-top: 7px;}
 #connect-buttons > div.pinterest > svg {height: 20px; margin-top: 9px;}
-/* #connect-buttons > div.rss > svg {height: 16px; margin-top: 9px;} */
+#connect-buttons > div.rss > svg {height: 16px; margin-top: 10px;}
 #connect-buttons > div.gplus > svg {height: 17px; margin-top: 9px; position: relative; left: 1px;}
 #connect-buttons > div.mail > svg {height: 14px; margin-top: 11px;}
 </style>
 
-<div style="text-align: left;">
-  <span style="user-select: none;" title="Connect and Follow">🌊</span>
+<div class="connect-bar">
+  <span class="connect-icon" title="Connect and Follow">
+    {{ site.data.emoji.connect }}
+  </span>
   <div id="connect-buttons">
-    {% if site.social.connect.facebook_url %}<div class="facebook" title="Connect on Facebook" onclick="window.open('{{ site.social.connect.facebook_url }}');"><svg viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1343 12v264h-157q-86 0-116 36t-30 108v189h293l-39 296h-254v759h-306v-759h-255v-296h255v-218q0-186 104-288.5t277-102.5q147 0 228 12z"/></svg></div>{% endif %}
-    {% if site.social.connect.github_url %}<div class="github" title="Connect on Github" onclick="window.open('{{ site.social.connect.github_url }}');"><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>{% endif %}
-    {% if site.social.connect.linkedin_url %}<div class="linkedin" title="Connect on Linkedin" onclick="window.open('{{ site.social.connect.linkedin_url }}');"><svg viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M477 625v991h-330v-991h330zm21-306q1 73-50.5 122t-135.5 49h-2q-82 0-132-49t-50-122q0-74 51.5-122.5t134.5-48.5 133 48.5 51 122.5zm1166 729v568h-329v-530q0-105-40.5-164.5t-126.5-59.5q-63 0-105.5 34.5t-63.5 85.5q-11 30-11 81v553h-329q2-399 2-647t-1-296l-1-48h329v144h-2q20-32 41-56t56.5-52 87-43.5 114.5-15.5q171 0 275 113.5t104 332.5z"/></svg></div>{% endif %}
-    {% if site.social.connect.pinterest_url %}<div class="pinterest" title="Connect on Pinterest" onclick="window.open('{{ site.social.connect.pinterest_url }}');"><svg viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M256 597q0-108 37.5-203.5t103.5-166.5 152-123 185-78 202-26q158 0 294 66.5t221 193.5 85 287q0 96-19 188t-60 177-100 149.5-145 103-189 38.5q-68 0-135-32t-96-88q-10 39-28 112.5t-23.5 95-20.5 71-26 71-32 62.5-46 77.5-62 86.5l-14 5-9-10q-15-157-15-188 0-92 21.5-206.5t66.5-287.5 52-203q-32-65-32-169 0-83 52-156t132-73q61 0 95 40.5t34 102.5q0 66-44 191t-44 187q0 63 45 104.5t109 41.5q55 0 102-25t78.5-68 56-95 38-110.5 20-111 6.5-99.5q0-173-109.5-269.5t-285.5-96.5q-200 0-334 129.5t-134 328.5q0 44 12.5 85t27 65 27 45.5 12.5 30.5q0 28-15 73t-37 45q-2 0-17-3-51-15-90.5-56t-61-94.5-32.5-108-11-106.5z"/></svg></div>{% endif %}
-    {% if site.social.connect.twitter_url %}<div class="twitter" title="Connect on Twitter" onclick="window.open('{{ site.social.connect.twitter_url }}');"><svg viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1684 408q-67 98-162 167 1 14 1 42 0 130-38 259.5t-115.5 248.5-184.5 210.5-258 146-323 54.5q-271 0-496-145 35 4 78 4 225 0 401-138-105-2-188-64.5t-114-159.5q33 5 61 5 43 0 85-11-112-23-185.5-111.5t-73.5-205.5v-4q68 38 146 41-66-44-105-115t-39-154q0-88 44-163 121 149 294.5 238.5t371.5 99.5q-8-38-8-74 0-134 94.5-228.5t228.5-94.5q140 0 236 102 109-21 205-78-37 115-142 178 93-10 186-50z"/></svg></div>{% endif %}
-    {% if site.social.connect.rss_url %}<div class="rss" title="Connect RSS Feed" onclick="window.open('{{ site.social.connect.rss_url }}');"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6.503 20.752c0 1.794-1.456 3.248-3.251 3.248-1.796 0-3.252-1.454-3.252-3.248 0-1.794 1.456-3.248 3.252-3.248 1.795.001 3.251 1.454 3.251 3.248zm-6.503-12.572v4.811c6.05.062 10.96 4.966 11.022 11.009h4.817c-.062-8.71-7.118-15.758-15.839-15.82zm0-3.368c10.58.046 19.152 8.594 19.183 19.188h4.817c-.03-13.231-10.755-23.954-24-24v4.812z"/></svg></div>{% endif %}
+    {% if site.social.connect.url.facebook %}<div class="facebook" title="Connect on Facebook" onclick="window.open('{{ site.social.connect.url.facebook }}');"><svg viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1343 12v264h-157q-86 0-116 36t-30 108v189h293l-39 296h-254v759h-306v-759h-255v-296h255v-218q0-186 104-288.5t277-102.5q147 0 228 12z"/></svg></div>{% endif %}
+    {% if site.social.connect.url.github %}<div class="github" title="Connect on Github" onclick="window.open('{{ site.social.connect.url.github }}');"><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>{% endif %}
+    {% if site.social.connect.url.linkedin %}<div class="linkedin" title="Connect on Linkedin" onclick="window.open('{{ site.social.connect.url.linkedin }}');"><svg viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M477 625v991h-330v-991h330zm21-306q1 73-50.5 122t-135.5 49h-2q-82 0-132-49t-50-122q0-74 51.5-122.5t134.5-48.5 133 48.5 51 122.5zm1166 729v568h-329v-530q0-105-40.5-164.5t-126.5-59.5q-63 0-105.5 34.5t-63.5 85.5q-11 30-11 81v553h-329q2-399 2-647t-1-296l-1-48h329v144h-2q20-32 41-56t56.5-52 87-43.5 114.5-15.5q171 0 275 113.5t104 332.5z"/></svg></div>{% endif %}
+    {% if site.social.connect.url.pinterest %}<div class="pinterest" title="Connect on Pinterest" onclick="window.open('{{ site.social.connect.url.pinterest }}');"><svg viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M256 597q0-108 37.5-203.5t103.5-166.5 152-123 185-78 202-26q158 0 294 66.5t221 193.5 85 287q0 96-19 188t-60 177-100 149.5-145 103-189 38.5q-68 0-135-32t-96-88q-10 39-28 112.5t-23.5 95-20.5 71-26 71-32 62.5-46 77.5-62 86.5l-14 5-9-10q-15-157-15-188 0-92 21.5-206.5t66.5-287.5 52-203q-32-65-32-169 0-83 52-156t132-73q61 0 95 40.5t34 102.5q0 66-44 191t-44 187q0 63 45 104.5t109 41.5q55 0 102-25t78.5-68 56-95 38-110.5 20-111 6.5-99.5q0-173-109.5-269.5t-285.5-96.5q-200 0-334 129.5t-134 328.5q0 44 12.5 85t27 65 27 45.5 12.5 30.5q0 28-15 73t-37 45q-2 0-17-3-51-15-90.5-56t-61-94.5-32.5-108-11-106.5z"/></svg></div>{% endif %}
+    {% if site.social.connect.url.twitter %}<div class="twitter" title="Connect on Twitter" onclick="window.open('{{ site.social.connect.url.twitter }}');"><svg viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1684 408q-67 98-162 167 1 14 1 42 0 130-38 259.5t-115.5 248.5-184.5 210.5-258 146-323 54.5q-271 0-496-145 35 4 78 4 225 0 401-138-105-2-188-64.5t-114-159.5q33 5 61 5 43 0 85-11-112-23-185.5-111.5t-73.5-205.5v-4q68 38 146 41-66-44-105-115t-39-154q0-88 44-163 121 149 294.5 238.5t371.5 99.5q-8-38-8-74 0-134 94.5-228.5t228.5-94.5q140 0 236 102 109-21 205-78-37 115-142 178 93-10 186-50z"/></svg></div>{% endif %}
+    {% if site.social.connect.url.rss %}<div class="rss" title="Connect RSS Feed" onclick="window.open('{{ site.social.connect.url.rss }}');"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6.503 20.752c0 1.794-1.456 3.248-3.251 3.248-1.796 0-3.252-1.454-3.252-3.248 0-1.794 1.456-3.248 3.252-3.248 1.795.001 3.251 1.454 3.251 3.248zm-6.503-12.572v4.811c6.05.062 10.96 4.966 11.022 11.009h4.817c-.062-8.71-7.118-15.758-15.839-15.82zm0-3.368c10.58.046 19.152 8.594 19.183 19.188h4.817c-.03-13.231-10.755-23.954-24-24v4.812z"/></svg></div>{% endif %}
   </div>
 </div>

data/_includes/cookie-consent.html

@@ -0,0 +1,79 @@
+<!-- from: https://jekyllcodex.org/without-plugin/cookie-consent/ -->
+<!-- duplicate code with cookie-consent-response.html -->
+<div id="cookie-consent">
+  <span>This site uses third party cookies and scripts to improve the functionality of this website.</span>
+  <a id="cookie-consent-response-accept" class="btn" title="Ok">
+    {{ site.data.emoji.approve }}
+  </a>
+  <a id="cookie-consent-hmm" class="btn" href="{{ '/privacy' | relative_url }}" title="Hmm...Tell me more...">
+    {{ site.data.emoji.consider }}
+  </a>
+  {% if site.bonsai.debug %}
+    <a id="cookie-consent-response-reject" class="btn" title="Nope!">
+      {{ site.data.emoji.disapprove }}
+    </a>
+  {% endif %}
+</div>
+<script>
+  function createCookie(name,value,days) {
+    var expires = "";
+    if (days) {
+      var date = new Date();
+      date.setTime(date.getTime() + (days*24*60*60*1000));
+      expires = "; expires=" + date.toUTCString();
+    }
+    document.cookie = name + "=" + value + expires + "; path=/";
+  }
+  function readCookie(name) {
+    var nameEQ = name + "=";
+    var ca = document.cookie.split(';');
+    for(var i=0;i < ca.length;i++) {
+      var c = ca[i];
+      while (c.charAt(0)==' ') c = c.substring(1,c.length);
+      if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
+    }
+    return null;
+  }
+  function eraseCookie(name) {
+    createCookie(name,"",-1);
+  }
+  function clearCookies() {
+    var cookies = document.cookie.split(";");
+    for (var i = 0; i < cookies.length; i++) {
+      eraseCookie(cookies[i].split("=")[0]);
+    }
+  }
+  document.getElementById('cookie-consent-response-accept').addEventListener("click",function() {
+    clearCookies();
+    createCookie('cookie-consent-accepted','true',31);
+    document.getElementById('cookie-consent').style.display = 'none';
+    location.reload();
+  });
+
+  {% if site.bonsai.debug %}
+    document.getElementById('cookie-consent-response-reject').addEventListener("click",function() {
+      clearCookies();
+      createCookie('cookie-consent-declined','true',10);
+      document.getElementById('cookie-consent').style.display = 'none';
+      location.reload();
+    });
+  {% else %}
+    /** 
+     * from: https://jekyllcodex.org/without-plugin/metrics/Z 
+     * (use multi-line comment because compression causes single line to comment out entire file)
+     * */
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', '{{ site.ga_tracking }}']);
+    _gaq.push(['_gat._forceSSL']);
+    _gaq.push(['_gat._anonymizeIp']);
+    _gaq.push(['_trackPageview']);
+
+    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+  {% endif %}
+
+  if ((readCookie('cookie-consent-accepted')!=='true') && (readCookie('cookie-consent-declined')!=='true')) {
+    document.getElementById('cookie-consent').style.display = 'flex';
+  }
+</script>