Merge pull request #354 from photogabble/feature/348-refactor-index-p…

…ages

Add content for growth stages

src/_includes/components/navigation/jumbo-nav.njk

@@ -61,7 +61,7 @@
                             {% set href = item.url %}
                         {% endif %}
                         <a href="{{ href }}" class="no-ext btn-88x31" rel="noopener" title="Visit {{ item.data.title }}">
-                            <img width="88" height="31" src="/img/88x31/{{ item.data.button | firstBtn }}" alt="88x31 button for {{ item.data.title }}" aria-hidden="true" />
+                            <img width="88" height="31" src="/img/88x31/{{ item.data.button | firstBtn }}" alt="88x31 button for {{ item.data.title }}" aria-hidden="true" loading="lazy" />
                         </a>
                     {%- endfor -%}
                 </dd>

src/_includes/layouts/base.njk

@@ -106,7 +106,7 @@
 <main>
     <header id="main-nav">
         <div class="main-nav">
-            <nav>{% for crumb in folder | breadcrumbs %}{% if crumb.href %}<a href="{{ crumb.href }}" title="{{ crumb.title }}">{{ crumb.text }}</a>{% else %}<span>{{ crumb.title }}</span>{% endif %}<span>/</span>{% endfor %}</nav>
+            <nav>{% for crumb in folder | breadcrumbs %}{% if crumb.href %}<a href="{{ crumb.href }}" title="{{ crumb.title }}">{{ crumb.text or crumb.title }}</a>{% else %}<span>{{ crumb.title }}</span>{% endif %}<span>/</span>{% endfor %}</nav>
             <div><form><input placeholder="search" /></form><span>|</span>{% block navigation %}{% endblock %}<button id="jumbo-toggle">Menu</button></div>
         </div>
         {% include "components/navigation/jumbo-nav.njk" %}

src/content/taxonomy/stage/budding.md

@@ -1,10 +1,12 @@
 ---
 title: Budding
+sub_title: 🌿🌿🌿
 sidebar_title: May still need refinement
 sidebar_topic: 'stage/budding'
 folder:
   - writing
+  - {title: 'growth', href: '/growth/'}
   - {title: 'budding'}
 ---
 
-TODO...
+Budding notes are ideas that I have cleaned up and clarified, but may still require refinement. Some notes are destined to remain buddings, while others will eventually become [[Evergreen]].

src/content/taxonomy/stage/ephemeral.md

@@ -0,0 +1,11 @@
+---
+title: Ephemeral
+sidebar_title: Fixed in time commentary
+sidebar_topic: 'stage/ephemeral'
+folder:
+  - writing
+  - {title: 'growth', href: '/growth/'}
+  - {title: 'ephemeral'}
+---
+
+A Digital Garden is by definition a collection of living documents that get worked on over time. However, some notes such as journal entries and week notes are _Ephemeral_ fixed in time commentary that is unlikely to be updated.

src/content/taxonomy/stage/evergreen.md

@@ -1,10 +1,12 @@
 ---
 title: Evergreen
+sub_title: 🌳🌳🌳
 sidebar_title: Invested Ideas
 sidebar_topic: 'stage/evergreen'
 folder:
   - writing
+  - {title: 'growth', href: '/growth/'}
   - {title: 'evergreen'}
 ---
 
-TODO...
+Evergreen notes contain ideas that I have invested considerable time and effort in. These will most likely be [[Essay|essays]] on subjects that I have expert knowledge.

src/content/taxonomy/stage/seedling.md

@@ -1,10 +1,12 @@
 ---
 title: Seedlings
+sub_title: 🌱🌱🌱
 sidebar_title: Rough and early ideas
 sidebar_topic: 'stage/seedling'
 folder:
   - writing
+  - {title: 'growth', href: '/growth/'}
   - {title: 'seedling'}
 ---
 
-TODO...
+Seedlings are rough and early ideas, often little more than a handful of paragraphs thrown together. Some might, in time, become [[Budding]] posts as I think more on a given subject, however most may be cast aside forever to remain a seedling. 

src/content/taxonomy/stage/stage.11tydata.js

@@ -17,7 +17,9 @@ export default {
 
   eleventyComputed: {
     permalink(data) {
-      return `stage/${data.page.fileSlug}/`;
+      return (data.permalink === '')
+        ? `/growth/${data.page.fileSlug}/`
+        : data.permalink;
     },
   },
 }

src/content/taxonomy/stage/stub.md

@@ -6,9 +6,9 @@ sidebar_title: Works in Progress
 sidebar_topic: 'stage/stub'
 folder: 
   - writing
+  - {title: 'growth', href: '/growth/'}
   - {title: 'stubs'}
-eleventyComputed:
-  permalink: /stubs/
+permalink: /stubs/
 ---
 Stubs are the precursor to future content often times little more than a collection of ideas and therefore hidden by default from the rest of this digital garden. Most have been created in order to allow interlinking from other pages via backlinks.
 

src/growth.md

@@ -0,0 +1,33 @@
+---
+title: Growth Stages
+layout: layouts/page-post.njk
+sidebar_component: topic
+sidebar_title: Growth Stages
+sidebar_topic: 'type/stage'
+hide_meta: true
+tags:
+  - 'type/index'
+folder:
+  - writing
+  - {title: 'growth'}
+started: 2023-01-01
+modified: 2024-10-02
+---
+
+<p>
+    {% image 'public/img/growth.png' 'Planting a seed and watching it grow.' %}
+</p>
+
+Inspired by Maggie's _Six Patterns of Gardening_ from her essay: [[ A Brief History & Ethos of the Digital Garden ]], I added growth stages to this Digital Garden as a way of describing how polished I consider a piece of writing. 
+
+Within that essay Maggie talks about _imperfection and learning in public_ which is something that resonated with me. For a number of years now I have been an advocate of #BuildInPublic to the point where the majority of the projects I work on are open source.
+
+I have always considered PhotoGabble to be a place where I publish my musings and various tinkering for the world to purview if it wants, that lends it to be more of a Digital Garden than blog. I will still have [[Ephemeral]] notes in the form of journal entries and development logs, but I am enjoying cultivating this growing collection of notes.
+
+When I first converted this website into a Digital Garden in 2023 I borrowed Maggie's horticultural metaphors for indicating how _"done"_ content is:
+
+- 🌱 _Seedlings_ for very rough and early ideas
+- 🌿 _Budding_ for work I've cleaned up and clarified
+- 🌳 _Evergreen_ for work that is reasonably complete
+
+Over time, I added two more to that list: [[Stubs]] as placeholders for content coming _"soon"_ and [[Ephemeral]] for point in time updates that will likely not be updated such as Journal entries.