Update chapter sections with the ions

_contents/call-to-action.md

@@ -6,8 +6,8 @@ author:
 icon: fa fa-solid fa-bullhorn
 intro: true
 chapters: #true
-section: 
-section-order: 
+section: Get started
+section-order: 2
 about: #true
 feedback: #true
 feedback-link: 

_contents/purpose.md

@@ -0,0 +1,16 @@
+---
+title: Purpose
+description: Proudly Serving purpose.
+author: 
+img-feat: 
+icon: fa-solid fa-asterisk
+#intro: true
+chapters: true
+section: Get started
+section-order: 1
+#about: true
+feedback: 
+feedback-link: 
+#launched: true
+---
+

_contents/swear-yourself-in.md

@@ -0,0 +1,16 @@
+---
+title: Swear yourself in
+description: Take the Proudly Serving pledge.
+author: 
+img-feat: 
+icon: fa-solid fa-hand
+#intro: true
+chapters: true
+section: Get started
+section-order: 3
+#about: true
+feedback: 
+feedback-link: 
+#launched: true
+---
+

_data/contents.yml

@@ -1,4 +1,39 @@
-- Contemplation
-- Preparation
-- Implementation
-- Inspiration
+docs_list_title: contents
+docs:
+
+  - name: Initiation
+    chapters:
+      - Purpose
+      - Call to action
+      - Swear yourself in
+  - name: Contemplation
+    chapters:
+      - Default to open
+      - Get digital
+      - Have a strategy
+      - Think exponential
+      - Innovate with intention
+      - Be participatory
+  - name: Preparation
+    chapters:
+      - Set guiding principles
+      - Appoint an owner
+      - Empower the team
+      - Go official
+      - Buy better
+  - name: Implementation
+    chapters:
+      - Show the work
+      - Speak plainly
+      - Say what matters
+      - Stay accessible
+      - Design for everyone
+      - Secure yourself
+      - Protect privacy
+      - Manage data rights
+      - Upskill always
+      - Hack with the people
+      - Spark community joy
+  - name: Inspiration
+    chapters:
+      - Remember why you do this

_layouts/contents.html

@@ -3,21 +3,16 @@
 ---
 
 <div class="col-12">
-  {% for section in site.sections %}
-    {% assign chapters = "" | split: '' %}
-    {% for chapter in site.contents %}
-      {% if chapter[section] == true %}
-        {% assign chapters = chapters | push: chapter %}
-      {% endif %}
-    {% endfor %}
-    {% assign size = chapters | size %}
-    {% if size > 0 %}
-      <h2>{{ section | capitalize }}</h2>
-      <div class="card-group mt-4 mb-5">
-        {% for item in chapters %}
-          {% include card-contents.html %}
+  {% for section in site.data.contents.docs %}
+    <h2>{{ section.name | capitalize }}</h2>
+    <div class="card-group mt-4 mb-5">
+      {% for chapter in section.chapters %}
+        {% for item in site.contents %}
+          {% if item.title == chapter %}
+            {% include card-contents.html %}
+          {% endif %}
         {% endfor %}
-      </div>
-    {% endif %}
+      {% endfor %}
+    </div>
   {% endfor %}
 </div>

_layouts/home.html

@@ -41,27 +41,22 @@ <h2 class="mb-3">What they say</h2>
   <div class="container border-top pt-5 mt-4">
     <div class="row">
       <div class="col-12">
-        <h2 class="mb-3">Contents</h2>
+        <h2 class="mb-4">Contents</h2>
       </div>
     </div>
     <div class="row">
       <div class="col-12">
-        {% for section in site.sections %}
-          {% assign chapters = "" | split: '' %}
-          {% for chapter in site.contents %}
-            {% if chapter[section] == true %}
-              {% assign chapters = chapters | push: chapter %}
-            {% endif %}
-          {% endfor %}
-          {% assign size = chapters | size %}
-          {% if size > 0 %}
-            <h3>{{ section | capitalize }}</h3>
-            <div class="card-group mt-4 mb-5">
-              {% for item in chapters %}
-                {% include card-contents.html %}
+        {% for section in site.data.contents.docs %}
+          <h3>{{ section.name | capitalize }}</h3>
+          <div class="card-group mt-4 mb-5">
+            {% for chapter in section.chapters %}
+              {% for item in site.contents %}
+                {% if item.title == chapter %}
+                  {% include card-contents.html %}
+                {% endif %}
               {% endfor %}
-            </div>
-          {% endif %}
+            {% endfor %}
+          </div>
         {% endfor %}
       </div>
     </div>