Added image to tag

package.json

@@ -11,7 +11,7 @@
   "scripts": {
     "start": "npx netlify-cms-proxy-server & npm run watch",
     "clean": "rm -rf _site",
-    "setup": "cp env-example .env",
+    "local-setup": "cp env-example .env",
     "watch": "npx @11ty/eleventy --serve --quiet & npm run tw:watch",
     "build": "npm run tw:build && npm run 11ty:build",
     "11ty:build": "ELEVENTY_ENV=prod eleventy",

src/_system/_decapcms/contenttypes/menuitem.liquid

@@ -1,6 +1,6 @@
-  # -----------------------------------------------------------------
+  # ---------------------------------------------------------------
   # Menu Items
-  # -----------------------------------------------------------------
+  # ---------------------------------------------------------------
   - name: menuitem
     label: 🍔 Menu Items
     label_singular: 🍔 Menu Item

src/_system/_decapcms/contenttypes/tag.liquid

@@ -1,6 +1,6 @@
-  # -----------------------------------------------------------------
+  # ---------------------------------------------------------------
   # Relations Tags
-  # -----------------------------------------------------------------
+  # ---------------------------------------------------------------
   - name: tags
     label_singular: 🏷 Tag
     label: 🏷 Tags
@@ -22,6 +22,16 @@
   hint: ""
 %}
 
+{% include "_system/_decapcms/widgets/image",
+  name: "image",
+  label: "Image",
+  default: "/content/upload/default.png"
+  choose_url: true,
+  allow_multiple: false,
+  required: "false",
+  hint: ""
+%}
+
 {% include "_system/_decapcms/widgets/markdown",
   name: "body",
   label: "Body",
@@ -30,6 +40,8 @@
   hint: "help text"
 %}
 
+{% include "_system/_decapcms/fields/card.liquid" %}
+
 {% include "_system/_decapcms/fields/opengraph.liquid" %}
 
 {% include "_system/_decapcms/fields/seo.liquid" %}

src/content/tag/saga11.md

@@ -3,11 +3,11 @@ title: Saga 11
 icon: icons/arrow-down-left.svg
 eleventyExcludeFromCollections: false
 rssfeed: true
+image: /content/upload/saga11icon.svg
 eleventyNavigation:
   title: ""
   parent: ""
   order: 20
 layout: tag/tag.liquid
 ---
-
-This is a Tag page
+The tag page for "Saga11"

src/theme-grunn/layouts/tag/tag.liquid

@@ -12,10 +12,6 @@ tags:
 That then refers to the file tag/saga11.md that constainss all the data the we use on this page.
 {% endcomment %}
 
-{% comment %}
-this dosnt rewally work..
-{% endcomment %}
-
 
 <article class="flex flex-row space-x-8">
   <div class="basis-2/12">
@@ -24,25 +20,31 @@ this dosnt rewally work..
   <div class="basis-10/12">
     <h1 class="text-6xl text-primary-700">{{ title }}</h1>
 
-    <div class="prose prose-xl">
+    <div class="prose prose-xl py-4">
       {{ content }}
     </div>
 
     <div class="md:grid grid-cols-3 gap-4 py-4">
       {% for item in collections[page.fileSlug] %}
-        {% 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>
 
 </article>
 
-  <a href="/feed/{{ title | slugify }}.xml" class="flex flex-row items-center justify-center">
-    <div class="w-4 h-4 mr-2">{% include "svg/rss.svg" %}</div>
-    <div>{{ title }} feed </div>
-  </a>
+<a href="/feed/{{ title | slugify }}.xml" class="flex flex-row items-center justify-center">
+  <div class="w-4 h-4 mr-2">{% include "svg/rss.svg" %}</div>
+  <div>{{ title }} feed </div>
+</a>