jekyll-bonsai 0.0.3 → 0.0.7

data/_layouts/entry.html

@@ -1,124 +1,269 @@
 ---
-layout: default
+layout: base
 ---
 
-<div id="entry">
-
-  <!-- breadcrumb ancestry path -->
-  <header id="entry-header">
-    <nav class="entry-head-nav" role="navigation" aria-label="breadcrumb">
-      <label class="btn-selector">
-        <input id="entry-head-checkbox" type="checkbox">
-        <span id="entry-head-emoji-span" title="Toggle Header">🛤</span>
-      </label>
-      <ol class="entry-head-breadcrumbs">
-        {% for ancestor in page.ancestors %}
-          <li class="entry-head-breadcrumb">
+<article id="entry" 
+  class="entry h-entry"
+  role="article" 
+  itemscope
+  itemtype="http://schema.org/Article" 
+  aria-labelledby="{{ title | slug }}-title">
+  
+  <header class="entry__header">
+    <label class="btn">
+      <input id="entry-head-checkbox" type="checkbox">
+      <span class="btn--brown" title="Toggle Lineage Entries">
+        {{ site.data.emoji.breadcrumbs }}
+      </span>
+    </label>
+    <div class="entry__header--fix-hrz-scroll hp-header">
+      <nav id="entry-head-nav" class="breadcrumb" role="navigation" aria-label="entry's ancestry">
+        <ol>
+          {% for ancestor in page.ancestors %}
+            {% assign ancestor_doc = site.entries | where: "url", ancestor | first %}
+            {% if ancestor_doc %}
+              <li>
+                <span title="Ancestor Entry">{% include img/bullet-ancestor.svg %}</span>
+                {% include btn_state.html states=ancestor_doc.status %}
+                <a class="wiki-link" href="{{ ancestor_doc.url | relative_url }}">{{ ancestor_doc.title }}</a>
+              </li>
+            {% else %}
+              <li>
+                <span title="Ancestor Entry">{% include img/bullet-ancestor.svg %}</span>
+                <span class="text--small text--no-point">{{ site.data.emoji.missing }} {{ ancestor | split: "." | last }}</span>
+              </li>
+            {% endif %}
+          {% endfor %}
+          <li>
             <span title="Ancestor Entry">{% include img/bullet-ancestor.svg %}</span>
-            <a class="wiki-link {% if ancestor.id == '' %}missing-entry-txt{% endif %} " href="{{ ancestor.url | relative_url }}">
-              {{ ancestor.title }}
-            </a>
+            {% include btn_state.html states=page.status %}
+            <span>{{ page.title }}</span>
           </li>
-        {% endfor %}
-        <li class="entry-head-breadcrumb">
-          <span title="Ancestor Link">{% include img/bullet-ancestor.svg %}</span>
-          <span>{{ page.title }}</span>
-        </li>
-      </ol>
-    </nav>
+        </ol>
+      </nav>
+    </div>
   </header>
+  
+  <div class="entry__title hp-title">
+    <h1 class="p-name">{{ page.title }}</h1>
+  </div>
 
-  <div class="entry-body">
-
-    <h1>{{ page.title }}</h1>
-    <p class="small-descr">
-      {% assign stat_tags = page.tags | stat_tags %}
-      {% for stat_tag in stat_tags %}
-        <a class="stat-tag" href="{{ stat_tag.url | relative_url }}">{{ stat_tag.emoji }}</a>
-      {% endfor %}
-      <span>Last Tended: {{ page.updated | date: "%Y-%m-%d" }}</span>
-    </p>
-
-    {% include entry-attrs.html %}
+  <div class="entry__infobox">
+    <div class="infobox">
+      {% if page.path == site.bonsai.entries.root_path %}
+        <img id="root-logo" class="infobox__img">
+      {% endif %}
+      {% include dates.html updated=page.updated date=page.date %}
+      <div class="infobox__bar">
+        <label class="btn">
+          <input id="entry-head-links-checkbox" type="checkbox">
+          <span class="btn--brown" title="Toggle Linked Entries">
+            {{ site.data.emoji.links }}
+          </span>
+        </label>
+        {% include btn_state.html states=page.status %}
+        {% if site.social.share.enabled %}
+          {% include share.html %}
+        {% endif %}
+      </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>
+          {% if page.attributes.size == 0 %}
+            <p class="text--small text--center">No attribute entries.</p>
+          {% else %}
+            <div class="link-map__wrapper">
+              {% for attr in page.attributes %}
+                <div class="link-map__key">
+                  {{ attr.type | capitalize }}
+                </div>
+                <div class="link-map__value">
+                  <ul>
+                    {% for doc_url in attr.urls %}
+                      {% assign attr_doc = site.entries | where: "url", doc_url | first %}
+                      <li>
+                        {% include btn_state.html states=attr_doc.status %}
+                        <a class="wiki-link" href="{{ attr_doc.url | relative_url }}">{{ attr_doc.title }}</a>
+                      </li>
+                    {% endfor %}
+                  </ul>
+                </div>
+              {% endfor %}
+            </div>
+          {% endif %}
+        </nav>
+      </div>
+    </div>
+  </div>
 
-    {% if page.title == site.index_title %}
-      <img id="home-bonsai" style="float: right; padding: 12px;" height="35%" width="35%">
-    {% endif %}
-    
+  <div class="entry__body markdown hp-content e-content p-name">
     {{ content }}
-
   </div>
 
-  {% if site.social.enabled %}
-    {% include share.html %}
-  {% endif %}
-
-  <footer class="entry-footer">
+  <footer class="entry__footer">
     <!-- linked entries -->
-    <div class="entry-foot-wrapper">
-      <div>
-        <label class="entry-foot-selector">
+    <div class="entry__section-wrapper">
+      <div> <!-- still need a nesting div for the checkbox -->
+        <label class="btn">
           <input id="entry-foot-links-checkbox" type="checkbox">
-          <span id="entry-foot-link-emoji-span" title="Toggle Linked Entries">🚏</span>
+          <span class="btn--brown" title="Toggle Linked Entries">
+            {{ site.data.emoji.links }}
+          </span>
         </label>
       </div>
-      <nav id="entry-foot-links-nav" class="entry-foot-nav" role="navigation" aria-label="">
-        {% assign linked_entries = page.backlinks | doc_type: "entries" %}
-        {% if page.children.size == 0 and linked_entries.size == 0 %}
-          <p class="small-descr">No linked entries.</p>
-        {% else %}
-          <div class="entry-foot-nav-sections">
-            <div class="entry-foot-nav-section">
-              <ul class="entry-foot-nav-list">
-                {% for child in page.children %}
-                  <li class="entry-foot-nav-list-item">
-                    <span style="display: inline-block;" title="Child Entry">{% include img/bullet-tree.svg %}</span>
-                    <a class="wiki-link {% if child.id == '' %}missing-entry-txt{% endif %}" href="{{ child.url | relative_url }}">
-                      {{ child.title }}
+      <nav id="entry-foot-links-nav" class="link-box" role="navigation" aria-label="linked entries">
+        <div class="link-box__partition">
+          <span class="link-box__type" title="Child Entries">
+            {% include img/bullet-tree.svg %}
+          </span>
+          {% if page.children.size == 0 %}
+            <p class="text--small text--center">No child entries.</p>
+          {% else %}
+            <ul>
+              {% for child in page.children %}
+                {% assign child_doc = site.entries | where: "url", child | first %}
+                {% if child_doc %}
+                  <li>
+                    {% include btn_state.html states=child_doc.status %}
+                    <a class="wiki-link {% if child_doc.url == '' %}text--small text--no-point{% endif %}" href="{{ child_doc.url | relative_url }}">
+                      {{ child_doc.title }}
                     </a>
                   </li>
-                {% endfor %}
-              </ul>
-            </div>
-            <div class="entry-foot-nav-section">
-              <ul class="entry-foot-nav-list">
-                {% for backlink in linked_entries %}
-                  <li class="entry-foot-nav-list-item">
-                    <span style="display: inline-block;" title="Backlinked Entry">{% include img/bullet-net-web.svg %}</span>
-                    <a class="wiki-link" href="{{ backlink.doc.url | relative_url }}">{{ backlink.doc.title }}</a>
+                {% else %}
+                  <li>
+                    <span class="text--small text--no-point">{{ site.data.emoji.missing }} {{ child | split: "." | last }}</span>
                   </li>
+                {% endif %}
+              {% endfor %}
+            </ul>
+          {% endif %}
+        </div>
+        <div class="link-box__partition">
+          <span class="link-box__type" title="Attributed and Backlink Entries">
+            {% include img/bullet-net-web.svg %}
+          </span>
+          {% assign entry_attrd = page.attributed | doc_type: "entries" %}
+          {% assign entry_blinks = page.backlinks | doc_type: "entries" %}
+          {% if entry_attrd.size == 0 and entry_blinks.size == 0 %}
+            <p class="text--small text--center">No attributed {% if site.bonsai.entries.backlinks %}or backlinked{% endif %} entries.</p>
+          {% else %}
+            <!-- attributed -->
+            <ul>
+              {% for attr in entry_attrd %}
+                {% for attr_url in attr.urls %}
+                  {% assign attr_doc = site.entries | where: "url", attr_url | first %}
+                  {% if attr_doc %}
+                    <li>
+                      {% include btn_state.html states=attr_doc.status %}
+                      <a class="wiki-link {% if attr_doc.url == '' %}text--small text--no-point{% endif %}" href="{{ attr_doc.url | relative_url }}" title="{{ attr.type }}">
+                        {{ attr_doc.title }}
+                      </a>
+                    </li>
+                  {% else %}
+                    <li>
+                      <span class="text--small text--no-point">{{ site.data.emoji.missing }} {{ attr_url }}</span>
+                    </li>
+                  {% endif %}
+                {% endfor %}
+              {% endfor %}
+            </ul>
+            {% if site.bonsai.entries.backlinks %}
+              <!-- backlinks -->
+              <ul>
+                {% for blink in entry_blinks %}
+                  {% assign blink_doc = site.entries | where: "url", blink.url | first %}
+                  {% if blink_doc %}
+                    <li>
+                      {% include btn_state.html states=blink_doc.status %}
+                      <a class="wiki-link {% if blink_doc.url == '' %}text--small text--no-point{% endif %}" href="{{ blink_doc.url | relative_url }}" title="{% if blink.type %}{{ blink.type }}{% endif %}">
+                        {{ blink_doc.title }}
+                      </a>
+                    </li>
+                  {% else %}
+                    <li>
+                      <span class="text--small text--no-point">{{ site.data.emoji.missing }} {{ blink.url }}</span>
+                    </li>
+                  {% endif %}
                 {% endfor %}
               </ul>
-            </div>
-          </div>
-        {% endif %}
+            {% endif %}
+          {% endif %}
+        </div>
       </nav>
     </div>
-    <!-- linked posts -->
-    <div class="entry-foot-wrapper">
-      <div>
-        <label class="entry-foot-selector field-blogs">
+    <!-- tagged docs -->
+    <div class="entry__section-wrapper">
+      <div> <!-- still need a nesting div for the checkbox -->
+        <label class="btn">
           <input id="entry-foot-posts-checkbox" type="checkbox">
-          <span id="entry-foot-posts-emoji-span" title="Toggle Linked Posts">📓</span>
+          <span class="btn--purple" title="Toggle Tagged Items">
+            {{ site.data.emoji.tags }}
+          </span>
         </label>
       </div>
-      <nav id="entry-foot-posts-nav" class="entry-foot-nav" role="navigation" aria-label="">
-        {% assign semantic_tagged_posts = page.namespace | sem_tag_posts %}
-        {% if semantic_tagged_posts.size == 0 %}
-          <span class="small-descr">No linked posts.</span>
-        {% else %}
-          <div class="entry-foot-nav-section">
-            <ul class="entry-foot-nav-list">
-              {% for post in semantic_tagged_posts %}
-                <li class="entry-foot-nav-list-item">
-                  <span class="small-descr">📄</span><a class="wiki-link" href="{{ post.url | relative_url }}">{{ post.title }}</a>
-                </li>
+      <nav id="entry-foot-posts-nav" class="link-box" role="navigation" aria-label="tagged">
+        <div class="link-box__partition">
+          
+          <!-- capture tagged linked_docs here -->
+          {% capture linked_docs %}
+            <!-- track number of linked docs -->
+            {% assign num_linked_docs = 0 %}
+            <!-- tagged posts/books -->
+            <ul>
+              {% for doc in site.documents %}
+                {% if doc.tags contains page.namespace %}
+                  {% assign num_linked_docs = num_linked_docs | plus: 1 %}
+                  <li>
+                    {% include btn_state.html states=doc.status %}
+                    <a class="wiki-link" href="{{ doc.url | relative_url }}">{{ doc.title }}</a>
+                  </li>
+                {% endif %}
               {% endfor %}
             </ul>
-          </div>
-        {% endif %}
+            <!-- 'tags' attributed posts/books -->
+            <ul>
+              {% assign post_attrds = page.attributed | doc_type: "posts" %}
+              {% assign book_attrds = page.attributed | doc_type: "books" %}
+              {% assign pb_attrds = post_attrds | concat: book_attrds %}
+              {% assign tag_attrds = pb_attrds | link_type: "tags" %}
+              {% for tag_attrd in tag_attrds %}
+                {% for url in tag_attrd.urls %}
+                  {% assign num_linked_docs = num_linked_docs | plus: 1 %}
+                  {% assign doc = site.documents | where: "url", url | first %}
+                  <li>
+                    {% include btn_state.html states=doc.status %}
+                    <a class="wiki-link" href="{{ doc.url | relative_url }}">{{ doc.title }}</a>
+                  </li>
+                {% endfor %}
+              {% endfor %}
+            </ul>
+            {% if site.bonsai.entries.backlinks %}
+              <!-- backlinked posts/books -->
+              <ul>
+                {% assign post_blinks = page.backlinks | doc_type: "posts" %}
+                {% assign book_blinks = page.backlinks | doc_type: "books" %}
+                {% assign pb_blinks = post_blinks | concat: book_blinks %}
+                {% for blink in pb_blinks %}
+                  {% assign num_linked_docs = num_linked_docs | plus: 1 %}
+                  {% assign doc = site.documents | where: "url", blink.url | first %}
+                  <li>
+                    {% include btn_state.html states=doc.status %}
+                    <a class="wiki-link" href="{{ doc.url | relative_url }}">{{ doc.title }}</a>
+                  </li>
+                {% endfor %}
+              </ul>
+            {% endif %}
+          {% endcapture %}
+
+          <!-- render linked_docs here (the if statement is why we have to do this) -->
+          {% if num_linked_docs == 0 %}
+            <p class="text--small">No linked posts or books.</p>
+          {% else %}
+            {{ linked_docs }}
+          {% endif %}
+        </div>
       </nav>
     </div>  
   </footer>
 
-</div>
+</article>

data/_layouts/home.html

@@ -0,0 +1,96 @@
+---
+layout: base
+---
+
+<div id="home" class="home">
+  
+  <section class="lead">
+    <div class="lead__img">
+      <img id="home-logo" class="lead__img--size">
+    </div>
+    {% assign root = site.entries | find_exp: "item", "item.path == site.bonsai.entries.root_path" %}
+    <div class="lead__title hp-title">
+      <h1 class="p-name"><a class="wiki-link" href="{{ root.url | relative_url }}">{{ page.title }}</a></h4>
+    </div>
+    <div class="lead__content markdown hp-content">
+      {{ content }}
+    </div>
+  </section>
+  
+  <div class="featured-wrap">
+
+    {% if site.bonsai.home.notable.enabled %}
+      <section class="featured">
+        <div class="featured__header">
+          <h4>Notable</h4>
+        </div>
+        <div class="featured__content">
+          <ul>
+            {% for notable in site.bonsai.home.notable.docs %}
+              {% assign doc = site.documents | find_exp: "item", "item.path contains notable" %}
+              <li>
+                <div class="item">
+                  <div class="item__status">
+                    {% include btn_state.html states=doc.status %}
+                  </div>
+                  <div class="item__text">
+                    <span>
+                      <a class="wiki-link" href="{{ doc.url | relative_url }}"> {{ doc.title }}</a>
+                    </span>
+                    <time class="text--date dt-updated">
+                      {{ doc.updated | slice: 0, 10 | date: site.bonsai.date_format }}
+                    </time>
+                  </div>
+                </div>
+              </li>
+            {% endfor %}
+            </ul>
+          {% assign about_page = site.pages | where: "name", "about.md" %}
+          <!-- using '.first' to test if any results were found -->
+          {% if about_page.first %}
+            <p class="featured__footer">For more, see <a class="wiki-link" href="{{ '/about/' | relative_url }}">about {{ site.data.emoji.about }}</a></p>
+          {% endif %}
+        </div>
+      </section>
+    {% endif %}
+
+    {% if site.bonsai.home.recent.enabled %}
+      <section class="featured__section">
+        <div class="featured__header">
+          <h4>Recent</h4>
+        </div>
+        <div class="featured__content">
+          <ul>
+            {% assign recent_docs = site.documents | sort: 'updated' | reverse %}
+            {% for doc in recent_docs limit: site.bonsai.home.recent.cap %}
+              <li>
+                <div class="item">
+                  <div class="item__status">
+                    {% include btn_state.html states=doc.status %}
+                  </div>
+                  <div class="item__text">
+                    <span>
+                      <a class="wiki-link" href="{{ doc.url | relative_url }}"> {{ doc.title }}</a>
+                    </span>
+                    <time class="text--date dt-updated">
+                      {{ doc.updated | slice: 0, 10 | date: site.bonsai.date_format }}
+                    </time>
+                  </div>
+                </div>
+              </li>
+            {% endfor %}
+            </ul>
+          {% assign recent_page = site.pages | where: "name", "recent.md" %}
+          <!-- using '.first' to test if any results were found -->
+          {% if recent_page.first %}
+            <p class="featured__footer">
+              For more updates, check the <a class="wiki-link" href="{{ '/recent/' | relative_url }}">weather {{ site.data.emoji.recent }}</a>
+            </p>
+          {% endif %}
+        </div>
+      </section>
+    {% endif %}
+
+  </div>
+
+</div>

data/_layouts/post.html

@@ -1,29 +1,37 @@
 ---
-layout: default
+layout: base
 ---
 
-<div id="post">
+<article id="post" 
+  class="post h-entry"
+  role="article" 
+  itemscope 
+  itemtype="http://schema.org/BlogPosting"
+  aria-labelledby="{{ title | slug }}-title">
 
-  <h1>{{ page.title }}</h1>
-  <p class="small-descr">
-    {% assign stat_tags = page.tags | stat_tags %}
-    {% for stat_tag in stat_tags %}
-      <a class="stat-tag" href="{{ stat_tag.url | relative_url }}">{{ stat_tag.emoji }}</a>
-    {% endfor %}
-    <span>Last Tended: {{ page.updated | date: "%Y-%m-%d" }}</span>
-  </p>
+  <div class="post__title hp-title">
+    <h1 class="p-name">{{ page.title }}</h1>
+  </div>
 
-  {{ content }}
+  <section class="post__infobox">
+    <div class="infobox">
+      {% include toc.html html=content wrap_class="toc" class="toc__list" item_class="toc__list-item" anchor_class="toc__anchor" %}
+      {% include dates.html updated=page.updated date=page.date %}
+      <div class="infobox__bar">
+        {% include btn_state.html states=page.status %}
+        {% if site.social.share.enabled %}
+          {% include share.html %}
+        {% endif %}
+      </div>
+      <div class="infobox__sem-tags p-category">
+        {% assign tags_attrs = page.attributes | link_type: "tags" %}
+        {% include tags.html tags_attrs=tags_attrs tag_fm=page.tags %}
+      </div>
+    </div>
+  </section>
 
-  <p>
-    {% assign sem_tags = page.tags | sem_tags %}
-    {% for sem_tag in sem_tags %}
-      <a class="sem-tag" href="{{ sem_tag.url | relative_url }}">{{ sem_tag.tag }}</a>
-    {% endfor %}
-  </p>
+  <div class="post__content markdown hp-content e-content p-name">
+    {{ content }}
+  </div>
 
-  {% if site.social.enabled %}
-    {% include share.html %}
-  {% endif %}
-
-</div>
+</article>

data/_layouts/privacy.html

@@ -0,0 +1,15 @@
+---
+layout: base
+---
+
+<div id="privacy" class="privacy">
+
+  <div class="hp-title">
+    <h1 class="p-name">{{ site.data.emoji.privacy }} {{ page.title }}</h1>
+  </div>
+
+  <div class="hp-content markdown e-content p-name">
+    {{ content }}
+  </div>
+
+</div>

data/_layouts/recent.html

@@ -0,0 +1,66 @@
+---
+layout: base
+---
+<div id="recent" class="recent">
+
+  <section class="recent__leader">
+    <div class="hp-title">
+      <h1 class="p-name">{{ site.data.emoji.recent }} {{ page.title }}</h1>
+    </div>
+    <div class="leader">
+      <div class="leader__content markdown hp-content e-content p-name">
+        {{ content }}
+      </div>
+      <aside class="key">
+        <span class="key__title">Key</span>
+        <div class="key__content">
+          <p class="text--small"><em>{{ site.data.emoji.created }} Planted (Created) (Inactive)</em></p>
+          <p>{{ site.data.emoji.published }} Transplanted (Published)</p>
+          <p>{{ site.data.emoji.updated }} Last Tended (Updated)</p>
+          <p class="text--small"><em>{{ site.data.emoji.deleted }} Uprooted (Deleted) (Inactive)</em></p>
+        </div>
+      </aside>
+    </div>
+  </section>
+
+  <section class="recent__content">
+    <ul>
+      {% assign recent_docs = site.documents | sort: 'updated' | reverse %}
+      {% for doc in recent_docs limit: site.bonsai.recent.cap %}
+        <!-- determine if doc's recent status -->
+        <!-- from: https://stackoverflow.com/questions/37340705/shopify-liquid-find-number-of-days-between-two-dates -->
+        <!-- note: slicing off milliseconds -->
+        <!-- {% assign ctime = doc.created | date: '%s' | slice: 0, 10 %} -->
+        {% assign ptime = doc.date | date: '%s' | slice: 0, 10 %}
+        {% assign mtime = doc.updated | date: '%s' | slice: 0, 10 %}
+        {% assign sec_diff = mtime | minus: ptime %}
+        {% assign is_same_day = sec_diff | divided_by: 3600 | divided_by: 24 %}
+        <li>
+          <div class="item">
+            <div class="bullet-scene">
+              <span class="bullet-scene__change-type">
+                {% if is_same_day == 0 %}
+                  {{ site.data.emoji.published }}
+                {% else %}
+                  {{ site.data.emoji.updated }}
+                {% endif %}
+              </span>
+              <span class="bullet-scene__status">
+                {% include btn_state.html states=doc.status %}
+              </span>
+            </div>
+            <div class="item__text">
+              <span class="item__text--big">
+                <a class="wiki-link" href="{{ doc.url | relative_url }}">{{ doc.title }}</a>  
+              </span>
+              <time class="text--date dt-updated">
+                {{ doc.updated | slice: 0, 10 | date: site.bonsai.date_format }}
+              </time>
+            </div>
+          </div>
+        </li>
+      {% endfor %}
+    </ul>
+  </section>
+
+</div>