From e6be34e35f11f2941e16404b53e7277480fadf7f Mon Sep 17 00:00:00 2001
From: f <f@sutty.nl>
Date: Mon, 28 Sep 2026 10:24:19 -0300
Subject: [PATCH 01/31] feat: lead

---
 _includes/forms/form_fields.html | 6 ++++++
 _includes/forms/lead.html        | 7 +++++++
 2 files changed, 13 insertions(+)
 create mode 100644 _includes/forms/lead.html

diff --git a/_includes/forms/form_fields.html b/_includes/forms/form_fields.html
index 4f17931..e039862 100644
--- a/_includes/forms/form_fields.html
+++ b/_includes/forms/form_fields.html
@@ -75,6 +75,12 @@ default_label_class_by_type:
       {% endblock %}
       </div>
       {% continue %}
+    {% elsif type == 'lead' %}
+      {% block 'forms/lead.html', id: %}
+        {{ field[1].label[locale] }}
+      {% endblock %}
+      </div>
+      {% continue %}
     {% else %}
       {% assign class = default_label_class_by_type | try: type %}
       {% block 'forms/label.html', id:, class: %}
diff --git a/_includes/forms/lead.html b/_includes/forms/lead.html
new file mode 100644
index 0000000..a635b1d
--- /dev/null
+++ b/_includes/forms/lead.html
@@ -0,0 +1,7 @@
+---
+id:
+  type: 'string'
+---
+<p id="{{ id | escape_once }}" class="lead">
+  {{- yield -}}
+</p>
-- 
2.54.0


From 7606d819841f418882914d5f7ea153e122076bf4 Mon Sep 17 00:00:00 2001
From: f <f@sutty.nl>
Date: Tue, 29 Sep 2026 10:17:18 -0300
Subject: [PATCH 02/31] feat: visually identify required fields

---
 _includes/forms/form_fields.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/_includes/forms/form_fields.html b/_includes/forms/form_fields.html
index e039862..3776d2b 100644
--- a/_includes/forms/form_fields.html
+++ b/_includes/forms/form_fields.html
@@ -84,7 +84,7 @@ default_label_class_by_type:
     {% else %}
       {% assign class = default_label_class_by_type | try: type %}
       {% block 'forms/label.html', id:, class: %}
-        {{ field[1].label[locale] }}
+        {{ field[1].label[locale] }} {{ required | value_if: '*' }}
       {% endblock %}
     {% endif %}
 
-- 
2.54.0


From 66c7a38ec0eb41824f5c579af3870223e8a057b1 Mon Sep 17 00:00:00 2001
From: f <f@sutty.nl>
Date: Tue, 29 Sep 2026 10:29:29 -0300
Subject: [PATCH 03/31] feat: help text

---
 _includes/forms/form_fields.html | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/_includes/forms/form_fields.html b/_includes/forms/form_fields.html
index 3776d2b..093a6ca 100644
--- a/_includes/forms/form_fields.html
+++ b/_includes/forms/form_fields.html
@@ -24,6 +24,11 @@ default_label_class_by_type:
   {% assign depends_on = field[1] | try: 'depends_on' %}
   {% assign dependents = field[1] | try: 'dependents' %}
   {% assign attributes = '' %}
+  {% assign help = field[1] | try: 'help' %}
+
+  {% if help %}
+    {% assign attributes = attributes | append: ' aria-describedby="' | append: id ¦ append: '"' %}
+  {% endif %}
 
   {% if type == 'end_row' %}
     </div>
@@ -111,5 +116,11 @@ default_label_class_by_type:
       {% else %}
         {% render template, required:, id:, name:, value: default_values, attributes: %}
     {% endcase %}
+
+    {% if help %}
+      <div id="{{ id }}-help" class="form-text">
+        {{- help[locale] | markdownify -}}
+      </div>
+    {% endif %}
   </div>
 {% endfor %}
-- 
2.54.0


From 654f1511529af285e3510190d4d1a5cd7068a96e Mon Sep 17 00:00:00 2001
From: f <f@sutty.nl>
Date: Tue, 29 Sep 2026 10:33:11 -0300
Subject: [PATCH 04/31] feat: max and min length

---
 _includes/forms/form_fields.html | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/_includes/forms/form_fields.html b/_includes/forms/form_fields.html
index 093a6ca..7d6a1d5 100644
--- a/_includes/forms/form_fields.html
+++ b/_includes/forms/form_fields.html
@@ -114,7 +114,9 @@ default_label_class_by_type:
         {% assign schema = field[1].schema %}
         {% render template, schema:, default_value_types:, name:, default_label_class_by_type: %}
       {% else %}
-        {% render template, required:, id:, name:, value: default_values, attributes: %}
+        {% assign maxlenght = field[1] | try: 'maxlenght' %}
+        {% assign minlenght = field[1] | try: 'minlenght' %}
+        {% render template, required:, id:, name:, value: default_values, attributes:, maxlenght:, minlenght: %}
     {% endcase %}
 
     {% if help %}
-- 
2.54.0


From 2f8868552efc14dcfd4a7b99e0c38f20af19bc79 Mon Sep 17 00:00:00 2001
From: f <f@sutty.nl>
Date: Tue, 29 Sep 2026 10:35:14 -0300
Subject: [PATCH 05/31] fix: typo

---
 _includes/forms/form_fields.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/_includes/forms/form_fields.html b/_includes/forms/form_fields.html
index 7d6a1d5..9c7a6ff 100644
--- a/_includes/forms/form_fields.html
+++ b/_includes/forms/form_fields.html
@@ -114,8 +114,8 @@ default_label_class_by_type:
         {% assign schema = field[1].schema %}
         {% render template, schema:, default_value_types:, name:, default_label_class_by_type: %}
       {% else %}
-        {% assign maxlenght = field[1] | try: 'maxlenght' %}
-        {% assign minlenght = field[1] | try: 'minlenght' %}
+        {% assign maxlength = field[1] | try: 'maxlength' %}
+        {% assign minlength = field[1] | try: 'minlength' %}
         {% render template, required:, id:, name:, value: default_values, attributes:, maxlenght:, minlenght: %}
     {% endcase %}
 
-- 
2.54.0


From 98535a1b0ba72a7b33821addb65d00ec55dbcbd3 Mon Sep 17 00:00:00 2001
From: f <f@sutty.nl>
Date: Tue, 29 Sep 2026 10:46:58 -0300
Subject: [PATCH 06/31] fix: consistency between inputs

(cherry picked from commit 7817128d0b53bbe585887d03d8dcf7910f1ef0ed)
---
 _includes/forms/date.html          |  6 ++++++
 _includes/forms/date_of_birth.html |  6 ++++++
 _includes/forms/email.html         |  8 +++++++-
 _includes/forms/form_fields.html   |  6 +++---
 _includes/forms/long_text.html     | 10 ++++++++++
 5 files changed, 32 insertions(+), 4 deletions(-)

diff --git a/_includes/forms/date.html b/_includes/forms/date.html
index 38a0f35..5253378 100644
--- a/_includes/forms/date.html
+++ b/_includes/forms/date.html
@@ -22,5 +22,11 @@ value:
 attributes:
   type: 'string'
   default: ''
+maxlength:
+  type: 'integer'
+  default: 0
+minlength:
+  type: 'integer'
+  default: 0
 ---
 {% render 'forms/input.html', type: 'date', id:, name:, class:, placeholder:, required:, autofocus:, value:, attributes: %}
diff --git a/_includes/forms/date_of_birth.html b/_includes/forms/date_of_birth.html
index fc2b021..58da6a8 100644
--- a/_includes/forms/date_of_birth.html
+++ b/_includes/forms/date_of_birth.html
@@ -28,6 +28,12 @@ label:
     es: 'Edad'
     en: 'Age'
     ar: 'Age'
+maxlength:
+  type: 'integer'
+  default: 0
+minlength:
+  type: 'integer'
+  default: 0
 ---
 {% assign age_attributes = attributes | append: ' ' | append: 'readonly data-dob-target="age"' %}
 {% assign attributes = 'data-dob-target="date" data-action="dob#update"' %}
diff --git a/_includes/forms/email.html b/_includes/forms/email.html
index 8180c50..2d9dff5 100644
--- a/_includes/forms/email.html
+++ b/_includes/forms/email.html
@@ -21,6 +21,12 @@ value:
   default: ''
 attributes:
   type: 'string'
-  default: ''
+  default: 'autocomplete="email"'
+maxlength:
+  type: 'integer'
+  default: 0
+minlength:
+  type: 'integer'
+  default: 0
 ---
 {% render 'forms/input.html', id:, type: "email", class:, required:, autofocus:, name:, placeholder:, attributes: %}
diff --git a/_includes/forms/form_fields.html b/_includes/forms/form_fields.html
index 9c7a6ff..a868702 100644
--- a/_includes/forms/form_fields.html
+++ b/_includes/forms/form_fields.html
@@ -27,7 +27,7 @@ default_label_class_by_type:
   {% assign help = field[1] | try: 'help' %}
 
   {% if help %}
-    {% assign attributes = attributes | append: ' aria-describedby="' | append: id ¦ append: '"' %}
+    {% assign attributes = attributes | append: ' aria-describedby="' | append: id | append: '"' %}
   {% endif %}
 
   {% if type == 'end_row' %}
@@ -116,12 +116,12 @@ default_label_class_by_type:
       {% else %}
         {% assign maxlength = field[1] | try: 'maxlength' %}
         {% assign minlength = field[1] | try: 'minlength' %}
-        {% render template, required:, id:, name:, value: default_values, attributes:, maxlenght:, minlenght: %}
+        {% render template, required:, id:, name:, value: default_values, attributes:, maxlength:, minlength: %}
     {% endcase %}
 
     {% if help %}
       <div id="{{ id }}-help" class="form-text">
-        {{- help[locale] | markdownify -}}
+        {{- help[locale] -}}
       </div>
     {% endif %}
   </div>
diff --git a/_includes/forms/long_text.html b/_includes/forms/long_text.html
index 067e0fc..cf4daee 100644
--- a/_includes/forms/long_text.html
+++ b/_includes/forms/long_text.html
@@ -19,6 +19,12 @@ value:
 attributes:
   type: 'string'
   default: ''
+maxlength:
+  type: 'integer'
+  default: 0
+minlength:
+  type: 'integer'
+  default: 124
 ---
 <textarea
   id="{{ id | escape_once }}"
@@ -27,4 +33,8 @@ attributes:
   {{ attributes }}
   placeholder="{{ placeholder | escape_once }}"
   class="{{ class }}"
+  {%- if minlength != 0 -%}
+    minlength="{{ minlength }}"
+  {%- endif -%}
+  maxlength="{{ maxlength }}"
 >{{- value -}}</textarea>
-- 
2.54.0


From 163b2b437e7498c8fdaec4e0079251463a84d0ed Mon Sep 17 00:00:00 2001
From: f <f@sutty.nl>
Date: Tue, 29 Sep 2026 11:08:49 -0300
Subject: [PATCH 07/31] fix: long text

---
 _includes/forms/long_text.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/_includes/forms/long_text.html b/_includes/forms/long_text.html
index cf4daee..f1537f4 100644
--- a/_includes/forms/long_text.html
+++ b/_includes/forms/long_text.html
@@ -21,10 +21,10 @@ attributes:
   default: ''
 maxlength:
   type: 'integer'
-  default: 0
+  default: 2048
 minlength:
   type: 'integer'
-  default: 124
+  default: 0
 ---
 <textarea
   id="{{ id | escape_once }}"
-- 
2.54.0


From 60b710b04929fa29d630533509a4e66a2350d665 Mon Sep 17 00:00:00 2001
From: f <f@sutty.nl>
Date: Thu, 8 Oct 2026 10:38:23 -0300
Subject: [PATCH 08/31] feat: placeholders

---
 _includes/forms/form_fields.html | 3 ++-
 _includes/forms/hidden.html      | 5 ++++-
 _includes/forms/number.html      | 2 +-
 _includes/forms/string.html      | 5 ++++-
 4 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/_includes/forms/form_fields.html b/_includes/forms/form_fields.html
index a868702..dda2235 100644
--- a/_includes/forms/form_fields.html
+++ b/_includes/forms/form_fields.html
@@ -114,9 +114,10 @@ default_label_class_by_type:
         {% assign schema = field[1].schema %}
         {% render template, schema:, default_value_types:, name:, default_label_class_by_type: %}
       {% else %}
+        {% assign placeholder = field[1] | try: 'placeholder' | default: '' %}
         {% assign maxlength = field[1] | try: 'maxlength' %}
         {% assign minlength = field[1] | try: 'minlength' %}
-        {% render template, required:, id:, name:, value: default_values, attributes:, maxlength:, minlength: %}
+        {% render template, required:, id:, name:, value: default_values, attributes:, maxlength:, minlength:, placeholder: %}
     {% endcase %}
 
     {% if help %}
diff --git a/_includes/forms/hidden.html b/_includes/forms/hidden.html
index b3cbc13..1c881b5 100644
--- a/_includes/forms/hidden.html
+++ b/_includes/forms/hidden.html
@@ -7,8 +7,11 @@ name:
 value:
   type: 'string'
   default: ''
+placeholder:
+  type: 'string'
+  default: ''
 required:
   type: 'bool'
   default: false
 ---
-{% render 'forms/input.html', type: 'hidden', id:, name:, value:, required: %}
+{% render 'forms/input.html', type: 'hidden', id:, name:, value:, required:, placeholder: %}
diff --git a/_includes/forms/number.html b/_includes/forms/number.html
index 3a8959e..5503f81 100644
--- a/_includes/forms/number.html
+++ b/_includes/forms/number.html
@@ -35,4 +35,4 @@ attributes:
 
 {%- assign attributes = attributes | append: ' ' | append: number_attributes -%}
 
-{% render 'forms/text.html', id:, class:, placeholder:, required:, autofocus:, name:, value:, placeholder:, minlength:, maxlength:, attributes: %}
+{% render 'forms/text.html', id:, class:, placeholder:, required:, autofocus:, name:, value:, minlength:, maxlength:, attributes: %}
diff --git a/_includes/forms/string.html b/_includes/forms/string.html
index bd07b42..599eda8 100644
--- a/_includes/forms/string.html
+++ b/_includes/forms/string.html
@@ -3,5 +3,8 @@ id:
   type: 'string'
 name:
   type: 'string'
+placeholder:
+  type: 'string'
+  default: ''
 ---
-{% render 'forms/input.html', type: 'text', id:, name: %}
+{% render 'forms/input.html', type: 'text', id:, name:, placeholder: %}
-- 
2.54.0


From 579551e8e645b0404eddcc91d12dd6ffca7ead0d Mon Sep 17 00:00:00 2001
From: f <f@sutty.nl>
Date: Thu, 8 Oct 2026 10:48:18 -0300
Subject: [PATCH 09/31] fix: placeholders can be translated

---
 _includes/forms/form_fields.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/_includes/forms/form_fields.html b/_includes/forms/form_fields.html
index dda2235..c5fbadb 100644
--- a/_includes/forms/form_fields.html
+++ b/_includes/forms/form_fields.html
@@ -114,7 +114,7 @@ default_label_class_by_type:
         {% assign schema = field[1].schema %}
         {% render template, schema:, default_value_types:, name:, default_label_class_by_type: %}
       {% else %}
-        {% assign placeholder = field[1] | try: 'placeholder' | default: '' %}
+        {% assign placeholder = field[1] | try: 'placeholder' | try: locale | default: '' %}
         {% assign maxlength = field[1] | try: 'maxlength' %}
         {% assign minlength = field[1] | try: 'minlength' %}
         {% render template, required:, id:, name:, value: default_values, attributes:, maxlength:, minlength:, placeholder: %}
-- 
2.54.0


From c5a62b97df8d30353c96667d0cb40d4850d0803a Mon Sep 17 00:00:00 2001
From: f <f@sutty.nl>
Date: Wed, 14 Oct 2026 15:18:19 -0300
Subject: [PATCH 10/31] feat: tags and categories pages #21

---
 _includes/card_search.html | 14 +++++++------
 _layouts/category.html     | 30 ++++++++++++++++++++++++++++
 _layouts/tag.html          | 30 ++++++++++++++++++++++++++++
 _plugins/pagefind.rb       |  4 ++--
 _plugins/routes.rb         | 41 ++++++++++++++++++++++++++++++++++++++
 5 files changed, 111 insertions(+), 8 deletions(-)
 create mode 100644 _layouts/category.html
 create mode 100644 _layouts/tag.html

diff --git a/_includes/card_search.html b/_includes/card_search.html
index 8f186ec..bdc6ac6 100644
--- a/_includes/card_search.html
+++ b/_includes/card_search.html
@@ -9,8 +9,7 @@ tags:
   type: 'array'
   default: []
 ---
-
-<div class="card" >
+<div class="card">
   <div class="card-body">
     <a href="{{ url }}">
       <p class="fs-2 card-title fw-bold text-primary text-decoration-underline">
@@ -19,9 +18,12 @@ tags:
     </a>
     <p class="card-text">{{- description -}}</p>
     {% for tag in tags %}
-      <span class="card-link bg-body-color rounded-3 px-2 py-1 text-white">{{- tag -}}</span>
-    {% endfor %}  
+      <a
+        href="{{ tag | try: 'url' | component_escape }}"
+        class="card-link bg-body-color rounded-3 px-2 py-1 text-white text-decoration-none"
+      >
+        {{- tag -}}
+      </a>
+    {% endfor %}
   </div>
 </div>
-
-
diff --git a/_layouts/category.html b/_layouts/category.html
new file mode 100644
index 0000000..cc6bd3e
--- /dev/null
+++ b/_layouts/category.html
@@ -0,0 +1,30 @@
+---
+layout: default
+---
+<article class="h-entry m-auto container pt-5" itemscope itemtype="http://schema.org/Article">
+  <header>
+    <h1 class="p-name pb-3 text-primary" itemprop="name headline">{{ page.title | default: '' | escape }}</h1>
+  </header>
+  <div class="e-content content" itemprop="articleBody">
+    <div class="row row-cols-1 row-cols-md-2 w-100 g-0">
+      {% for post in page.posts %}
+        <div class="col px-3">
+          {% if post.layout == 'recipe' %}
+            {% assign icon = post.metadata.icon | default: 'public/59c6b7ef75334ab1dd8d9a1c9bf/default.png' %}
+            {% assign image = 'path,description' | create_hash: icon, post.description %}
+            {% render 'card_recipe.html', title: post.title, description: post.description, image:, star: post.metadata.features.status, url: post.url %}
+          {% else %}
+            {% assign created_at_string = post.created_at | date: '%d/%m/%y' %}
+            {% render 'bootstrap/card.html',
+              title: post.title,
+              created_at: created_at_string,
+              image: post.image,
+              content: post.description,
+              url: post.url
+            %}
+          {% endif %}
+        </div>
+      {% endfor %}
+    </div>
+  </div>
+</article>
diff --git a/_layouts/tag.html b/_layouts/tag.html
new file mode 100644
index 0000000..cc6bd3e
--- /dev/null
+++ b/_layouts/tag.html
@@ -0,0 +1,30 @@
+---
+layout: default
+---
+<article class="h-entry m-auto container pt-5" itemscope itemtype="http://schema.org/Article">
+  <header>
+    <h1 class="p-name pb-3 text-primary" itemprop="name headline">{{ page.title | default: '' | escape }}</h1>
+  </header>
+  <div class="e-content content" itemprop="articleBody">
+    <div class="row row-cols-1 row-cols-md-2 w-100 g-0">
+      {% for post in page.posts %}
+        <div class="col px-3">
+          {% if post.layout == 'recipe' %}
+            {% assign icon = post.metadata.icon | default: 'public/59c6b7ef75334ab1dd8d9a1c9bf/default.png' %}
+            {% assign image = 'path,description' | create_hash: icon, post.description %}
+            {% render 'card_recipe.html', title: post.title, description: post.description, image:, star: post.metadata.features.status, url: post.url %}
+          {% else %}
+            {% assign created_at_string = post.created_at | date: '%d/%m/%y' %}
+            {% render 'bootstrap/card.html',
+              title: post.title,
+              created_at: created_at_string,
+              image: post.image,
+              content: post.description,
+              url: post.url
+            %}
+          {% endif %}
+        </div>
+      {% endfor %}
+    </div>
+  </div>
+</article>
diff --git a/_plugins/pagefind.rb b/_plugins/pagefind.rb
index 8442e13..4628437 100644
--- a/_plugins/pagefind.rb
+++ b/_plugins/pagefind.rb
@@ -13,8 +13,8 @@ Jekyll::Hooks.register :site, :post_read, priority: :low do |site|
     { item:, value: }.transform_keys(&:to_s)
   end
 
-  site.data['pagefind']['tags'] = site.documents.map { _1['tags'] }.flatten.uniq.compact.sort
-  site.data['pagefind']['app_categories'] = site.collections['recipes'].docs.map { _1['categories'] }.flatten.uniq.compact.sort
+  site.data['pagefind']['tags'] = site.documents.map { _1['tags'] }.compact.flatten.map { _1['title'] }.uniq.sort
+  site.data['pagefind']['app_categories'] = site.collections['recipes'].docs.map { _1['categories'] }.compact.flatten.map { _1['title'] }.uniq.sort
 end
 
 Jekyll::Hooks.register :site, :post_write, priority: :low do |site|
diff --git a/_plugins/routes.rb b/_plugins/routes.rb
index bfcbe52..c0b3764 100644
--- a/_plugins/routes.rb
+++ b/_plugins/routes.rb
@@ -51,4 +51,45 @@ with Co-op Cloud."
     page.data['page'] = indexed_recipes[indexed_recipe]
     indexed_recipes[indexed_recipe].data['indexed_recipe'] = page
   end
+
+  # Emulates Jekyll::Site#categories and Jekyll::Site#tags for every
+  # collection, and also slugifies names.
+  slugs = {}
+  categories = Hash.new { |hash, key| hash[key] = [] }
+  tags = Hash.new { |hash, key| hash[key] = [] }
+  site.collections.values.map(&:docs).flatten.each do |doc|
+    doc['categories']&.each do |category|
+      slug = slugs[category] ||= Jekyll::Utils.slugify(category, mode: 'ascii')
+      categories[slug] << doc
+    end
+
+    doc['tags']&.each do |tag|
+      slug = slugs[tag] ||= Jekyll::Utils.slugify(tag, mode: 'ascii')
+      tags[slug] << doc
+    end
+  end
+
+  # Generates a page per category
+  get '/categories/:category/', category: categories.keys do |page, category|
+    page.data['title'] = slugs.key(category)
+    page.data['posts'] = categories[category]
+    page.data['uuid'] = page.url
+
+    page.data['posts'].each do |doc|
+      doc.data['categories'].delete(page['title'])
+      doc.data['categories'] << page
+    end
+  end
+
+  # Generates a page per tag
+  get '/tags/:tag/', tag: tags.keys do |page, tag|
+    page.data['title'] = slugs.key(tag)
+    page.data['posts'] = tags[tag]
+    page.data['uuid'] = page.url
+
+    page.data['posts'].each do |doc|
+      doc.data['tags'].delete(page['title'])
+      doc.data['tags'] << page
+    end
+  end
 end
-- 
2.54.0


From e104812082cdfd6177d3b98bc38b34b3951e5171 Mon Sep 17 00:00:00 2001
From: f <f@sutty.nl>
Date: Wed, 14 Oct 2026 15:28:03 -0300
Subject: [PATCH 11/31] feat: turn tag into component

---
 _data/fixtures/card_search.yml   |  7 ++++---
 _includes/card_search.html       |  9 ++-------
 _includes/tag.html               | 12 ++++++++++++
 _includes/theme/card_search.html |  8 ++++----
 4 files changed, 22 insertions(+), 14 deletions(-)
 create mode 100644 _includes/tag.html

diff --git a/_data/fixtures/card_search.yml b/_data/fixtures/card_search.yml
index e83fc37..0953615 100644
--- a/_data/fixtures/card_search.yml
+++ b/_data/fixtures/card_search.yml
@@ -1,5 +1,6 @@
 ---
 tags:
-  - Topic-community
-  - Status-pending
-  
\ No newline at end of file
+  - title: Topic-community
+    url: ""
+  - title: Status-pending
+    url: ""
diff --git a/_includes/card_search.html b/_includes/card_search.html
index bdc6ac6..11f618f 100644
--- a/_includes/card_search.html
+++ b/_includes/card_search.html
@@ -11,19 +11,14 @@ tags:
 ---
 <div class="card">
   <div class="card-body">
-    <a href="{{ url }}">
+    <a href="{{ url | component_escape }}">
       <p class="fs-2 card-title fw-bold text-primary text-decoration-underline">
         {{- title -}}
       </p>
     </a>
     <p class="card-text">{{- description -}}</p>
     {% for tag in tags %}
-      <a
-        href="{{ tag | try: 'url' | component_escape }}"
-        class="card-link bg-body-color rounded-3 px-2 py-1 text-white text-decoration-none"
-      >
-        {{- tag -}}
-      </a>
+      {% render 'tag.html', **tag %}
     {% endfor %}
   </div>
 </div>
diff --git a/_includes/tag.html b/_includes/tag.html
new file mode 100644
index 0000000..ae196f5
--- /dev/null
+++ b/_includes/tag.html
@@ -0,0 +1,12 @@
+---
+url:
+  type: 'string'
+title:
+  type: 'string'
+---
+<a
+  href="{{ url | component_escape }}"
+  class="card-link bg-body-color rounded-3 px-2 py-1 text-white text-decoration-none"
+>
+  {{- title -}}
+</a>
diff --git a/_includes/theme/card_search.html b/_includes/theme/card_search.html
index bdccd38..69a45ce 100644
--- a/_includes/theme/card_search.html
+++ b/_includes/theme/card_search.html
@@ -6,12 +6,12 @@ locale:
 i18n:
   type: hash
 ---
+{% assign tags = data.fixtures.card_search.tags %}
 
-{%assign tags = data.fixtures.card_search.tags %}
-
-{% render 'card_search.html',
+{%
+  render 'card_search.html',
   title: '11node',
   description: 'bried description of this node. Up to a couple line at most.',
-  url:'#?' ,
+  url:'#?',
   tags:
 %}
-- 
2.54.0


From 25b2f395049cc0f1c7202bebd21f5b69e0934559 Mon Sep 17 00:00:00 2001
From: f <f@sutty.nl>
Date: Wed, 14 Oct 2026 15:43:41 -0300
Subject: [PATCH 12/31] fix: indexing

---
 _layouts/default.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/_layouts/default.html b/_layouts/default.html
index 1bb01c0..cb7cbe7 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -66,11 +66,11 @@
         <meta data-pagefind-filter="layout[content]" content="{{ page.layout | escape_once }}">
 
         {% for category in page.categories %}
-          <meta data-pagefind-filter="categories[content]" content="{{ category | escape_once }}">
+          <meta data-pagefind-filter="categories[content]" content="{{ category.title | escape_once }}">
         {% endfor %}
 
         {% for tag in page.tags %}
-          <meta data-pagefind-filter="tags[content]" content="{{ tag | escape_once }}">
+          <meta data-pagefind-filter="tags[content]" content="{{ tag.title | escape_once }}">
         {% endfor %}
 
         <meta
-- 
2.54.0


From 7f62d63d6245777e5cca480319d2adc801b3366b Mon Sep 17 00:00:00 2001
From: f <f@sutty.nl>
Date: Wed, 14 Oct 2026 15:44:45 -0300
Subject: [PATCH 13/31] feat: filters #21

---
 _data/en.yml           |  2 ++
 _data/es.yml           |  2 ++
 _layouts/category.html | 67 +++++++++++++++++++++++++++---------------
 _layouts/recipes.html  |  3 ++
 _layouts/tag.html      | 67 +++++++++++++++++++++++++++---------------
 5 files changed, 95 insertions(+), 46 deletions(-)

diff --git a/_data/en.yml b/_data/en.yml
index a5afbe5..13cdd10 100644
--- a/_data/en.yml
+++ b/_data/en.yml
@@ -219,3 +219,5 @@ sort:
   score/desc: "Most relevant first"
 previous: "Previous"
 next: "Next"
+search:
+  placeholder: "Search"
diff --git a/_data/es.yml b/_data/es.yml
index 80959ec..f8d1a65 100644
--- a/_data/es.yml
+++ b/_data/es.yml
@@ -197,3 +197,5 @@ lorem_ipsum:
     quis mauris semper feugiat eu id arcu. Quisque quis vehicula ante.
     Ut hendrerit urna egestas tempor semper. <small>Nam viverra quam
     turpis.</small>
+search:
+  placeholder: "Buscar"
diff --git a/_layouts/category.html b/_layouts/category.html
index cc6bd3e..5a70da3 100644
--- a/_layouts/category.html
+++ b/_layouts/category.html
@@ -1,30 +1,51 @@
 ---
 layout: default
 ---
-<article class="h-entry m-auto container pt-5" itemscope itemtype="http://schema.org/Article">
+<div class="container" data-controller="pagefind">
   <header>
-    <h1 class="p-name pb-3 text-primary" itemprop="name headline">{{ page.title | default: '' | escape }}</h1>
+    <h1 class="pb-3 text-primary">{{ page.title | default: '' | escape }}</h1>
   </header>
-  <div class="e-content content" itemprop="articleBody">
-    <div class="row row-cols-1 row-cols-md-2 w-100 g-0">
-      {% for post in page.posts %}
-        <div class="col px-3">
-          {% if post.layout == 'recipe' %}
-            {% assign icon = post.metadata.icon | default: 'public/59c6b7ef75334ab1dd8d9a1c9bf/default.png' %}
-            {% assign image = 'path,description' | create_hash: icon, post.description %}
-            {% render 'card_recipe.html', title: post.title, description: post.description, image:, star: post.metadata.features.status, url: post.url %}
-          {% else %}
-            {% assign created_at_string = post.created_at | date: '%d/%m/%y' %}
-            {% render 'bootstrap/card.html',
-              title: post.title,
-              created_at: created_at_string,
-              image: post.image,
-              content: post.description,
-              url: post.url
-            %}
-          {% endif %}
+
+  <div class="mb-3">
+    <form
+      class="w-100"
+      action="{{ page.url | component_escape }}"
+      method="get"
+      data-pagefind-target="form"
+      data-action="pagefind#search:prevent"
+    >
+      {% render 'forms/hidden.html', id: 'categories', value: page.title %}
+
+      <div class="row row-cols-1 row-cols-lg-5">
+        <div class="col mb-3">
+          {% render 'forms/select.html', id: 'tags', items: site.data.pagefind.tags %}
         </div>
-      {% endfor %}
-    </div>
+        <div class="col mb-3">
+          {% render 'forms/select.html', id: 'sort', items: site.data.pagefind.sort %}
+        </div>
+        <div class="col mb-3">
+          <input type="submit" class="btn btn-primary" value="{{ site.i18n.search.placeholder | escape_once }}">
+        </div>
+      </div>
+    </form>
   </div>
-</article>
+
+  <div
+    data-pagefind-target="container"
+    class="row row-cols-1 row-cols-md-2 w-100 g-0"
+  >
+    {% for post in page.posts %}
+      {% render 'card_search.html', **post %}
+    {% endfor %}
+  </div>
+
+  {% render 'sutty/placeholder.html', controller: 'pagefind' %}
+
+  <section data-pagefind-target="empty" class="mx-auto" hidden>
+    <h2>No results</h2>
+  </section>
+
+  <section data-pagefind-target="searching" class="mx-auto" hidden>
+    <h2>Searching...</h2>
+  </section>
+</div>
diff --git a/_layouts/recipes.html b/_layouts/recipes.html
index 917f7e3..e3a4070 100644
--- a/_layouts/recipes.html
+++ b/_layouts/recipes.html
@@ -29,6 +29,9 @@ layout: "default"
           <div class="col mb-3">
             {% render 'forms/select.html', id: 'sort', items: site.data.pagefind.sort %}
           </div>
+          <div class="col mb-3">
+            <input type="submit" class="btn btn-primary" value="{{ site.i18n.search.placeholder | escape_once }}">
+          </div>
         </div>
       </form>
     </div>
diff --git a/_layouts/tag.html b/_layouts/tag.html
index cc6bd3e..e0aa233 100644
--- a/_layouts/tag.html
+++ b/_layouts/tag.html
@@ -1,30 +1,51 @@
 ---
 layout: default
 ---
-<article class="h-entry m-auto container pt-5" itemscope itemtype="http://schema.org/Article">
+<div class="container" data-controller="pagefind">
   <header>
-    <h1 class="p-name pb-3 text-primary" itemprop="name headline">{{ page.title | default: '' | escape }}</h1>
+    <h1 class="pb-3 text-primary">{{ page.title | default: '' | escape }}</h1>
   </header>
-  <div class="e-content content" itemprop="articleBody">
-    <div class="row row-cols-1 row-cols-md-2 w-100 g-0">
-      {% for post in page.posts %}
-        <div class="col px-3">
-          {% if post.layout == 'recipe' %}
-            {% assign icon = post.metadata.icon | default: 'public/59c6b7ef75334ab1dd8d9a1c9bf/default.png' %}
-            {% assign image = 'path,description' | create_hash: icon, post.description %}
-            {% render 'card_recipe.html', title: post.title, description: post.description, image:, star: post.metadata.features.status, url: post.url %}
-          {% else %}
-            {% assign created_at_string = post.created_at | date: '%d/%m/%y' %}
-            {% render 'bootstrap/card.html',
-              title: post.title,
-              created_at: created_at_string,
-              image: post.image,
-              content: post.description,
-              url: post.url
-            %}
-          {% endif %}
+
+  <div class="mb-3">
+    <form
+      class="w-100"
+      action="{{ page.url | component_escape }}"
+      method="get"
+      data-pagefind-target="form"
+      data-action="pagefind#search:prevent"
+    >
+      {% render 'forms/hidden.html', id: 'tags', value: page.title %}
+
+      <div class="row row-cols-1 row-cols-lg-5">
+        <div class="col mb-3">
+          {% render 'forms/select.html', id: 'categories', items: site.data.pagefind.tags %}
         </div>
-      {% endfor %}
-    </div>
+        <div class="col mb-3">
+          {% render 'forms/select.html', id: 'sort', items: site.data.pagefind.sort %}
+        </div>
+        <div class="col mb-3">
+          <input type="submit" class="btn btn-primary" value="{{ site.i18n.search.placeholder | escape_once }}">
+        </div>
+      </div>
+    </form>
   </div>
-</article>
+
+  <div
+    data-pagefind-target="container"
+    class="row row-cols-1 row-cols-md-2 w-100 g-0"
+  >
+    {% for post in page.posts %}
+      {% render 'card_search.html', **post %}
+    {% endfor %}
+  </div>
+
+  {% render 'sutty/placeholder.html', controller: 'pagefind' %}
+
+  <section data-pagefind-target="empty" class="mx-auto" hidden>
+    <h2>No results</h2>
+  </section>
+
+  <section data-pagefind-target="searching" class="mx-auto" hidden>
+    <h2>Searching...</h2>
+  </section>
+</div>
-- 
2.54.0


From 2116e703302d3806f6de6e95d85e7c9725c8ef71 Mon Sep 17 00:00:00 2001
From: f <f@sutty.nl>
Date: Wed, 14 Oct 2026 15:53:38 -0300
Subject: [PATCH 14/31] fix: don't use recipe categories as tags

---
 _plugins/routes.rb | 1 -
 1 file changed, 1 deletion(-)

diff --git a/_plugins/routes.rb b/_plugins/routes.rb
index c0b3764..c4a3169 100644
--- a/_plugins/routes.rb
+++ b/_plugins/routes.rb
@@ -9,7 +9,6 @@ Jekyll::Router.draw do |router|
 
     unless page['metadata']['category'].empty?
       page.data['categories'] = [ page['metadata']['category'] ]
-      page.data['tags'] = [ page['metadata']['category'] ]
     end
 
     collection = site.collections['recipes'] ||= Jekyll::Collection.new(site, 'recipes')
-- 
2.54.0


From 455b4f2d40f6c8bdf4df222fbe988bf178bdd370 Mon Sep 17 00:00:00 2001
From: f <f@sutty.nl>
Date: Wed, 14 Oct 2026 16:34:12 -0300
Subject: [PATCH 15/31] fix: tags are pages now

---
 _includes/post_header.html | 14 +++++---------
 _includes/tag.html         |  2 +-
 _layouts/document.html     | 10 +++-------
 _layouts/page.html         | 10 +++-------
 _layouts/post.html         | 22 ++++++++++++----------
 5 files changed, 24 insertions(+), 34 deletions(-)

diff --git a/_includes/post_header.html b/_includes/post_header.html
index f4bec7e..8ff1b50 100644
--- a/_includes/post_header.html
+++ b/_includes/post_header.html
@@ -11,22 +11,18 @@ tags:
   type: 'array'
   default: []
 ---
-
 {% assign words = content | strip_html | number_of_words %}
 <div class="d-flex flex-column align-items-start justify-content-center w-100">
   <h1 class="text-primary m-0">{{- title -}}</h1>
-  <p class="fst-italic pt-3 m-0">{{ created_at | date: "%B %d, %Y" }}</p>
-  <small class="fst-italic pb-3">
-    Reading time: {{ words | divided_by: 180.0 | round | at_least: 1 }} minutes
-  </small>
+  <p class="fst-italic pt-3 m-0">{{ created_at | date: '%B %d, %Y' }}</p>
+  <small class="fst-italic pb-3"> Reading time: {{ words | divided_by: 180.0 | round | at_least: 1 }} minutes </small>
   <div class="d-flex align-items-center justify-content-start pb-2 w-100">
     {% for tag in tags %}
-      <span class="card-link bg-body-color rounded-3 px-2 py-1 text-white me-2">
-        {{- tag -}}
-      </span>
+      {% render 'tag.html', **tag %}
     {% endfor %}
   </div>
-  {% render 'responsive_img.html',
+  {%
+    render 'responsive_img.html',
     image:,
     class: 'w-100 rounded-3'
   %}
diff --git a/_includes/tag.html b/_includes/tag.html
index ae196f5..023df3d 100644
--- a/_includes/tag.html
+++ b/_includes/tag.html
@@ -6,7 +6,7 @@ title:
 ---
 <a
   href="{{ url | component_escape }}"
-  class="card-link bg-body-color rounded-3 px-2 py-1 text-white text-decoration-none"
+  class="card-link bg-body-color rounded-3 px-2 py-1 text-white text-decoration-none me-2"
 >
   {{- title -}}
 </a>
diff --git a/_layouts/document.html b/_layouts/document.html
index 3b1d86c..756008b 100644
--- a/_layouts/document.html
+++ b/_layouts/document.html
@@ -6,11 +6,7 @@ layout: default
 
 <article class="h-entry mw-content m-auto container pt-5" itemscope itemtype="http://schema.org/Article">
   <header>
-    {% render 'sutty/title.html', 
-      title: page.title, 
-      description: page.description, 
-      class: 'text-primary'
-    %}
+    {% render 'sutty/title.html', title: page.title, description: page.description, class: 'text-primary' %}
     {%- if page.image.path -%}
       <picture>
         {% for size in site.images.sizes %}
@@ -61,9 +57,9 @@ layout: default
     {%- endif -%}
 
     {%- if page.tags %}
-      <span itemprop="keywords" hidden>{{ page.tags | join: ', ' }}</span>
+      <span itemprop="keywords" hidden>{{ page.tags | map: 'title' | join: ', ' }}</span>
       {%- for tag in page.tags -%}
-        <span hidden class="h-category">{{ tag }}</span>
+        <span hidden class="h-category">{{ tag.title }}</span>
       {%- endfor -%}
     {%- endif -%}
   </footer>
diff --git a/_layouts/page.html b/_layouts/page.html
index 51e1992..13f18db 100644
--- a/_layouts/page.html
+++ b/_layouts/page.html
@@ -5,11 +5,7 @@ layout: default
 
 <article class="h-entry mw-content m-auto container pt-5" itemscope itemtype="http://schema.org/Article">
   <header>
-    {% render 'sutty/title.html', 
-      title: page.title, 
-      description: page.description, 
-      class: 'text-primary'
-    %}
+    {% render 'sutty/title.html', title: page.title, description: page.description, class: 'text-primary' %}
     {%- if page.image.path -%}
       <picture>
         {% for size in site.images.sizes %}
@@ -57,9 +53,9 @@ layout: default
     {%- endif -%}
 
     {%- if page.tags %}
-      <span itemprop="keywords" hidden>{{ page.tags | join: ', ' }}</span>
+      <span itemprop="keywords" hidden>{{ page.tags | map: 'title' | join: ', ' }}</span>
       {%- for tag in page.tags -%}
-        <span hidden class="h-category">{{ tag }}</span>
+        <span hidden class="h-category">{{ tag.title }}</span>
       {%- endfor -%}
     {%- endif -%}
   </footer>
diff --git a/_layouts/post.html b/_layouts/post.html
index 7108b6d..da13ed8 100644
--- a/_layouts/post.html
+++ b/_layouts/post.html
@@ -3,18 +3,14 @@ layout: default
 ---
 {% assign license = site.posts | find: 'layout', 'license' %}
 
-{%- assign posts = site.posts | where: 'layout', 'post' | sort: 'date'-%}
+{%- assign posts = site.posts | where: 'layout', 'post' | sort: 'date' -%}
 
 {% assign prev = page | prev: posts %}
 {% assign next = page | next: posts %}
 
 <article class="h-entry mw-content m-auto container pt-5" itemscope itemtype="http://schema.org/Article">
   <header>
-    {% render 'sutty/title.html', 
-      title: page.title, 
-      description: page.description, 
-      class: 'text-primary'
-    %}
+    {% render 'sutty/title.html', title: page.title, description: page.description, class: 'text-primary' %}
     {%- if page.image.path -%}
       <picture>
         {% for size in site.images.sizes %}
@@ -62,20 +58,26 @@ layout: default
     {%- endif -%}
 
     {%- if page.tags %}
-      <span itemprop="keywords" hidden>{{ page.tags | join: ', ' }}</span>
+      <span itemprop="keywords" hidden>{{ page.tags | map: 'title' | join: ', ' }}</span>
       {%- for tag in page.tags -%}
-        <span hidden class="h-category">{{ tag }}</span>
+        <span hidden class="h-category">{{ tag.title }}</span>
       {%- endfor -%}
     {%- endif -%}
     <div class="d-flex justify-content-center my-3 pt-5">
-      <a class="btn btn-white pl-2 pr-md-5 mr-2 w-50 text-right border-primary border rounded-3 me-1 {{ prev | blank | value_if: 'invisible' }}" href="{{ prev.url }}">
+      <a
+        class="btn btn-white pl-2 pr-md-5 mr-2 w-50 text-right border-primary border rounded-3 me-1 {{ prev | blank | value_if: 'invisible' }}"
+        href="{{ prev.url }}"
+      >
         <p class="f-14 black border-bottom border-primary">{{ site.i18n.previous }}</p>
         <p class="text-uppercase f-13 black">
           {{ prev.title }}
         </p>
       </a>
 
-      <a class="btn btn-white pr-2 pl-md-5 w-50 text-left border-primary border rounded-3 ms-1 {{ next | blank | value_if: 'invisible' }}" href="{{ next.url }}">
+      <a
+        class="btn btn-white pr-2 pl-md-5 w-50 text-left border-primary border rounded-3 ms-1 {{ next | blank | value_if: 'invisible' }}"
+        href="{{ next.url }}"
+      >
         <p class="f-14 black border-bottom border-primary">{{ site.i18n.next }}</p>
         <p class="text-uppercase f-13 black">
           {{ next.title }}
-- 
2.54.0


From b55edd3950dae89cacb8706b89e03fe9d5c58c34 Mon Sep 17 00:00:00 2001
From: f <f@sutty.nl>
Date: Wed, 14 Oct 2026 16:53:04 -0300
Subject: [PATCH 16/31] fixup! fix: tags are pages now

---
 _data/fixtures/post.yml | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/_data/fixtures/post.yml b/_data/fixtures/post.yml
index 40a061d..33b67ec 100644
--- a/_data/fixtures/post.yml
+++ b/_data/fixtures/post.yml
@@ -7,5 +7,7 @@ items:
       description: 'floral compaq image'
     content: 'Celebrating the mid-point between solar solstices with 2000+ words of updates on the (many) happenings in our corner of radical technology co-operativism.'
     tags:
-      - Topic-community
-      - Status-pending
\ No newline at end of file
+      - title: Topic-community
+        url: ''
+      - title: Status-pending
+        url: ''
-- 
2.54.0


From e3ebfd159d7ae5b3d22a217abc1eec46e5da7771 Mon Sep 17 00:00:00 2001
From: f <f@sutty.nl>
Date: Thu, 22 Oct 2026 16:27:08 -0300
Subject: [PATCH 17/31] feat: placeholders

---
 _includes/forms/checkbox_group.html            | 3 +++
 _includes/forms/checkbox_group_with_other.html | 5 ++++-
 _includes/forms/form_fields.html               | 5 +++--
 _includes/forms/radio_group.html               | 3 +++
 _includes/forms/select.html                    | 5 ++++-
 5 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/_includes/forms/checkbox_group.html b/_includes/forms/checkbox_group.html
index 3bd3e2a..79d89b1 100644
--- a/_includes/forms/checkbox_group.html
+++ b/_includes/forms/checkbox_group.html
@@ -13,6 +13,9 @@ attributes:
 class:
   type: 'string'
   default: 'form-select'
+placeholder:
+  type: 'string'
+  default: ''
 items:
   type: 'array'
 ---
diff --git a/_includes/forms/checkbox_group_with_other.html b/_includes/forms/checkbox_group_with_other.html
index f138a1a..f70f112 100644
--- a/_includes/forms/checkbox_group_with_other.html
+++ b/_includes/forms/checkbox_group_with_other.html
@@ -13,6 +13,9 @@ attributes:
 class:
   type: 'string'
   default: 'form-select'
+placeholder:
+  type: 'string'
+  default: ''
 items:
   type: 'array'
 other:
@@ -76,6 +79,6 @@ other:
     data-form-dependencies-condition="checked"
     hidden
   >
-    {% render 'forms/text.html', id: other_id, name:, attributes: 'disabled' %}
+    {% render 'forms/text.html', id: other_id, name:, attributes: 'disabled', placeholder: %}
   </div>
 </div>
diff --git a/_includes/forms/form_fields.html b/_includes/forms/form_fields.html
index c5fbadb..0d1dcb6 100644
--- a/_includes/forms/form_fields.html
+++ b/_includes/forms/form_fields.html
@@ -89,7 +89,8 @@ default_label_class_by_type:
     {% else %}
       {% assign class = default_label_class_by_type | try: type %}
       {% block 'forms/label.html', id:, class: %}
-        {{ field[1].label[locale] }} {{ required | value_if: '*' }}
+        {{ field[1].label[locale] }}
+        {{ required | value_if: '*' }}
       {% endblock %}
     {% endif %}
 
@@ -105,7 +106,7 @@ default_label_class_by_type:
     {% endcomment %}
     {% case default_value_types[type] %}
       {% when 'array' %}
-        {% render template, required:, id:, name:, items: default_values, attributes: %}
+        {% render template, required:, id:, name:, items: default_values, attributes:, placeholder: %}
       {% when 'hash' %}
         {% assign value = default_values | try: 'value' %}
         {% assign item = default_values | try: 'item' | default: value %}
diff --git a/_includes/forms/radio_group.html b/_includes/forms/radio_group.html
index 8b75ca7..0f83ac3 100644
--- a/_includes/forms/radio_group.html
+++ b/_includes/forms/radio_group.html
@@ -13,6 +13,9 @@ attributes:
 class:
   type: 'string'
   default: 'form-select'
+placeholder:
+  type: 'string'
+  default: ''
 items:
   type: 'array'
 ---
diff --git a/_includes/forms/select.html b/_includes/forms/select.html
index f7c36a7..f4a0bcf 100644
--- a/_includes/forms/select.html
+++ b/_includes/forms/select.html
@@ -13,6 +13,9 @@ attributes:
 class:
   type: 'string'
   default: 'form-select'
+placeholder:
+  type: 'string'
+  default: ''
 items:
   type: 'array'
 ---
@@ -23,7 +26,7 @@ items:
   {{ required | value_if: 'required' }}
   {{ attributes }}
 >
-  {% render 'forms/option.html', value: '', item: '' %}
+  {% render 'forms/option.html', value: '', item: placeholder %}
 
   {% for option in items %}
     {% assign value = option | try: 'value' | default: option %}
-- 
2.54.0


From 6037b608b66074d00a286af4976629538d7bca0a Mon Sep 17 00:00:00 2001
From: f <f@sutty.nl>
Date: Thu, 22 Oct 2026 16:28:32 -0300
Subject: [PATCH 18/31] fix: topics

---
 _data/layouts/document.yml            | 4 ++--
 _data/layouts/post.yml                | 4 ++--
 _en/2026-06-30-tech-stack.markdown    | 2 +-
 _en/2026-06-30-the-community.markdown | 2 +-
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/_data/layouts/document.yml b/_data/layouts/document.yml
index fdd6325..d71bbea 100644
--- a/_data/layouts/document.yml
+++ b/_data/layouts/document.yml
@@ -57,10 +57,10 @@ categories:
       en: "Tool"
     article:
       en: "Article"
-topic:
+topics:
   type: "new_predefined_array"
   label:
-    en: "Topic"
+    en: "Topics"
   help:
     en: "Select Topic"
   values:
diff --git a/_data/layouts/post.yml b/_data/layouts/post.yml
index b02957f..8cf333c 100644
--- a/_data/layouts/post.yml
+++ b/_data/layouts/post.yml
@@ -37,10 +37,10 @@ image:
       en: "Main image description"
     help:
       en: "Describe the image for accesibility purposes and for indexation in search engines"
-topic:
+topics:
   type: "new_predefined_array"
   label:
-    en: "Topic"
+    en: "Topics"
   help:
     en: "Select Topic"
   values:
diff --git a/_en/2026-06-30-tech-stack.markdown b/_en/2026-06-30-tech-stack.markdown
index 8bd28e3..4e703c3 100644
--- a/_en/2026-06-30-tech-stack.markdown
+++ b/_en/2026-06-30-tech-stack.markdown
@@ -5,7 +5,7 @@ image:
   description: ''
   path:
 categories: []
-topic:
+topics:
 - tech
 status: pending
 author: []
diff --git a/_en/2026-06-30-the-community.markdown b/_en/2026-06-30-the-community.markdown
index e675629..8710f16 100644
--- a/_en/2026-06-30-the-community.markdown
+++ b/_en/2026-06-30-the-community.markdown
@@ -5,7 +5,7 @@ image:
   description: ''
   path:
 categories: []
-topic:
+topics:
 - community
 status: in_progress
 author: []
-- 
2.54.0


From a6f5ff70bd51169bb91cf1169574f2cafa486ef8 Mon Sep 17 00:00:00 2001
From: f <f@sutty.nl>
Date: Thu, 22 Oct 2026 16:29:35 -0300
Subject: [PATCH 19/31] feat: index topics and status

---
 _includes/search_box_with_filters.html | 27 +++++++++++++++++++-------
 _layouts/default.html                  |  8 ++++++++
 _layouts/search.html                   |  2 ++
 _plugins/pagefind.rb                   | 17 +++++++++++++++-
 4 files changed, 46 insertions(+), 8 deletions(-)

diff --git a/_includes/search_box_with_filters.html b/_includes/search_box_with_filters.html
index 809d0e9..3991bfd 100644
--- a/_includes/search_box_with_filters.html
+++ b/_includes/search_box_with_filters.html
@@ -11,6 +11,10 @@ categories:
   type: 'array'
 tags:
   type: 'array'
+topics:
+  type: 'array'
+status:
+  type: 'array'
 sort:
   type: 'array'
 ---
@@ -21,20 +25,29 @@ sort:
   data-pagefind-target="form"
   data-action="pagefind#search:prevent"
 >
-<div class="row row-cols-1 row-cols-lg-5">
+<div class="row row-cols-1 row-cols-lg-4">
   <div class="col mb-3">
-  {% render 'forms/select.html', id: 'categories', items: categories %}
-  </div>
-  <div class="col mb-3">
-  {% render 'forms/select.html', id: 'tags', items: tags %}
+    <input type="search" class="form-control w-100" placeholder="{{ placeholder[locale] | escape_once }}" name="q">
   </div>
 
   <div class="col mb-3">
-  <input type="search" class="form-control w-100" placeholder="{{ placeholder[locale] | escape_once }}" name="q">
+    {% render 'forms/select.html', id: 'categories', items: categories %}
   </div>
 
   <div class="col mb-3">
-  {% render 'forms/select.html', id: 'sort', items: sort %}
+    {% render 'forms/select.html', id: 'topic', items: topics %}
+  </div>
+
+  <div class="col mb-3">
+    {% render 'forms/select.html', id: 'status', items: status %}
+  </div>
+
+  <div class="col mb-3">
+    {% render 'forms/select.html', id: 'tags', items: tags %}
+  </div>
+
+  <div class="col mb-3">
+    {% render 'forms/select.html', id: 'sort', items: sort %}
   </div>
 
   <div class="col mb-3">
diff --git a/_layouts/default.html b/_layouts/default.html
index cb7cbe7..948fb27 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -73,6 +73,14 @@
           <meta data-pagefind-filter="tags[content]" content="{{ tag.title | escape_once }}">
         {% endfor %}
 
+        {% for topic in page.topics %}
+          <meta data-pagefind-filter="topics[content]" content="{{ topic.title | escape_once }}">
+        {% endfor %}
+
+        {% if page.status %}
+          <meta data-pagefind-filter="status[content]" content="{{ page.status.title | escape_once }}">
+        {% endif %}
+
         <meta
           data-pagefind-sort="last_modified_at[content]"
           content="{{ page.last_modified_at | default: page.created_at | default: page.date | default: site.time | date: "%F %T" }}"
diff --git a/_layouts/search.html b/_layouts/search.html
index fde3926..7a8a75c 100644
--- a/_layouts/search.html
+++ b/_layouts/search.html
@@ -7,6 +7,8 @@ layout: default
       url: page.url,
       categories: site.data.pagefind.categories,
       tags: site.data.pagefind.tags,
+      status: site.data.pagefind.status,
+      topics: site.data.pagefind.topics,
       sort: site.data.pagefind.sort
     %}
   </div>
diff --git a/_plugins/pagefind.rb b/_plugins/pagefind.rb
index 4628437..2719e6c 100644
--- a/_plugins/pagefind.rb
+++ b/_plugins/pagefind.rb
@@ -5,6 +5,18 @@ require 'open3'
 # This hook keeps the array of categories updated from the schema
 # declaration.
 Jekyll::Hooks.register :site, :post_read, priority: :low do |site|
+  %w[categories topics].each do |field|
+    site.data['pagefind'][field] = site.data['layouts']['document'][field]['values'].map do |value, item|
+      { value:, item: item[site.locale] }.transform_keys(&:to_s)
+    end
+  end
+
+  %w[status].each do |field|
+    site.data['pagefind'][field] = site.data['layouts']['document'][field]['values'][site.locale].each_pair.map do |value, item|
+      { value:, item: }.transform_keys(&:to_s)
+    end
+  end
+
   site.data['pagefind']['categories'] = site.data['layouts']['document']['categories']['values'].map do |value, item|
     { value:, item: item[site.locale] }.transform_keys(&:to_s)
   end
@@ -13,7 +25,10 @@ Jekyll::Hooks.register :site, :post_read, priority: :low do |site|
     { item:, value: }.transform_keys(&:to_s)
   end
 
-  site.data['pagefind']['tags'] = site.documents.map { _1['tags'] }.compact.flatten.map { _1['title'] }.uniq.sort
+  site.documents.tap do |documents|
+    site.data['pagefind']['tags'] = documents.map { _1['tags'] }.compact.flatten.map { _1['title'] }.uniq.sort
+  end
+
   site.data['pagefind']['app_categories'] = site.collections['recipes'].docs.map { _1['categories'] }.compact.flatten.map { _1['title'] }.uniq.sort
 end
 
-- 
2.54.0


From 99a705e2c6aa99c281ab75068366bf972c6cf017 Mon Sep 17 00:00:00 2001
From: f <f@sutty.nl>
Date: Thu, 22 Oct 2026 16:31:41 -0300
Subject: [PATCH 20/31] feat: extensible routes

---
 _plugins/routes.rb | 66 ++++++++++++++++++++++++----------------------
 1 file changed, 35 insertions(+), 31 deletions(-)

diff --git a/_plugins/routes.rb b/_plugins/routes.rb
index c4a3169..7fcd405 100644
--- a/_plugins/routes.rb
+++ b/_plugins/routes.rb
@@ -51,44 +51,48 @@ with Co-op Cloud."
     indexed_recipes[indexed_recipe].data['indexed_recipe'] = page
   end
 
-  # Emulates Jekyll::Site#categories and Jekyll::Site#tags for every
-  # collection, and also slugifies names.
+  # Emulates Jekyll::Site#categories including every
+  # collection and not just posts, and also slugifies names.
+  #
+  # If you want to add a new field to create collection pages by, add
+  # the field name to the routes hash.
   slugs = {}
-  categories = Hash.new { |hash, key| hash[key] = [] }
-  tags = Hash.new { |hash, key| hash[key] = [] }
+  routes = { categories: nil, tags: nil }
   site.collections.values.map(&:docs).flatten.each do |doc|
-    doc['categories']&.each do |category|
-      slug = slugs[category] ||= Jekyll::Utils.slugify(category, mode: 'ascii')
-      categories[slug] << doc
-    end
+    routes.each_key do |route|
+      routes[route] ||= Hash.new { |hash, key| hash[key] = [] }
 
-    doc['tags']&.each do |tag|
-      slug = slugs[tag] ||= Jekyll::Utils.slugify(tag, mode: 'ascii')
-      tags[slug] << doc
+      case doc[route.to_s]
+      when Array
+        doc[route.to_s]&.each do |value|
+          slug = slugs[value] ||= Jekyll::Utils.slugify(value, mode: 'ascii')
+          routes[route][slug] << doc
+        end
+      when String
+        value = doc[route.to_s]
+        slug = slugs[value] ||= Jekyll::Utils.slugify(value, mode: 'ascii')
+        routes[route][slug] << doc
+      end
     end
   end
 
-  # Generates a page per category
-  get '/categories/:category/', category: categories.keys do |page, category|
-    page.data['title'] = slugs.key(category)
-    page.data['posts'] = categories[category]
-    page.data['uuid'] = page.url
+  routes.each_key do |route|
+    # Generates a page per category
+    get "/#{route}/:value/", value: routes[route].keys do |page, value|
+      page.data['type'] = route
+      page.data['title'] = slugs.key(value)
+      page.data['posts'] = routes[route][value]
+      page.data['uuid'] = page.url
 
-    page.data['posts'].each do |doc|
-      doc.data['categories'].delete(page['title'])
-      doc.data['categories'] << page
-    end
-  end
-
-  # Generates a page per tag
-  get '/tags/:tag/', tag: tags.keys do |page, tag|
-    page.data['title'] = slugs.key(tag)
-    page.data['posts'] = tags[tag]
-    page.data['uuid'] = page.url
-
-    page.data['posts'].each do |doc|
-      doc.data['tags'].delete(page['title'])
-      doc.data['tags'] << page
+      page.data['posts'].each do |doc|
+        case doc.data[value]
+        when Array
+          doc.data[route.to_s].delete(page['title'])
+          doc.data[route.to_s] << page
+        else
+          doc.data[route.to_s] = page
+        end
+      end
     end
   end
 end
-- 
2.54.0


From cb759ec451a9c1404b3e75ff5085d7b7d0226a7b Mon Sep 17 00:00:00 2001
From: f <f@sutty.nl>
Date: Thu, 22 Oct 2026 16:32:00 -0300
Subject: [PATCH 21/31] feat: create pages for topics and status

---
 _layouts/tag.html                      | 51 --------------------------
 _layouts/{category.html => value.html} |  6 ++-
 _plugins/routes.rb                     |  2 +-
 3 files changed, 5 insertions(+), 54 deletions(-)
 delete mode 100644 _layouts/tag.html
 rename _layouts/{category.html => value.html} (87%)

diff --git a/_layouts/tag.html b/_layouts/tag.html
deleted file mode 100644
index e0aa233..0000000
--- a/_layouts/tag.html
+++ /dev/null
@@ -1,51 +0,0 @@
----
-layout: default
----
-<div class="container" data-controller="pagefind">
-  <header>
-    <h1 class="pb-3 text-primary">{{ page.title | default: '' | escape }}</h1>
-  </header>
-
-  <div class="mb-3">
-    <form
-      class="w-100"
-      action="{{ page.url | component_escape }}"
-      method="get"
-      data-pagefind-target="form"
-      data-action="pagefind#search:prevent"
-    >
-      {% render 'forms/hidden.html', id: 'tags', value: page.title %}
-
-      <div class="row row-cols-1 row-cols-lg-5">
-        <div class="col mb-3">
-          {% render 'forms/select.html', id: 'categories', items: site.data.pagefind.tags %}
-        </div>
-        <div class="col mb-3">
-          {% render 'forms/select.html', id: 'sort', items: site.data.pagefind.sort %}
-        </div>
-        <div class="col mb-3">
-          <input type="submit" class="btn btn-primary" value="{{ site.i18n.search.placeholder | escape_once }}">
-        </div>
-      </div>
-    </form>
-  </div>
-
-  <div
-    data-pagefind-target="container"
-    class="row row-cols-1 row-cols-md-2 w-100 g-0"
-  >
-    {% for post in page.posts %}
-      {% render 'card_search.html', **post %}
-    {% endfor %}
-  </div>
-
-  {% render 'sutty/placeholder.html', controller: 'pagefind' %}
-
-  <section data-pagefind-target="empty" class="mx-auto" hidden>
-    <h2>No results</h2>
-  </section>
-
-  <section data-pagefind-target="searching" class="mx-auto" hidden>
-    <h2>Searching...</h2>
-  </section>
-</div>
diff --git a/_layouts/category.html b/_layouts/value.html
similarity index 87%
rename from _layouts/category.html
rename to _layouts/value.html
index 5a70da3..03ffa8e 100644
--- a/_layouts/category.html
+++ b/_layouts/value.html
@@ -3,7 +3,7 @@ layout: default
 ---
 <div class="container" data-controller="pagefind">
   <header>
-    <h1 class="pb-3 text-primary">{{ page.title | default: '' | escape }}</h1>
+    <h1 class="pb-3 text-primary">{{ page.type | capitalize }}: {{ page.title | default: '' | escape }}</h1>
   </header>
 
   <div class="mb-3">
@@ -14,15 +14,17 @@ layout: default
       data-pagefind-target="form"
       data-action="pagefind#search:prevent"
     >
-      {% render 'forms/hidden.html', id: 'categories', value: page.title %}
+      {% render 'forms/hidden.html', id: page.type, value: page.title %}
 
       <div class="row row-cols-1 row-cols-lg-5">
         <div class="col mb-3">
           {% render 'forms/select.html', id: 'tags', items: site.data.pagefind.tags %}
         </div>
+
         <div class="col mb-3">
           {% render 'forms/select.html', id: 'sort', items: site.data.pagefind.sort %}
         </div>
+
         <div class="col mb-3">
           <input type="submit" class="btn btn-primary" value="{{ site.i18n.search.placeholder | escape_once }}">
         </div>
diff --git a/_plugins/routes.rb b/_plugins/routes.rb
index 7fcd405..442125e 100644
--- a/_plugins/routes.rb
+++ b/_plugins/routes.rb
@@ -57,7 +57,7 @@ with Co-op Cloud."
   # If you want to add a new field to create collection pages by, add
   # the field name to the routes hash.
   slugs = {}
-  routes = { categories: nil, tags: nil }
+  routes = { categories: nil, tags: nil, topics: nil, status: nil }
   site.collections.values.map(&:docs).flatten.each do |doc|
     routes.each_key do |route|
       routes[route] ||= Hash.new { |hash, key| hash[key] = [] }
-- 
2.54.0


From 684153f297c249d27ceeac55ba5838ff0335b7df Mon Sep 17 00:00:00 2001
From: f <f@sutty.nl>
Date: Thu, 22 Oct 2026 16:33:40 -0300
Subject: [PATCH 22/31] chore: rubocop

---
 _plugins/routes.rb | 15 +++++++--------
 1 file changed, 7 insertions(+), 8 deletions(-)

diff --git a/_plugins/routes.rb b/_plugins/routes.rb
index 442125e..05227cf 100644
--- a/_plugins/routes.rb
+++ b/_plugins/routes.rb
@@ -1,15 +1,13 @@
 # frozen_string_literal: true
 
-Jekyll::Router.draw do |router|
-  get '/:recipe/', recipe: (site.data.dig('recipes') || {}).keys do |page, recipe|
+Jekyll::Router.draw do |_router|
+  get '/:recipe/', recipe: (site.data['recipes'] || {}).keys do |page, recipe|
     page.data['metadata'] = site.data.dig('recipes', recipe)
     page.data['title'] = recipe
     page.data['description'] = page['metadata']['description']
     page.data['uuid'] = recipe
 
-    unless page['metadata']['category'].empty?
-      page.data['categories'] = [ page['metadata']['category'] ]
-    end
+    page.data['categories'] = [page['metadata']['category']] unless page['metadata']['category'].empty?
 
     collection = site.collections['recipes'] ||= Jekyll::Collection.new(site, 'recipes')
     collection.docs << page
@@ -25,8 +23,9 @@ with Co-op Cloud."
 
   # Finds every Jekyll::Document whose collection marks it as indexable
   # and generates a Hash of UUID => Jekyll::Document.
-  indexed_docs = site.collections.slice(*site.data.dig('pagefind', 'collections')).values.map(&:docs).flatten.to_h do |doc|
-    [ doc['uuid'], doc ]
+  indexed_docs = site.collections.slice(*site.data.dig('pagefind',
+                                                       'collections')).values.map(&:docs).flatten.to_h do |doc|
+    [doc['uuid'], doc]
   end
 
   # Generates a new page representing every indexed documents and
@@ -39,7 +38,7 @@ with Co-op Cloud."
   end
 
   indexed_recipes = site.collections['recipes'].docs.to_h do |doc|
-    [ doc['uuid'], doc ]
+    [doc['uuid'], doc]
   end
 
   # Generates a new page representing every indexed recipe and
-- 
2.54.0


From 452c675a5b9add819499f8fcd07385fa8e9c2679 Mon Sep 17 00:00:00 2001
From: f <f@sutty.nl>
Date: Thu, 22 Oct 2026 16:34:37 -0300
Subject: [PATCH 23/31] chore: format

---
 _data/fixtures/post.yml                | 10 +++---
 _includes/search_box_with_filters.html | 43 +++++++++++++-------------
 2 files changed, 27 insertions(+), 26 deletions(-)

diff --git a/_data/fixtures/post.yml b/_data/fixtures/post.yml
index 33b67ec..46e80b2 100644
--- a/_data/fixtures/post.yml
+++ b/_data/fixtures/post.yml
@@ -3,11 +3,11 @@ items:
   - title: "Title post"
     created_at: "2026-05-31 14:54:26.236392904 -06:00"
     image:
-      path: 'public/8k2m9p2w1rqw6mza53x9plkq98/floral-compaq.jpg'
-      description: 'floral compaq image'
-    content: 'Celebrating the mid-point between solar solstices with 2000+ words of updates on the (many) happenings in our corner of radical technology co-operativism.'
+      path: "public/8k2m9p2w1rqw6mza53x9plkq98/floral-compaq.jpg"
+      description: "floral compaq image"
+    content: "Celebrating the mid-point between solar solstices with 2000+ words of updates on the (many) happenings in our corner of radical technology co-operativism."
     tags:
       - title: Topic-community
-        url: ''
+        url: ""
       - title: Status-pending
-        url: ''
+        url: ""
diff --git a/_includes/search_box_with_filters.html b/_includes/search_box_with_filters.html
index 3991bfd..26df3ad 100644
--- a/_includes/search_box_with_filters.html
+++ b/_includes/search_box_with_filters.html
@@ -25,32 +25,33 @@ sort:
   data-pagefind-target="form"
   data-action="pagefind#search:prevent"
 >
-<div class="row row-cols-1 row-cols-lg-4">
-  <div class="col mb-3">
-    <input type="search" class="form-control w-100" placeholder="{{ placeholder[locale] | escape_once }}" name="q">
-  </div>
+  <div class="row row-cols-1 row-cols-lg-4">
+    <div class="col mb-3">
+      <input type="search" class="form-control w-100" placeholder="{{ placeholder[locale] | escape_once }}" name="q">
+    </div>
 
-  <div class="col mb-3">
-    {% render 'forms/select.html', id: 'categories', items: categories %}
-  </div>
+    <div class="col mb-3">
+      {% render 'forms/select.html', id: 'categories', items: categories %}
+    </div>
 
-  <div class="col mb-3">
-    {% render 'forms/select.html', id: 'topic', items: topics %}
-  </div>
+    <div class="col mb-3">
+      {% render 'forms/select.html', id: 'topic', items: topics %}
+    </div>
 
-  <div class="col mb-3">
-    {% render 'forms/select.html', id: 'status', items: status %}
-  </div>
+    <div class="col mb-3">
+      {% render 'forms/select.html', id: 'status', items: status %}
+    </div>
 
-  <div class="col mb-3">
-    {% render 'forms/select.html', id: 'tags', items: tags %}
-  </div>
+    <div class="col mb-3">
+      {% render 'forms/select.html', id: 'tags', items: tags %}
+    </div>
 
-  <div class="col mb-3">
-    {% render 'forms/select.html', id: 'sort', items: sort %}
-  </div>
+    <div class="col mb-3">
+      {% render 'forms/select.html', id: 'sort', items: sort %}
+    </div>
 
-  <div class="col mb-3">
-  <input type="submit" class="btn btn-primary" value="{{ placeholder[locale] | escape_once }}">
+    <div class="col mb-3">
+      <input type="submit" class="btn btn-primary" value="{{ placeholder[locale] | escape_once }}">
+    </div>
   </div>
 </form>
-- 
2.54.0


From 23c3cfc934c6eee33d4aba519fe4a758729d35b5 Mon Sep 17 00:00:00 2001
From: f <f@sutty.nl>
Date: Thu, 22 Oct 2026 16:35:00 -0300
Subject: [PATCH 24/31] fix: plural

---
 _includes/search_box_with_filters.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/_includes/search_box_with_filters.html b/_includes/search_box_with_filters.html
index 26df3ad..698c416 100644
--- a/_includes/search_box_with_filters.html
+++ b/_includes/search_box_with_filters.html
@@ -35,7 +35,7 @@ sort:
     </div>
 
     <div class="col mb-3">
-      {% render 'forms/select.html', id: 'topic', items: topics %}
+      {% render 'forms/select.html', id: 'topics', items: topics %}
     </div>
 
     <div class="col mb-3">
-- 
2.54.0


From dd0616290c5df8ad56f5814c1edf1341f556b785 Mon Sep 17 00:00:00 2001
From: f <f@sutty.nl>
Date: Thu, 22 Oct 2026 16:51:00 -0300
Subject: [PATCH 25/31] feat: set the default value

---
 _includes/forms/checkbox_group.html            |  8 +++++++-
 _includes/forms/checkbox_group_with_other.html | 10 +++++++++-
 _includes/forms/datalist.html                  |  5 +++++
 _includes/forms/form_fields.html               |  3 ++-
 _includes/forms/radio_group.html               |  6 ++++++
 _includes/forms/select.html                    |  6 +++++-
 6 files changed, 34 insertions(+), 4 deletions(-)

diff --git a/_includes/forms/checkbox_group.html b/_includes/forms/checkbox_group.html
index 79d89b1..b8a1326 100644
--- a/_includes/forms/checkbox_group.html
+++ b/_includes/forms/checkbox_group.html
@@ -4,6 +4,9 @@ id:
 name:
   type: 'string'
   default: ''
+value:
+  type: 'string'
+  default: ''
 required:
   type: 'bool'
   default: false
@@ -19,9 +22,10 @@ placeholder:
 items:
   type: 'array'
 ---
+{% assign checked = value %}
 {% assign base_id = id | append: '_' %}
 {% assign name = name | default: id | append: '[]' %}
-{% assign attributes = attributes
+{% assign general_attributes = attributes
   | append: ' '
   | append: 'data-required-checkbox-target="checkbox" data-action="required-checkbox#change"'
 %}
@@ -48,6 +52,8 @@ items:
     {% assign value = input_item | try: 'value' | default: input_item %}
     {% assign item = input_item | try: 'item' | default: value %}
     {% assign id = base_id | append: uuid %}
+    {% assign attributes = general_attributes %}
+    {% assign attributes = checked | equals: value | ternary: 'checked ', '' | append: attributes %}
 
     {% render 'forms/checkbox.html', name:, id:, value:, item:, attributes: %}
   {% endfor %}
diff --git a/_includes/forms/checkbox_group_with_other.html b/_includes/forms/checkbox_group_with_other.html
index f70f112..18cf390 100644
--- a/_includes/forms/checkbox_group_with_other.html
+++ b/_includes/forms/checkbox_group_with_other.html
@@ -4,6 +4,9 @@ id:
 name:
   type: 'string'
   default: ''
+value:
+  type: 'string'
+  default: ''
 required:
   type: 'bool'
   default: false
@@ -25,9 +28,13 @@ other:
     en: 'Other'
     ar: 'Other'
 ---
+{% comment %}
+  TODO: Set the value on the other input if no checkbox matches
+{% endcomment %}
+{% assign checked = value %}
 {% assign base_id = id | append: '_' %}
 {% assign name = name | default: id | append: '[]' %}
-{% assign attributes = attributes
+{% assign general_attributes = attributes
   | append: ' '
   | append: 'data-required-checkbox-target="checkbox" data-action="required-checkbox#change"'
 %}
@@ -54,6 +61,7 @@ other:
     {% assign value = input_item | try: 'value' | default: input_item %}
     {% assign item = input_item | try: 'item' | default: value %}
     {% assign id = base_id | append: uuid %}
+    {% assign attributes = checked | equals: value | ternary: 'checked ', '' | append: general_attributes %}
 
     {% render 'forms/checkbox.html', name:, id:, value:, item:, attributes: %}
   {% endfor %}
diff --git a/_includes/forms/datalist.html b/_includes/forms/datalist.html
index 9cac52e..49e8448 100644
--- a/_includes/forms/datalist.html
+++ b/_includes/forms/datalist.html
@@ -4,6 +4,9 @@ id:
 name:
   type: 'string'
   default: ''
+value:
+  type: 'string'
+  default: ''
 items:
   type: 'array'
 class:
@@ -29,6 +32,8 @@ required:
   render 'forms/input.html',
   type: 'text',
   id:,
+  name:,
+  value:
   class:,
   list: datalist_id,
   placeholder:,
diff --git a/_includes/forms/form_fields.html b/_includes/forms/form_fields.html
index 0d1dcb6..f9af30f 100644
--- a/_includes/forms/form_fields.html
+++ b/_includes/forms/form_fields.html
@@ -106,7 +106,8 @@ default_label_class_by_type:
     {% endcomment %}
     {% case default_value_types[type] %}
       {% when 'array' %}
-        {% render template, required:, id:, name:, items: default_values, attributes:, placeholder: %}
+        {% assign value = default_values | try: 'value' | default: '' %}
+        {% render template, required:, id:, name:, items: default_values, attributes:, placeholder:, value: %}
       {% when 'hash' %}
         {% assign value = default_values | try: 'value' %}
         {% assign item = default_values | try: 'item' | default: value %}
diff --git a/_includes/forms/radio_group.html b/_includes/forms/radio_group.html
index 0f83ac3..69cf80c 100644
--- a/_includes/forms/radio_group.html
+++ b/_includes/forms/radio_group.html
@@ -4,6 +4,9 @@ id:
 name:
   type: 'string'
   default: ''
+value:
+  type: 'string'
+  default: ''
 required:
   type: 'bool'
   default: false
@@ -21,12 +24,15 @@ items:
 ---
 {% assign base_id = id | append: '_' %}
 {% assign name = name | default: id | append: '[]' %}
+{% assign checked = value %}
+{% assign general_attributes = attributes %}
 
 {% for input_item in items %}
   {% capture uuid %}{% uuid %}{% endcapture %}
   {% assign value = input_item | try: 'value' | default: input_item %}
   {% assign item = input_item | try: 'item' | default: value %}
   {% assign id = base_id | append: uuid %}
+  {% assign attributes = checked | equals: value | ternary: 'checked ', '' | append: general_attributes %}
 
   {% render 'forms/radio.html', name:, id:, value:, item:, required:, attributes: %}
 {% endfor %}
diff --git a/_includes/forms/select.html b/_includes/forms/select.html
index f4a0bcf..dc12d31 100644
--- a/_includes/forms/select.html
+++ b/_includes/forms/select.html
@@ -4,6 +4,9 @@ id:
 name:
   type: 'string'
   default: ''
+value:
+  type: 'string'
+  default: ''
 required:
   type: 'bool'
   default: false
@@ -19,6 +22,7 @@ placeholder:
 items:
   type: 'array'
 ---
+{% assign selected = value %}
 <select
   class="{{ class | escape_once }}"
   name="{{- name | default: id | escape_once -}}"
@@ -32,7 +36,7 @@ items:
     {% assign value = option | try: 'value' | default: option %}
     {% assign item = option | try: 'item' | default: value %}
     {% assign depends_on = option | try: 'depends_on' %}
-    {% assign attributes = '' %}
+    {% assign attributes = selected | equals: value | ternary: 'selected', '' %}
 
     {% if depends_on %}
       {% capture attributes %}
-- 
2.54.0


From 86403a32919c680a05680c247018019ce03eabaa Mon Sep 17 00:00:00 2001
From: f <f@sutty.nl>
Date: Thu, 22 Oct 2026 17:13:05 -0300
Subject: [PATCH 26/31] fix: reorder and label search fields

---
 _includes/search_box_with_filters.html | 55 +++++++++++++++++++-------
 _layouts/recipes.html                  | 31 +++++++++------
 _layouts/value.html                    | 33 +++++-----------
 _plugins/routes.rb                     |  3 +-
 4 files changed, 72 insertions(+), 50 deletions(-)

diff --git a/_includes/search_box_with_filters.html b/_includes/search_box_with_filters.html
index 698c416..1b9e9bc 100644
--- a/_includes/search_box_with_filters.html
+++ b/_includes/search_box_with_filters.html
@@ -17,7 +17,30 @@ status:
   type: 'array'
 sort:
   type: 'array'
+categories_title:
+  type: 'hash'
+  default:
+    en: 'Any category'
+topics_title:
+  type: 'hash'
+  default:
+    en: 'Any topic'
+status_title:
+  type: 'hash'
+  default:
+    en: 'Any status'
+tags_title:
+  type: 'hash'
+  default:
+    en: 'Any tag'
+value:
+  type: 'string'
+  default: ''
+name:
+  type: 'string'
+  default: ''
 ---
+{% assign selected_value = value %}
 <form
   class="w-100 mr-4"
   action="{{ url | component_escape }}"
@@ -25,33 +48,37 @@ sort:
   data-pagefind-target="form"
   data-action="pagefind#search:prevent"
 >
-  <div class="row row-cols-1 row-cols-lg-4">
-    <div class="col mb-3">
+  <div class="row">
+    <div class="col-12 col-lg-8 mb-3">
       <input type="search" class="form-control w-100" placeholder="{{ placeholder[locale] | escape_once }}" name="q">
     </div>
 
-    <div class="col mb-3">
-      {% render 'forms/select.html', id: 'categories', items: categories %}
+    <div class="col-12 col-lg-4 mb-3">
+      {% render 'forms/select.html', id: 'sort', items: sort, value: 'score/desc' %}
     </div>
 
-    <div class="col mb-3">
-      {% render 'forms/select.html', id: 'topics', items: topics %}
+    <div class="col-12 col-lg-3 mb-3">
+      {% assign value = name | equals: 'categories' | ternary: selected_value, '' %}
+      {% render 'forms/select.html', id: 'categories', items: categories, placeholder: categories_title[locale], value: %}
     </div>
 
-    <div class="col mb-3">
-      {% render 'forms/select.html', id: 'status', items: status %}
+    <div class="col-12 col-lg-3 mb-3">
+      {% assign value = name | equals: 'topics' | ternary: selected_value, '' %}
+      {% render 'forms/select.html', id: 'topics', items: topics, placeholder: topics_title[locale], value: %}
     </div>
 
-    <div class="col mb-3">
-      {% render 'forms/select.html', id: 'tags', items: tags %}
+    <div class="col-12 col-lg-3 mb-3">
+      {% assign value = name | equals: 'status' | ternary: selected_value, '' %}
+      {% render 'forms/select.html', id: 'status', items: status, placeholder: status_title[locale], value: %}
     </div>
 
-    <div class="col mb-3">
-      {% render 'forms/select.html', id: 'sort', items: sort %}
+    <div class="col-12 col-lg-3 mb-3">
+      {% assign value = name | equals: 'tags' | ternary: selected_value, '' %}
+      {% render 'forms/select.html', id: 'tags', items: tags, placeholder: tags_title[locale], value: %}
     </div>
 
-    <div class="col mb-3">
-      <input type="submit" class="btn btn-primary" value="{{ placeholder[locale] | escape_once }}">
+    <div class="col-12 mb-3">
+      <input type="submit" class="btn btn-primary w-100" value="{{ placeholder[locale] | escape_once }}">
     </div>
   </div>
 </form>
diff --git a/_layouts/recipes.html b/_layouts/recipes.html
index e3a4070..b84a365 100644
--- a/_layouts/recipes.html
+++ b/_layouts/recipes.html
@@ -17,20 +17,29 @@ layout: "default"
       >
         {% render 'forms/hidden.html', id: 'layout', value: 'recipe' %}
         <div class="row row-cols-1 row-cols-lg-5">
-          <div class="col mb-3">
-            {% render 'forms/select.html', id: 'categories', items: site.data.pagefind.app_categories %}
-          </div>
-          <div class="col mb-3">
-            {% render 'forms/select.html', id: 'rating', items: site.data.pagefind.rating %}
-          </div>
-          <div class="col mb-3">
+          <div class="col-12 col-lg-8 mb-3">
             <input type="search" class="form-control w-100" placeholder="" name="q">
           </div>
-          <div class="col mb-3">
-            {% render 'forms/select.html', id: 'sort', items: site.data.pagefind.sort %}
+          <div class="col-12 col-lg-4 mb-3">
+            {% render 'forms/select.html',
+              id: 'sort',
+              items: site.data.pagefind.sort,
+              placeholder: 'Sort by',
+              value: 'score/desc'
+            %}
           </div>
-          <div class="col mb-3">
-            <input type="submit" class="btn btn-primary" value="{{ site.i18n.search.placeholder | escape_once }}">
+          <div class="col-12 col-lg-6 mb-3">
+            {% render 'forms/select.html',
+              id: 'categories',
+              items: site.data.pagefind.app_categories,
+              placeholder: 'Any category'
+            %}
+          </div>
+          <div class="col-12 col-lg-6 mb-3">
+            {% render 'forms/select.html', id: 'rating', items: site.data.pagefind.rating, placeholder: 'Any rating' %}
+          </div>
+          <div class="col-12 mb-3">
+            <input type="submit" class="btn btn-primary w-100" value="{{ site.i18n.search.placeholder | escape_once }}">
           </div>
         </div>
       </form>
diff --git a/_layouts/value.html b/_layouts/value.html
index 03ffa8e..b193f80 100644
--- a/_layouts/value.html
+++ b/_layouts/value.html
@@ -7,29 +7,16 @@ layout: default
   </header>
 
   <div class="mb-3">
-    <form
-      class="w-100"
-      action="{{ page.url | component_escape }}"
-      method="get"
-      data-pagefind-target="form"
-      data-action="pagefind#search:prevent"
-    >
-      {% render 'forms/hidden.html', id: page.type, value: page.title %}
-
-      <div class="row row-cols-1 row-cols-lg-5">
-        <div class="col mb-3">
-          {% render 'forms/select.html', id: 'tags', items: site.data.pagefind.tags %}
-        </div>
-
-        <div class="col mb-3">
-          {% render 'forms/select.html', id: 'sort', items: site.data.pagefind.sort %}
-        </div>
-
-        <div class="col mb-3">
-          <input type="submit" class="btn btn-primary" value="{{ site.i18n.search.placeholder | escape_once }}">
-        </div>
-      </div>
-    </form>
+    {% render 'search_box_with_filters.html',
+      url: page.url,
+      categories: site.data.pagefind.categories,
+      tags: site.data.pagefind.tags,
+      status: site.data.pagefind.status,
+      topics: site.data.pagefind.topics,
+      sort: site.data.pagefind.sort,
+      value: page.title,
+      name: page.type
+    %}
   </div>
 
   <div
diff --git a/_plugins/routes.rb b/_plugins/routes.rb
index 05227cf..c4e5f66 100644
--- a/_plugins/routes.rb
+++ b/_plugins/routes.rb
@@ -6,8 +6,7 @@ Jekyll::Router.draw do |_router|
     page.data['title'] = recipe
     page.data['description'] = page['metadata']['description']
     page.data['uuid'] = recipe
-
-    page.data['categories'] = [page['metadata']['category']] unless page['metadata']['category'].empty?
+    page.data['categories'] = [page['metadata']['category']].compact.map(&:strip).reject(&:empty?)
 
     collection = site.collections['recipes'] ||= Jekyll::Collection.new(site, 'recipes')
     collection.docs << page
-- 
2.54.0


From f3660e099b5acef38a92d78373e400135af3120b Mon Sep 17 00:00:00 2001
From: f <f@sutty.nl>
Date: Thu, 22 Oct 2026 17:40:29 -0300
Subject: [PATCH 27/31] fix: correctly replace pages

---
 _plugins/routes.rb | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/_plugins/routes.rb b/_plugins/routes.rb
index c4e5f66..5c44af8 100644
--- a/_plugins/routes.rb
+++ b/_plugins/routes.rb
@@ -83,7 +83,7 @@ with Co-op Cloud."
       page.data['uuid'] = page.url
 
       page.data['posts'].each do |doc|
-        case doc.data[value]
+        case doc.data[route.to_s]
         when Array
           doc.data[route.to_s].delete(page['title'])
           doc.data[route.to_s] << page
-- 
2.54.0


From 5a04676e0209227eb752d69c2a03af74d53a76f7 Mon Sep 17 00:00:00 2001
From: f <f@sutty.nl>
Date: Thu, 22 Oct 2026 17:45:37 -0300
Subject: [PATCH 28/31] fix: placeholders

---
 _includes/search_box_with_filters.html | 2 +-
 _layouts/recipes.html                  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/_includes/search_box_with_filters.html b/_includes/search_box_with_filters.html
index 1b9e9bc..3de7b05 100644
--- a/_includes/search_box_with_filters.html
+++ b/_includes/search_box_with_filters.html
@@ -54,7 +54,7 @@ name:
     </div>
 
     <div class="col-12 col-lg-4 mb-3">
-      {% render 'forms/select.html', id: 'sort', items: sort, value: 'score/desc' %}
+      {% render 'forms/select.html', id: 'sort', items: sort, value: 'score/desc', placeholder: 'Sort by' %}
     </div>
 
     <div class="col-12 col-lg-3 mb-3">
diff --git a/_layouts/recipes.html b/_layouts/recipes.html
index b84a365..a9a2562 100644
--- a/_layouts/recipes.html
+++ b/_layouts/recipes.html
@@ -18,7 +18,7 @@ layout: "default"
         {% render 'forms/hidden.html', id: 'layout', value: 'recipe' %}
         <div class="row row-cols-1 row-cols-lg-5">
           <div class="col-12 col-lg-8 mb-3">
-            <input type="search" class="form-control w-100" placeholder="" name="q">
+            <input type="search" class="form-control w-100" placeholder="Search" name="q">
           </div>
           <div class="col-12 col-lg-4 mb-3">
             {% render 'forms/select.html',
-- 
2.54.0


From 55e3db59e842cbcc7a02b31f606c673e9bddb503 Mon Sep 17 00:00:00 2001
From: librenauta <librenauta@riseup.net>
Date: Fri, 23 Oct 2026 11:39:40 -0300
Subject: [PATCH 29/31] fix: card with category, topic and status

---
 _includes/card_search.html | 26 +++++++++++++++++++++++---
 _includes/category.html    | 12 ++++++++++++
 _includes/status.html      | 12 ++++++++++++
 _includes/topic.html       | 12 ++++++++++++
 4 files changed, 59 insertions(+), 3 deletions(-)
 create mode 100644 _includes/category.html
 create mode 100644 _includes/status.html
 create mode 100644 _includes/topic.html

diff --git a/_includes/card_search.html b/_includes/card_search.html
index 11f618f..ef334b4 100644
--- a/_includes/card_search.html
+++ b/_includes/card_search.html
@@ -8,6 +8,15 @@ url:
 tags:
   type: 'array'
   default: []
+categories:
+  type: 'array'
+  default: []
+topics:
+  type: 'array'
+  default: []
+status:
+  type: 'string'
+  default: ''
 ---
 <div class="card">
   <div class="card-body">
@@ -17,8 +26,19 @@ tags:
       </p>
     </a>
     <p class="card-text">{{- description -}}</p>
-    {% for tag in tags %}
-      {% render 'tag.html', **tag %}
-    {% endfor %}
+    <div class="d-flex flex-grow-1 w-100"> 
+      {% for tag in tags %}
+        {% render 'tag.html', **tag %}
+      {% endfor %}
+      {% for category in categories %}
+        {% render 'category.html', **category %}
+      {% endfor %}
+      {% for topic in topics %}
+        {% render 'topic.html', **topic %}
+      {% endfor %}
+      {% if status %}
+        {% render 'status.html', **status %}
+      {% endif %}
+    </div>
   </div>
 </div>
diff --git a/_includes/category.html b/_includes/category.html
new file mode 100644
index 0000000..023df3d
--- /dev/null
+++ b/_includes/category.html
@@ -0,0 +1,12 @@
+---
+url:
+  type: 'string'
+title:
+  type: 'string'
+---
+<a
+  href="{{ url | component_escape }}"
+  class="card-link bg-body-color rounded-3 px-2 py-1 text-white text-decoration-none me-2"
+>
+  {{- title -}}
+</a>
diff --git a/_includes/status.html b/_includes/status.html
new file mode 100644
index 0000000..023df3d
--- /dev/null
+++ b/_includes/status.html
@@ -0,0 +1,12 @@
+---
+url:
+  type: 'string'
+title:
+  type: 'string'
+---
+<a
+  href="{{ url | component_escape }}"
+  class="card-link bg-body-color rounded-3 px-2 py-1 text-white text-decoration-none me-2"
+>
+  {{- title -}}
+</a>
diff --git a/_includes/topic.html b/_includes/topic.html
new file mode 100644
index 0000000..023df3d
--- /dev/null
+++ b/_includes/topic.html
@@ -0,0 +1,12 @@
+---
+url:
+  type: 'string'
+title:
+  type: 'string'
+---
+<a
+  href="{{ url | component_escape }}"
+  class="card-link bg-body-color rounded-3 px-2 py-1 text-white text-decoration-none me-2"
+>
+  {{- title -}}
+</a>
-- 
2.54.0


From 1948eacd03a258ce2fb4e9d350d201ac85be1925 Mon Sep 17 00:00:00 2001
From: librenauta <librenauta@riseup.net>
Date: Fri, 23 Oct 2026 12:23:19 -0300
Subject: [PATCH 30/31] fix: text-break and rm status

---
 _includes/card_search.html | 8 +-------
 1 file changed, 1 insertion(+), 7 deletions(-)

diff --git a/_includes/card_search.html b/_includes/card_search.html
index ef334b4..e684fc6 100644
--- a/_includes/card_search.html
+++ b/_includes/card_search.html
@@ -14,9 +14,6 @@ categories:
 topics:
   type: 'array'
   default: []
-status:
-  type: 'string'
-  default: ''
 ---
 <div class="card">
   <div class="card-body">
@@ -25,7 +22,7 @@ status:
         {{- title -}}
       </p>
     </a>
-    <p class="card-text">{{- description -}}</p>
+    <p class="card-text text-break">{{- description -}}</p>
     <div class="d-flex flex-grow-1 w-100"> 
       {% for tag in tags %}
         {% render 'tag.html', **tag %}
@@ -36,9 +33,6 @@ status:
       {% for topic in topics %}
         {% render 'topic.html', **topic %}
       {% endfor %}
-      {% if status %}
-        {% render 'status.html', **status %}
-      {% endif %}
     </div>
   </div>
 </div>
-- 
2.54.0


From aa82cec36f2028d89a8b880150cf6ea7289dfe47 Mon Sep 17 00:00:00 2001
From: librenauta <librenauta@riseup.net>
Date: Fri, 23 Oct 2026 14:20:07 -0300
Subject: [PATCH 31/31] fix: color tags

---
 _includes/card_search.html | 1 +
 _includes/category.html    | 2 +-
 _includes/status.html      | 2 +-
 _includes/tag.html         | 2 +-
 _includes/topic.html       | 2 +-
 assets/css/styles.scss     | 5 +++++
 6 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/_includes/card_search.html b/_includes/card_search.html
index e684fc6..c1f984b 100644
--- a/_includes/card_search.html
+++ b/_includes/card_search.html
@@ -3,6 +3,7 @@ title:
   type: 'string'
 description:
   type: 'string'
+  default: ''
 url:
   type: 'string'
 tags:
diff --git a/_includes/category.html b/_includes/category.html
index 023df3d..fe8f8a0 100644
--- a/_includes/category.html
+++ b/_includes/category.html
@@ -6,7 +6,7 @@ title:
 ---
 <a
   href="{{ url | component_escape }}"
-  class="card-link bg-body-color rounded-3 px-2 py-1 text-white text-decoration-none me-2"
+  class="card-link bg-category rounded-3 px-2 py-1 text-white text-decoration-none me-2"
 >
   {{- title -}}
 </a>
diff --git a/_includes/status.html b/_includes/status.html
index 023df3d..daabff7 100644
--- a/_includes/status.html
+++ b/_includes/status.html
@@ -6,7 +6,7 @@ title:
 ---
 <a
   href="{{ url | component_escape }}"
-  class="card-link bg-body-color rounded-3 px-2 py-1 text-white text-decoration-none me-2"
+  class="card-link bg-status rounded-3 px-2 py-1 text-white text-decoration-none me-2"
 >
   {{- title -}}
 </a>
diff --git a/_includes/tag.html b/_includes/tag.html
index 023df3d..cf74b7f 100644
--- a/_includes/tag.html
+++ b/_includes/tag.html
@@ -6,7 +6,7 @@ title:
 ---
 <a
   href="{{ url | component_escape }}"
-  class="card-link bg-body-color rounded-3 px-2 py-1 text-white text-decoration-none me-2"
+  class="card-link bg-tag rounded-3 px-2 py-1 text-white text-decoration-none me-2"
 >
   {{- title -}}
 </a>
diff --git a/_includes/topic.html b/_includes/topic.html
index 023df3d..0253c1b 100644
--- a/_includes/topic.html
+++ b/_includes/topic.html
@@ -6,7 +6,7 @@ title:
 ---
 <a
   href="{{ url | component_escape }}"
-  class="card-link bg-body-color rounded-3 px-2 py-1 text-white text-decoration-none me-2"
+  class="card-link bg-topic rounded-3 px-2 py-1 text-white text-decoration-none me-2"
 >
   {{- title -}}
 </a>
diff --git a/assets/css/styles.scss b/assets/css/styles.scss
index 5b0f7dc..a8424b1 100644
--- a/assets/css/styles.scss
+++ b/assets/css/styles.scss
@@ -6,6 +6,11 @@ weight: 100
 @use "fonts";
 @use "@suttyweb/fork-awesome/scss/fork-awesome";
 
+$category: #fff;
+$topic: #fff;
+$tag: #fff;
+$status: #fff;
+
 @import "bootstrap/scss/functions";
 
 {{ site.theme | yaml_to_scss: site.data.layouts.theme }}
-- 
2.54.0