Post index landing

eleventy.config.js

@@ -63,7 +63,6 @@ module.exports = function (eleventyConfig) {
   eleventyConfig.addCollection("allNotification", require("./src/_system/11ty/collection/allNotification.js"));
   eleventyConfig.addCollection("allTags", require("./src/_system/11ty/collection/allTags.js"));
   eleventyConfig.addCollection("tags", require("./src/_system/11ty/collection/tags.js"));
-  eleventyConfig.addCollection("blocks", require("./src/_system/11ty/collection/blocks.js"));
   eleventyConfig.addCollection("styleguide", require("./src/_system/11ty/collection/styleguide.js"));
 
   // Transform

src/_system/11ty/collection/tags.js

@@ -1,6 +1,6 @@
 // The filter hides the tag from collections
 function filterTags(tags) {
-  return (tags || []).filter((tag) => ["rssfeed", "relation"].indexOf(tag) === -1);
+  return (tags || []).filter((tag) => ["rssfeed"].indexOf(tag) === -1);
 }
 
 module.exports = function (collection) {

src/_system/_decapcms/contenttypes/menuitem.liquid

@@ -4,7 +4,7 @@
   - name: menuitem
     label: 🍔 Menu Items
     label_singular: 🍔 Menu Item
-    description: "Single menu items to be included in the exising navigation structre. | Version: 1.0"
+    description: "Single menu items to be included in the exising navigation"
     folder: "src/content/menuitem"
     slug: "{{title}}"
     preview_path: notification/{{title}}/
@@ -25,22 +25,23 @@
     fields:
 {% include "_system/_decapcms/widgets/string",
   name: "title",
-  label: "title",
+  label: "Title",
   default: "",
   required: true,
-  hint: ""
+  hint: "The title is used for admin reference - the menu items title is set in the navigation"
 %}
       - name: eleventyNavigation
         label: 🍔 Navigation
         widget: object
         collapsed: false
         summary: "{{fields.key}} |  {{fields.parent}}"
         fields:
-        - { label: "key", name: key, widget: "string", required: true, hint: "Title and key"}
-        - { label: "url", name: url, widget: "string", required: false, hint: "Full url https://saga11.dev"}
+        - { label: "Title", name: title, widget: "string", required: true, hint: "Title"}
+        - { label: "Machine key", name: key, widget: "string", required: true, hint: "Title and key"}
+        - { label: "Url", name: url, widget: "string", required: false, hint: "Full url https://saga11.dev"}
         - { label: "Open in new window", name: "target", widget: "boolean", default: false, required: false, }
         - name: "parent"
-          label: parent menu item
+          label: Parent menu item
           widget: relation
           collection: page
           default: main
@@ -49,6 +50,6 @@
           displayFields: ["Title: {% raw %}{{title}} | key: '{{eleventyNavigation.key}} {% endraw %}'"]
           required: false
           multiple: false
-        - { label: "order", name: "order", widget: "number", required: false}
+        - { label: "Order", name: "order", widget: "number", required: false}
         - { label: "text", name: "text", widget: "text", required: false}
 

src/_system/_decapcms/contenttypes/page.liquid

@@ -11,8 +11,8 @@
     create: true
     delete: true
     editor:
-      preview: true
-    summary: "{% raw %}🏩  {{title}} | url: {{url}} | {{permalink}}{% endraw %} "
+      preview: false
+    summary: "{% raw %}🏩 Title '{{title}}' Url: '{{url}}' {% endraw %} "
     sortable_fields: ["url", "title", "order"]
     view_filters:
       - label: collection
@@ -21,10 +21,8 @@
     view_groups:
       - label: Tags
         field: tags
-      - label: permalink
-        field: permalink
     nested:
-      depth: 5 # max depth to show in the collection tree
+      depth: 1
       summary: "{% raw %}{{title}}{% endraw %}"
     fields:
 {% include "_system/_decapcms/widgets/string",

src/_system/_decapcms/fields/menu.liquid

@@ -16,5 +16,5 @@
           multiple: false
         - { label: "Machine key", name: "key", widget: "string", required: false, hint: "The Key is used by the system Main is used for the frontpage - and should always be" }
         - { label: "Order", name: "order", widget: "number", required: false}
-        - { label: "Description", name: "description", widget: "text", default : "", required: false }
-        - { label: "Text string", name: "string", widget: "string", default : "", required: false, hint: "a string that can be used for icon name / color" }
+        - { label: "Text", name: "text", widget: "text", required: false}
+        - { label: "String", name: "optional", widget: "string", required: false, hint: "an optional text string that can be used  in the theme ala {% raw %}{{ item.optional }}{% endraw %}" }

src/content/menuitem/saga11.md

@@ -1,9 +1,10 @@
 ---
-title: saga11
+title: Saga11 !!
 eleventyNavigation:
   url: https://saga11.dev
   target: true
   order: 100
   key: saga11
   parent: component
+  title: "SAGA "
 ---

src/content/menuitem/styleguide.md

@@ -5,5 +5,5 @@ eleventyNavigation:
   target: true
   parent: main
   key: Styleguide
-  order: 10
+  order: 100
 ---

src/content/page/component.md

@@ -1,16 +1,7 @@
 ---
-title: Components
-card:
-  title: Title from a card
-  image: /content/upload/default.png
-  alt: alt text for image
-  text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
-    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
-    quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-    consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
-    cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
-    non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-    "
+title: Components overview
+url: component
+image: https://images.unsplash.com/photo-1496449903678-68ddcb189a24
 components:
   - type: pagecard
     template: components/pagecard/pagecard.liquid
@@ -279,12 +270,21 @@ components:
       velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
       cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id
       est laborum.
-image: https://images.unsplash.com/photo-1496449903678-68ddcb189a24
+card:
+  title: Title from a card
+  image: /content/upload/default.png
+  alt: alt text for image
+  text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+    quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+    consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
+    cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
+    non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+    "
 tags:
   - saga11
   - rssfeed
 order: 3
-url: component
 layout: page/page.liquid
 date: 2023-06-12 11:58:55
 eleventyExcludeFromCollections: false

src/content/page/contact.md

@@ -6,7 +6,7 @@ components:
   - type: form
     title: "Contact form "
     name: contact
-    action: /submitted
+    action: /contact/thanx
     template: components/form/form.liquid
     elements:
       - type: text

src/content/page/footer-menu-placeholder.md

@@ -1,14 +1,14 @@
 ---
-title: Footer  placeholder
+title: Footer menu placeholder
 url: footer
 image: ""
 order: 1
 eleventyExcludeFromCollections: true
+layout: page/page.liquid
+date: 2023-06-25 22:58:55
 eleventyNavigation:
   key: footer
   title: footer
   order: 0
-layout: page/page.liquid
-date: 2023-06-25 22:58:55
 ---
-nope
+This page is used as a placeholder for the footer menu ...

src/content/page/post-overview.md

@@ -0,0 +1,20 @@
+---
+title: Blog Posts
+url: post
+image: ""
+components:
+  - type: njktemplate
+    template: components/templates/all-post.liquid
+order: 1
+eleventyExcludeFromCollections: false
+eleventyNavigation:
+  description: ""
+  string: ""
+  title: Blog post
+  parent: main
+  order: 20
+seo:
+  index: index
+  follow: nofollow
+layout: page/page.liquid
+---

src/content/page/tags.md

@@ -0,0 +1,21 @@
+---
+title: tags
+url: tag
+image: /content/upload/default.png
+components:
+  - type: njktemplate
+    template: components/templates/all-tags.liquid
+order: 1
+eleventyExcludeFromCollections: false
+eleventyNavigation:
+  description: ""
+  string: ""
+  title: Tags
+  parent: main
+  key: ""
+  order: 15
+seo:
+  index: index
+  follow: nofollow
+layout: page/page-tags.liquid
+---

src/content/page/thanks.md

@@ -1,10 +1,10 @@
 ---
-title: Form Submitted thanx
-image: /content/upload/default.png
-url: submitted
+title: Thanx
+url: contact/thanx
+image: ""
+eleventyExcludeFromCollections: true
 eleventyNavigation:
   excerpt: ""
 layout: page/page.liquid
-eleventyExcludeFromCollections: true
 ---
 The message is sent :)

src/content/tag/saga11.md

@@ -4,8 +4,8 @@ icon: icons/arrow-down-left.svg
 eleventyExcludeFromCollections: false
 rssfeed: true
 eleventyNavigation:
-  title: Tag page
-  parent: main
+  title: ""
+  parent: ""
   order: 20
 layout: tag/tag.liquid
 ---

src/theme-grunn/includes/card.liquid

@@ -41,8 +41,7 @@
     <h3 class="mt-2 text-2xl dark:text-cyan-200">{{ title }}</h3>
 
     <div class="mt-2 line-clamp-3">
-      date: {{ dateLocalize }}
-        {{ text }}
+      {{ text }}
     </div>
     {% if date %}
       <div class="pt-2 text-tone-600 text-right">

src/theme-grunn/includes/components/form/form.liquid

@@ -13,14 +13,16 @@
   </div>
 
 
-<form name="{{ component.name | url_encode }}" method="POST" data-netlify="true" netlify-honeypot="bot-field" action="/{{ component.action }}/"
+<form name="{{ component.name | url_encode }}"
+method="POST"
+data-netlify="true" netlify-honeypot="bot-field" action="{{ component.action }}/"
       class="basis-1/2 py-20 px-20 flex flex-col space-y-4">
   {% comment %}<div data-netlify-recaptcha="true"></div> {% endcomment %}
   <div hidden>
     <label for="supersecret">secret</label>
     <input name="bot-field" id="supersecret" />
   </div>
-
+action : {{ component.action }}
   {% comment %}All the form elements {% endcomment %}
   {% for item in component.elements %}
     {% if item.type == "textarea" %}

src/theme-grunn/includes/components/templates/all-pages.liquid

@@ -1,21 +1,22 @@
-{%- if env.mode != 'prod' %}
-<!-- src/theme-grunn/includes/components/templates/all-pages.liquid -->
-{%- endif -%}
+{%- if env.mode != 'prod' %}<!-- src/theme-grunn/includes/components/templates/all-pages.liquid -->{%- endif -%}
 
-<section>
-  <h2 class="text-5xl text-center text-cyan-700 dark:text-cyan-200">All pages</h2>
+<section class="grid md:grid-cols-3 gap-4 py-4">
 
-  <div class="grid md:grid-cols-3 gap-4 py-4">
+  {% for item in collections.allPages %}
 
-    {% for item in collections.allPages %}
-    {% render 'card',
-    title: item.data.card.title,
-    text: item.data.card.text,
-    image: item.data.card.image,
-    url: item.url,
-    date: item.date
+    {% assign title = item.data.card.title | default: item.data.title %}
+    {% assign image = item.data.card.image | default: item.data.image %}
+    {% assign text = item.data.card.text | default: item.data.text | truncatewords: "20",  " ..."  %}
+    {%
+      render 'card.liquid',
+        title: title,
+        text: text,
+        image: image,
+        url: item.url,
+        date: item.date
     %}
 
-    {% endfor %}
-  </div>
-</section>
+
+  {% endfor %}
+</section>
+

src/theme-grunn/includes/components/templates/all-post.liquid

@@ -2,19 +2,22 @@
 <!-- src/theme-grunn/includes/components/templates/all-post.liquid -->
 {%- endif -%}
 
-<h2 class="text-5xl text-center text-cyan-700 dark:text-cyan-200">All Post</h2>
-
 <section class="grid md:grid-cols-3 gap-4 py-4">
 
   {% for item in collections.allPosts %}
 
-  {% render 'card',
-    title: item.data.card.title,
-    text: item.data.card.text,
-    image: item.data.card.image,
-    url: item.url,
-    date: item.date
+    {% assign title = item.data.card.title | default: item.data.title %}
+    {% assign image = item.data.card.image | default: item.data.image %}
+    {% assign text = item.data.card.text | default: item.data.text | truncatewords: "20",  " ..."  %}
+    {%
+      render 'card.liquid',
+        title: title,
+        text: text,
+        image: image,
+        url: item.url,
+        date: item.date
     %}
 
+
   {% endfor %}
-</section>
+</section>

src/theme-grunn/includes/components/templates/all-tags.liquid

@@ -0,0 +1,22 @@
+{%- if env.mode != 'prod' %}<!-- src/theme-grunn/includes/components/templates/all-pages.liquid -->{%- endif -%}
+
+<section class="grid md:grid-cols-3 gap-4 py-4">
+
+  {% for item in collections.allTags %}
+    {% if item.fileSlug != "rssfeed" %}
+    {% assign title = item.data.card.title | default: item.data.title %}
+    {% assign image = item.data.card.image | default: item.data.image %}
+    {% assign text = item.data.card.text | default: item.data.text | truncatewords: "20",  " ..."  %}
+    {%
+      render 'card.liquid',
+        title: title,
+        text: text,
+        image: image,
+        url: item.url,
+        date: item.date
+    %}
+
+  {% endif %}
+  {% endfor %}
+</section>
+