From a4e0f98ed1c744008fb476f886befb6dfecdba55 Mon Sep 17 00:00:00 2001
From: Mikel Larreategi <mlarreategi@codesyntax.com>
Date: Thu, 17 Jul 2025 14:40:25 +0200
Subject: [PATCH 01/24] initial test setup

---
 CONTRIBUTORS.md                               |   2 +-
 LICENSE.md                                    |   2 +-
 Makefile                                      |   2 +-
 README.md                                     |  10 +-
 pyproject.toml                                |  47 ++++----
 scripts/create_site.py                        |   3 +-
 src/cs_dynamicpages/browser/configure.zcml    |  10 --
 .../content/dynamic_page_row.py               |   1 -
 .../controlpanel.py                           |  17 ++-
 src/cs_dynamicpages/dependencies.zcml         |   2 +-
 .../locales/cs_dynamicpages.pot               |  18 +++
 .../profiles/default/metadata.xml             |   5 +-
 .../default/registry/dynamic_bundle.xml       |   2 -
 .../profiles/uninstall/controlpanel.xml       |  21 ++++
 .../uninstall/registry/dynamic_bundle.xml     |  18 +++
 .../registry/dynamica_pages_control_panel.xml |  14 +++
 .../profiles/uninstall/types.xml              |  22 ++++
 .../test_view_dynamic_page_folder_view.py     |   1 -
 ...est_view_dynamic_page_row_featured_view.py |   1 -
 .../.gitkeep => upgrades/__init__.py}         |   0
 src/cs_dynamicpages/upgrades/configure.zcml   |  21 ++++
 .../views/dynamic_page_folder_view.py         |   1 -
 .../views/dynamic_page_row_featured_view.py   |   1 -
 src/cs_dynamicpages/views/dynamic_view.py     |   2 +-
 tests/__init__.py                             |   0
 tests/base.py                                 |  19 +++
 tests/conftest.py                             |   2 +-
 tests/content/__init__.py                     |   0
 tests/content/conftest.py                     | 111 ++++++++++++++++++
 tests/content/test_content_operations.py      |  46 ++++++++
 tests/setup/__init__.py                       |   0
 tests/setup/test_setup_install.py             |   6 +-
 32 files changed, 350 insertions(+), 57 deletions(-)
 create mode 100644 src/cs_dynamicpages/locales/cs_dynamicpages.pot
 create mode 100644 src/cs_dynamicpages/profiles/uninstall/controlpanel.xml
 create mode 100644 src/cs_dynamicpages/profiles/uninstall/registry/dynamic_bundle.xml
 create mode 100644 src/cs_dynamicpages/profiles/uninstall/registry/dynamica_pages_control_panel.xml
 create mode 100644 src/cs_dynamicpages/profiles/uninstall/types.xml
 rename src/cs_dynamicpages/{browser/overrides/.gitkeep => upgrades/__init__.py} (100%)
 create mode 100644 src/cs_dynamicpages/upgrades/configure.zcml
 create mode 100644 tests/__init__.py
 create mode 100644 tests/base.py
 create mode 100644 tests/content/__init__.py
 create mode 100644 tests/content/conftest.py
 create mode 100644 tests/content/test_content_operations.py
 create mode 100644 tests/setup/__init__.py

diff --git a/CONTRIBUTORS.md b/CONTRIBUTORS.md
index 0e9306f..8ab3256 100644
--- a/CONTRIBUTORS.md
+++ b/CONTRIBUTORS.md
@@ -1,3 +1,3 @@
 # Contributors
 
-- Lur Ibargutxi [libargutxi@codesyntax.com]
+- Plone Community [collective@plone.org]
diff --git a/LICENSE.md b/LICENSE.md
index a3a620a..d7e00b9 100644
--- a/LICENSE.md
+++ b/LICENSE.md
@@ -1,4 +1,4 @@
-cs_dynamicpages Copyright 2025, Lur Ibargutxi
+cs_dynamicpages Copyright 2025, Plone Community
 
 This program is free software; you can redistribute it and/or
 modify it under the terms of the GNU General Public License version 2
diff --git a/Makefile b/Makefile
index fef1930..c80356e 100644
--- a/Makefile
+++ b/Makefile
@@ -131,4 +131,4 @@ test-coverage: $(VENV_FOLDER) ## run tests with coverage
 
 ## Add bobtemplates features (check bobtemplates.plone's documentation to get the list of available features)
 add: $(VENV_FOLDER)
-	/home/lur/plonecli_azkena/bin/plonecli add $(filter-out $@,$(MAKECMDGOALS))
+	@uvx plonecli add -b .mrbob.ini $(filter-out $@,$(MAKECMDGOALS))
diff --git a/README.md b/README.md
index 99e93b6..ce2ecf7 100644
--- a/README.md
+++ b/README.md
@@ -1,6 +1,6 @@
 # cs_dynamicpages
 
-An addon to create dynamic pages for Plone
+A new addon for Plone
 
 ## Features
 
@@ -22,8 +22,8 @@ make create-site
 
 ## Contribute
 
-- [Issue tracker](https://github.com/cs/cs_dynamicpages/issues)
-- [Source code](https://github.com/cs/cs_dynamicpages/)
+- [Issue tracker](https://github.com/collective/cs_dynamicpages/issues)
+- [Source code](https://github.com/collective/cs_dynamicpages/)
 
 ### Prerequisites ✅
 
@@ -38,7 +38,7 @@ make create-site
 1.  Clone this repository, then change your working directory.
 
     ```shell
-    git clone git@github.com:cs/cs_dynamicpages.git
+    git clone git@github.com:collective/cs_dynamicpages.git
     cd cs_dynamicpages
     ```
 
@@ -83,4 +83,4 @@ The project is licensed under GPLv2.
 
 ## Credits and acknowledgements 🙏
 
-Generated using [Cookieplone (0.9.7)](https://github.com/plone/cookieplone) and [cookieplone-templates (6782781)](https://github.com/plone/cookieplone-templates/commit/6782781dae4bafb227467828066ab16b84c23750) on 2025-07-07 09:25:15.108762. A special thanks to all contributors and supporters!
+Generated using [Cookieplone (0.9.7)](https://github.com/plone/cookieplone) and [cookieplone-templates (4d55553)](https://github.com/plone/cookieplone-templates/commit/4d55553d61416df56b3360914b398d675b3f72a6) on 2025-07-17 11:59:12.982862. A special thanks to all contributors and supporters!
diff --git a/pyproject.toml b/pyproject.toml
index 601e8cd..04c36e3 100644
--- a/pyproject.toml
+++ b/pyproject.toml
@@ -1,49 +1,51 @@
 [project]
 name = "cs_dynamicpages"
 dynamic = ["version"]
-description = "An addon to create dynamic pages for Plone"
+description = "A new addon for Plone"
 readme = "README.md"
 license = "GPL-2.0-only"
 requires-python = ">=3.10"
-authors = [
-    { name = "Lur Ibargutxi", email = "libargutxi@codesyntax.com" },
-]
-keywords = [
-    "CMS",
-    "Plone",
-    "Python",
-]
+authors = [{ name = "Plone Community", email = "collective@plone.org" }]
+keywords = ["CMS", "Plone", "Python"]
 classifiers = [
     "Development Status :: 3 - Alpha",
     "Environment :: Web Environment",
-    "Framework :: Plone","Framework :: Plone :: 6.0","Framework :: Plone :: 6.1",
+    "Framework :: Plone",
+    "Framework :: Plone :: 6.0",
+    "Framework :: Plone :: 6.1",
     "Framework :: Plone :: Addon",
     "License :: OSI Approved :: GNU General Public License v2 (GPLv2)",
     "Operating System :: OS Independent",
-    "Programming Language :: Python","Programming Language :: Python :: 3.10","Programming Language :: Python :: 3.11","Programming Language :: Python :: 3.12","Programming Language :: Python :: 3.13",
+    "Programming Language :: Python",
+    "Programming Language :: Python :: 3.10",
+    "Programming Language :: Python :: 3.11",
+    "Programming Language :: Python :: 3.12",
+    "Programming Language :: Python :: 3.13",
 ]
 dependencies = [
     "Products.CMFPlone",
     "plone.api",
-    "z3c.jbot",
     "collective.z3cform.datagridfield",
+    "z3c.jbot",
 ]
 
 [project.optional-dependencies]
 test = [
     "horse-with-no-namespace",
     "plone.app.testing",
-    "plone.classicui","plone.restapi[test]",
+    "plone.app.contenttypes[test]",
+    "plone.classicui",
+    "plone.restapi[test]",
     "pytest",
     "pytest-cov",
     "pytest-plone>=0.5.0",
 ]
 
 [project.urls]
-Homepage = "https://github.com/cs/cs_dynamicpages"
+Homepage = "https://github.com/collective/cs_dynamicpages"
 PyPI = "https://pypi.org/project/cs_dynamicpages"
-Source = "https://github.com/cs/cs_dynamicpages"
-Tracker = "https://github.com/cs/cs_dynamicpages/issues"
+Source = "https://github.com/collective/cs_dynamicpages"
+Tracker = "https://github.com/collective/cs_dynamicpages/issues"
 
 
 [project.entry-points."plone.autoinclude.plugin"]
@@ -63,9 +65,7 @@ build-backend = "hatchling.build"
 strict-naming = true
 
 [tool.hatch.build.targets.sdist]
-exclude = [
-  "/.github",
-]
+exclude = ["/.github"]
 
 [tool.hatch.build.targets.wheel]
 packages = ["src/cs_dynamicpages"]
@@ -76,7 +76,7 @@ filename = "CHANGELOG.md"
 start_string = "<!-- towncrier release notes start -->\n"
 title_format = "## {version} ({project_date})"
 template = "news/.changelog_template.jinja"
-issue_format = "[#{issue}](https://github.com/cs/cs_dynamicpages/issues/{issue})"
+issue_format = "[#{issue}](https://github.com/collective/cs_dynamicpages/issues/{issue})"
 underlines = ["", "", ""]
 
 [[tool.towncrier.type]]
@@ -131,7 +131,8 @@ lint.select = [
     # mccabe
     "C90",
     # pycodestyle
-    "E", "W",
+    "E",
+    "W",
     # pyflakes
     "F",
     # pygrep-hooks
@@ -168,6 +169,4 @@ testpaths = ["tests"]
 source_pkgs = ["cs_dynamicpages", "tests"]
 branch = true
 parallel = true
-omit = [
-  "src/cs_dynamicpages/locales/*.py",
-]
\ No newline at end of file
+omit = ["src/cs_dynamicpages/locales/*.py"]
diff --git a/scripts/create_site.py b/scripts/create_site.py
index d650191..b659efd 100644
--- a/scripts/create_site.py
+++ b/scripts/create_site.py
@@ -46,7 +46,8 @@ def asbool(s):
 payload = {
     "title": "cs_dynamicpages",
     "profile_id": _DEFAULT_PROFILE,
-    "distribution_name": "classic",
+"distribution_name": "classic",
+
     "setup_content": False,
     "default_language": "en",
     "portal_timezone": "UTC",
diff --git a/src/cs_dynamicpages/browser/configure.zcml b/src/cs_dynamicpages/browser/configure.zcml
index 624ce2f..140a7db 100644
--- a/src/cs_dynamicpages/browser/configure.zcml
+++ b/src/cs_dynamicpages/browser/configure.zcml
@@ -7,16 +7,6 @@
 
 
 
-  <!-- Set overrides folder for Just-a-Bunch-Of-Templates product -->
-  <include
-      package="z3c.jbot"
-      file="meta.zcml"
-      />
-  <browser:jbot
-      directory="overrides"
-      layer="cs_dynamicpages.interfaces.IBrowserLayer"
-      />
-
   <!-- Publish static files -->
   <plone:static
       directory="static"
diff --git a/src/cs_dynamicpages/content/dynamic_page_row.py b/src/cs_dynamicpages/content/dynamic_page_row.py
index aed9969..3477d52 100644
--- a/src/cs_dynamicpages/content/dynamic_page_row.py
+++ b/src/cs_dynamicpages/content/dynamic_page_row.py
@@ -11,7 +11,6 @@
 # from z3c.form.browser.radio import RadioFieldWidget
 from zope import schema
 from zope.interface import implementer
-from plone import api
 
 log = getLogger(__name__)
 
diff --git a/src/cs_dynamicpages/controlpanels/dynamica_pages_control_panel/controlpanel.py b/src/cs_dynamicpages/controlpanels/dynamica_pages_control_panel/controlpanel.py
index 49009ca..31f91ad 100644
--- a/src/cs_dynamicpages/controlpanels/dynamica_pages_control_panel/controlpanel.py
+++ b/src/cs_dynamicpages/controlpanels/dynamica_pages_control_panel/controlpanel.py
@@ -11,6 +11,7 @@
 from collective.z3cform.datagridfield.registry import DictRow
 from plone.autoform.directives import widget
 
+
 class IRowTypeFieldsSchema(Interface):
     row_type = schema.Choice(
         title="Row type",
@@ -35,9 +36,9 @@ class IRowTypeFieldsSchema(Interface):
 class IDynamicaPagesControlPanel(Interface):
     widget(row_type_fields=DataGridFieldFactory)
     row_type_fields = schema.List(
-        title=u"Row Type Fields",
+        title="Row Type Fields",
         required=True,
-        value_type=DictRow(title=u"Row Type Fields", schema=IRowTypeFieldsSchema),
+        value_type=DictRow(title="Row Type Fields", schema=IRowTypeFieldsSchema),
         default=[
             {
                 "row_type": "cs_dynamicpages-featured-view",
@@ -65,6 +66,7 @@ class IDynamicaPagesControlPanel(Interface):
                 "row_type_has_featured_add_button": True,
             },
             {
+<<<<<<< HEAD
                 "row_type": "cs_dynamicpages-features-view",
                 "each_row_type_fields": ["IBasic.title", "IRowColumns.columns"],
                 "row_type_has_featured_add_button": True,
@@ -83,6 +85,17 @@ class IDynamicaPagesControlPanel(Interface):
                 "row_type": "cs_dynamicpages-text-view",
                 "each_row_type_fields": ["IBasic.title", "IRichTextBehavior-text"],
                 "row_type_has_featured_add_button": False,
+=======
+                "row_type": "cs_dynamicpages-query-three-columns-view",
+                "each_row_type_fields": [
+                    "IBasic.title",
+                    "ICollection.query",
+                    "ICollection.sort_on",
+                    "ICollection.sort_order",
+                    "ICollection.betweeen",
+                    "ICollection.limit",
+                ],
+>>>>>>> 0eadc1c (initial test setup)
             },
         ],
     )
diff --git a/src/cs_dynamicpages/dependencies.zcml b/src/cs_dynamicpages/dependencies.zcml
index 75ca76a..3a4d184 100644
--- a/src/cs_dynamicpages/dependencies.zcml
+++ b/src/cs_dynamicpages/dependencies.zcml
@@ -1,5 +1,5 @@
 <configure xmlns="http://namespaces.zope.org/zope">
 
   <!-- List all packages you depend here -->
-
+  <include package="collective.z3cform.datagridfield" />
 </configure>
diff --git a/src/cs_dynamicpages/locales/cs_dynamicpages.pot b/src/cs_dynamicpages/locales/cs_dynamicpages.pot
new file mode 100644
index 0000000..ca28bf5
--- /dev/null
+++ b/src/cs_dynamicpages/locales/cs_dynamicpages.pot
@@ -0,0 +1,18 @@
+#--- PLEASE EDIT THE LINES BELOW CORRECTLY ---
+#SOME DESCRIPTIVE TITLE.
+#FIRST AUTHOR <EMAIL@ADDRESS>, YEAR.
+msgid ""
+msgstr ""
+"Project-Id-Version: PACKAGE VERSION\n"
+"POT-Creation-Date: 2022-05-25 17:12+0000\n"
+"PO-Revision-Date: YEAR-MO-DA HO:MI +ZONE\n"
+"Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
+"Language-Team: LANGUAGE <LL@li.org>\n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=utf-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"Plural-Forms: nplurals=1; plural=0\n"
+"Language-Code: en\n"
+"Language-Name: English\n"
+"Preferred-Encodings: utf-8 latin1\n"
+"Domain: cs_dynamicpages\n"
diff --git a/src/cs_dynamicpages/profiles/default/metadata.xml b/src/cs_dynamicpages/profiles/default/metadata.xml
index ec58cba..999094f 100644
--- a/src/cs_dynamicpages/profiles/default/metadata.xml
+++ b/src/cs_dynamicpages/profiles/default/metadata.xml
@@ -2,5 +2,8 @@
 <metadata>
   <version>1000</version>
   <dependencies>
-    <dependency>profile-plone.app.dexterity:default</dependency></dependencies>
+    <dependency>profile-plone.app.dexterity:default</dependency>
+    <dependency>profile-collective.z3cform.datagridfield:default</dependency>
+
+  </dependencies>
 </metadata>
diff --git a/src/cs_dynamicpages/profiles/default/registry/dynamic_bundle.xml b/src/cs_dynamicpages/profiles/default/registry/dynamic_bundle.xml
index 2419b1c..b31e8cc 100644
--- a/src/cs_dynamicpages/profiles/default/registry/dynamic_bundle.xml
+++ b/src/cs_dynamicpages/profiles/default/registry/dynamic_bundle.xml
@@ -1,7 +1,5 @@
 <?xml version="1.0" encoding="utf-8"?>
 <registry>
-    <records interface="cs_dynamicpages.controlpanels.dynamica_pages_control_panel.controlpanel.IDynamicaPagesControlPanel" />
-
     <!-- Resource bundle for DynamicPageRow edit page -->
 
      <records interface="Products.CMFPlone.interfaces.IBundleRegistry"
diff --git a/src/cs_dynamicpages/profiles/uninstall/controlpanel.xml b/src/cs_dynamicpages/profiles/uninstall/controlpanel.xml
new file mode 100644
index 0000000..a1244da
--- /dev/null
+++ b/src/cs_dynamicpages/profiles/uninstall/controlpanel.xml
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<object xmlns:i18n="http://xml.zope.org/namespaces/i18n"
+        name="portal_controlpanel"
+        i18n:domain="cs_dynamicpages"
+>
+
+  <!-- -*- extra stuff goes here -*- -->
+
+  <configlet action_id="dynamica_pages_control_panel-controlpanel"
+             appId="dynamica_pages_control_panel-controlpanel"
+             category="Products"
+             condition_expr=""
+             icon_expr=""
+             title="Dynamica Pages Control Panel"
+             url_expr="string:${portal_url}/@@dynamica_pages_control_panel-controlpanel"
+             visible="True"
+             i18n:attributes="title"
+             remove="true" />
+
+
+</object>
diff --git a/src/cs_dynamicpages/profiles/uninstall/registry/dynamic_bundle.xml b/src/cs_dynamicpages/profiles/uninstall/registry/dynamic_bundle.xml
new file mode 100644
index 0000000..3ba379b
--- /dev/null
+++ b/src/cs_dynamicpages/profiles/uninstall/registry/dynamic_bundle.xml
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<registry>
+    <!-- Resource bundle for DynamicPageRow edit page -->
+
+  <records interface="Products.CMFPlone.interfaces.IBundleRegistry"
+           prefix="plone.bundles/cs_dynamicpages.dynamicpagerow_edit"
+           remove="true" />
+
+  <records interface="Products.CMFPlone.interfaces.IBundleRegistry"
+           prefix="plone.bundles/cs_dynamicpages.dynamicpagerow_view_delete"
+           remove="true" />
+
+  <records interface="Products.CMFPlone.interfaces.IBundleRegistry"
+           prefix="plone.bundles/cs_dynamicpages.dynamicpagerow_view_reorder"
+           remove="true" />
+
+
+</registry>
\ No newline at end of file
diff --git a/src/cs_dynamicpages/profiles/uninstall/registry/dynamica_pages_control_panel.xml b/src/cs_dynamicpages/profiles/uninstall/registry/dynamica_pages_control_panel.xml
new file mode 100644
index 0000000..24b3120
--- /dev/null
+++ b/src/cs_dynamicpages/profiles/uninstall/registry/dynamica_pages_control_panel.xml
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<registry xmlns:i18n="http://xml.zope.org/namespaces/i18n"
+          i18n:domain="cs_dynamicpages"
+>
+
+  <!-- -*- extra stuff goes here -*- -->
+
+  <records interface="cs_dynamicpages.controlpanels.dynamica_pages_control_panel.controlpanel.IDynamicaPagesControlPanel"
+           prefix="cs_dynamicpages.dynamica_pages_control_panel"
+           remove="true"
+  />
+
+
+</registry>
diff --git a/src/cs_dynamicpages/profiles/uninstall/types.xml b/src/cs_dynamicpages/profiles/uninstall/types.xml
new file mode 100644
index 0000000..a325b1b
--- /dev/null
+++ b/src/cs_dynamicpages/profiles/uninstall/types.xml
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<object meta_type="Plone Types Tool"
+        name="portal_types"
+>
+  <!--
+  <object meta_type="Dexterity FTI"
+          name="MyType"
+  />
+-->
+  <object meta_type="Dexterity FTI"
+          name="DynamicPageFolder"
+          remove="true"
+  />
+  <object meta_type="Dexterity FTI"
+          name="DynamicPageRow"
+          remove="true"
+  />
+  <object meta_type="Dexterity FTI"
+          name="DynamicPageRowFeatured"
+          remove="true"
+  />
+</object>
diff --git a/src/cs_dynamicpages/tests/test_view_dynamic_page_folder_view.py b/src/cs_dynamicpages/tests/test_view_dynamic_page_folder_view.py
index c00c836..6c58f1e 100644
--- a/src/cs_dynamicpages/tests/test_view_dynamic_page_folder_view.py
+++ b/src/cs_dynamicpages/tests/test_view_dynamic_page_folder_view.py
@@ -1,4 +1,3 @@
-# -*- coding: utf-8 -*-
 from cs_dynamicpages.testing import CS_DYNAMICPAGES_FUNCTIONAL_TESTING
 from cs_dynamicpages.testing import CS_DYNAMICPAGES_INTEGRATION_TESTING
 from cs_dynamicpages.views.dynamic_page_folder_view import IDynamicPageFolderView
diff --git a/src/cs_dynamicpages/tests/test_view_dynamic_page_row_featured_view.py b/src/cs_dynamicpages/tests/test_view_dynamic_page_row_featured_view.py
index 29e6a8f..1e6fd5c 100644
--- a/src/cs_dynamicpages/tests/test_view_dynamic_page_row_featured_view.py
+++ b/src/cs_dynamicpages/tests/test_view_dynamic_page_row_featured_view.py
@@ -1,4 +1,3 @@
-# -*- coding: utf-8 -*-
 from cs_dynamicpages.testing import CS_DYNAMICPAGES_FUNCTIONAL_TESTING
 from cs_dynamicpages.testing import CS_DYNAMICPAGES_INTEGRATION_TESTING
 from cs_dynamicpages.views.dynamic_page_row_featured_view import IDynamicPageRowFeaturedView
diff --git a/src/cs_dynamicpages/browser/overrides/.gitkeep b/src/cs_dynamicpages/upgrades/__init__.py
similarity index 100%
rename from src/cs_dynamicpages/browser/overrides/.gitkeep
rename to src/cs_dynamicpages/upgrades/__init__.py
diff --git a/src/cs_dynamicpages/upgrades/configure.zcml b/src/cs_dynamicpages/upgrades/configure.zcml
new file mode 100644
index 0000000..7a0a5a3
--- /dev/null
+++ b/src/cs_dynamicpages/upgrades/configure.zcml
@@ -0,0 +1,21 @@
+<configure
+    xmlns="http://namespaces.zope.org/zope"
+    xmlns:genericsetup="http://namespaces.zope.org/genericsetup"
+    >
+
+  <!-- Example upgrade step
+  <genericsetup:upgradeSteps
+      profile="cs_dynamicpages:default"
+      source="1000"
+      destination="1001"
+      >
+    <genericsetup:upgradeDepends
+        title="Update registry value"
+        import_steps="plone.app.registry"
+        />
+  </genericsetup:upgradeSteps>
+  -->
+
+  <!-- -*- extra stuff goes here -*- -->
+
+</configure>
diff --git a/src/cs_dynamicpages/views/dynamic_page_folder_view.py b/src/cs_dynamicpages/views/dynamic_page_folder_view.py
index f8596ad..b68079d 100644
--- a/src/cs_dynamicpages/views/dynamic_page_folder_view.py
+++ b/src/cs_dynamicpages/views/dynamic_page_folder_view.py
@@ -1,4 +1,3 @@
-# -*- coding: utf-8 -*-
 
 # from cs_dynamicpages import _
 from Products.Five.browser import BrowserView
diff --git a/src/cs_dynamicpages/views/dynamic_page_row_featured_view.py b/src/cs_dynamicpages/views/dynamic_page_row_featured_view.py
index 0dd9585..8366298 100644
--- a/src/cs_dynamicpages/views/dynamic_page_row_featured_view.py
+++ b/src/cs_dynamicpages/views/dynamic_page_row_featured_view.py
@@ -1,4 +1,3 @@
-# -*- coding: utf-8 -*-
 
 # from cs_dynamicpages import _
 from Products.Five.browser import BrowserView
diff --git a/src/cs_dynamicpages/views/dynamic_view.py b/src/cs_dynamicpages/views/dynamic_view.py
index ed03e33..ca6396a 100644
--- a/src/cs_dynamicpages/views/dynamic_view.py
+++ b/src/cs_dynamicpages/views/dynamic_view.py
@@ -36,4 +36,4 @@ def dynamic_page_folder_element_url(self):
         return ""
 
     def can_edit(self):
-        return api.user.has_permission("Modify portal content", obj=self.context)
\ No newline at end of file
+        return api.user.has_permission("Modify portal content", obj=self.context)
diff --git a/tests/__init__.py b/tests/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/tests/base.py b/tests/base.py
new file mode 100644
index 0000000..39b5447
--- /dev/null
+++ b/tests/base.py
@@ -0,0 +1,19 @@
+import pytest
+
+from cs_dynamicpages import logger
+from cs_dynamicpages import PACKAGE_NAME
+
+class TestBase:
+    @pytest.fixture(autouse=True)
+    def installed(self, portal, installer):
+        """
+        Workaround to test isolation problems when using
+        collective.z3cform.datagridfield
+
+        See: https://community.plone.org/t/test-isolation-errors-with-collective-z3cform-datagridfield/7424
+        """
+        try:
+            installer.install_product(PACKAGE_NAME)
+        except:
+            logger.info('Package already installed')
+
diff --git a/tests/conftest.py b/tests/conftest.py
index 2055be7..5067a0d 100644
--- a/tests/conftest.py
+++ b/tests/conftest.py
@@ -1,7 +1,7 @@
+from pytest_plone import fixtures_factory
 from cs_dynamicpages.testing import ACCEPTANCE_TESTING
 from cs_dynamicpages.testing import FUNCTIONAL_TESTING
 from cs_dynamicpages.testing import INTEGRATION_TESTING
-from pytest_plone import fixtures_factory
 
 
 pytest_plugins = ["pytest_plone"]
diff --git a/tests/content/__init__.py b/tests/content/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/tests/content/conftest.py b/tests/content/conftest.py
new file mode 100644
index 0000000..62e6d0f
--- /dev/null
+++ b/tests/content/conftest.py
@@ -0,0 +1,111 @@
+from zope.interface import alsoProvides
+from cs_dynamicpages.interfaces import IBrowserLayer
+from plone.app.multilingual.interfaces import ITranslationManager
+
+from plone.namedfile import NamedBlobImage
+from base64 import b64decode
+from collections import defaultdict
+from plone import api
+import pytest
+
+
+@pytest.fixture
+def contents() -> list:
+    """Content to be created."""
+    return [
+        # EU CONTENT
+        {
+            "_container": "",
+            "_language": "eu",
+            "_transitions": ["publish"],
+            "type": "Folder",
+            "id": "folder",
+            "title": "Folder",
+        },
+        {
+            "_container": "folder",
+            "_transitions": ["publish"],
+            "_language": "eu",
+            "type": "DynamicPageFolder",
+            "id": "dpf",
+            "title": "DPF",
+        },
+        {
+            "_container": "folder/dpf",
+            "_transitions": ["publish"],
+            "_language": "eu",
+            "type": "DynamicPageRow",
+            "id": "row-1",
+            "title": "Row 1",
+        },
+        {
+            "_container": "folder/dpf",
+            "_transitions": ["publish"],
+            "_language": "eu",
+            "type": "DynamicPageRow",
+            "id": "row-2",
+            "title": "Row 2",
+        },
+    ]
+
+@pytest.fixture()
+def portal(functional):
+    return functional["portal"]
+
+@pytest.fixture()
+def my_request(functional):
+    req = functional['request']
+    alsoProvides(req, IBrowserLayer)
+    return req
+
+@pytest.fixture
+def create_contents(contents):
+    """Helper fixture to create initial content."""
+
+    def func(portal) -> dict:
+        ids = defaultdict(list)
+        for item in contents:
+            container_path = item["_container"]
+            container = portal.unrestrictedTraverse(container_path)
+            payload = {"container": container, "language": item["_language"]}
+            if "_image" in item:
+                payload["image"] = NamedBlobImage(b64decode(item["_image"]))
+            for key, value in item.items():
+                if key.startswith("_"):
+                    continue
+                payload[key] = value
+
+            content = api.content.create(**payload)
+            content.language = payload["language"]
+            if "_view" in item:
+                content.setLayout(item["_view"])
+            # Set translation
+            if "_translation_of" in item:
+                source = portal.unrestrictedTraverse(item["_translation_of"])
+                ITranslationManager(source).register_translation(
+                    content.language, content
+                )
+            # Transition items
+            if "_transitions" in item:
+                transitions = item["_transitions"]
+                for transition in transitions:
+                    api.content.transition(content, transition=transition)
+            ids[container_path].append(content.getId())
+        return ids
+
+    return func
+
+
+@pytest.fixture()
+def portal_with_content(app, portal, create_contents):
+    """Plone portal with initial content."""
+    with api.env.adopt_roles(["Manager"]):
+        content_ids = create_contents(portal)
+    # transaction.commit()
+    yield portal
+    # with api.env.adopt_roles(["Manager"]):
+    #     containers = sorted(content_ids.keys(), reverse=True)
+    #     for container_path in containers:
+    #         container = portal.unrestrictedTraverse(container_path)
+    #         container.manage_delObjects(content_ids[container_path])
+    # transaction.commit()
diff --git a/tests/content/test_content_operations.py b/tests/content/test_content_operations.py
new file mode 100644
index 0000000..b205691
--- /dev/null
+++ b/tests/content/test_content_operations.py
@@ -0,0 +1,46 @@
+from plone import api
+import pytest
+from ..base import TestBase
+
+
+class TestContent(TestBase):
+
+    @pytest.fixture(autouse=True)
+    def create_content(self, portal):
+        with api.env.adopt_roles(["Manager"]):
+            self.folder = api.content.create(
+                container=portal,
+                type="Folder",
+                id="folder",
+            )
+
+            assert self.folder is not None
+            assert self.folder.id == "folder"
+
+            self.dpf = api.content.create(
+                container=self.folder, type="DynamicPageFolder", id="dpf", title="DPF"
+            )
+
+            assert self.dpf is not None
+            assert self.dpf.id == "dpf"
+
+            self.row1 = api.content.create(
+                container=self.dpf, type="DynamicPageRow", id="row-1", title="Row 1"
+            )
+            assert self.row1 is not None
+            assert self.row1.id == "row-1"
+
+            self.row2 = api.content.create(
+                container=self.dpf, type="DynamicPageRow", id="row-2", title="Row 2"
+            )
+            assert self.row2 is not None
+            assert self.row2.id == "row-2"
+
+    def test_view(self, portal, my_request):
+        self.folder.setLayout('dynamic-view')
+
+        view = api.content.get_view(
+            context=self.folder, name="dynamic-view", request=my_request
+        )
+
+        assert view().find('Add row') != -1
diff --git a/tests/setup/__init__.py b/tests/setup/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/tests/setup/test_setup_install.py b/tests/setup/test_setup_install.py
index e2efb57..ebd4363 100644
--- a/tests/setup/test_setup_install.py
+++ b/tests/setup/test_setup_install.py
@@ -1,7 +1,11 @@
+from ..base import TestBase
 from cs_dynamicpages import PACKAGE_NAME
 
 
-class TestSetupInstall:
+
+class TestSetupInstall(TestBase):
+
+
     def test_addon_installed(self, installer):
         """Test if cs_dynamicpages is installed."""
         assert installer.is_product_installed(PACKAGE_NAME) is True

From 6e99b5b94d9e0f706bd5ada1a63ed89d2f136c04 Mon Sep 17 00:00:00 2001
From: Mikel Larreategi <mlarreategi@codesyntax.com>
Date: Thu, 17 Jul 2025 14:43:33 +0200
Subject: [PATCH 02/24] fix

---
 .../dynamica_pages_control_panel/controlpanel.py     | 12 ------------
 1 file changed, 12 deletions(-)

diff --git a/src/cs_dynamicpages/controlpanels/dynamica_pages_control_panel/controlpanel.py b/src/cs_dynamicpages/controlpanels/dynamica_pages_control_panel/controlpanel.py
index 31f91ad..466438a 100644
--- a/src/cs_dynamicpages/controlpanels/dynamica_pages_control_panel/controlpanel.py
+++ b/src/cs_dynamicpages/controlpanels/dynamica_pages_control_panel/controlpanel.py
@@ -66,7 +66,6 @@ class IDynamicaPagesControlPanel(Interface):
                 "row_type_has_featured_add_button": True,
             },
             {
-<<<<<<< HEAD
                 "row_type": "cs_dynamicpages-features-view",
                 "each_row_type_fields": ["IBasic.title", "IRowColumns.columns"],
                 "row_type_has_featured_add_button": True,
@@ -85,17 +84,6 @@ class IDynamicaPagesControlPanel(Interface):
                 "row_type": "cs_dynamicpages-text-view",
                 "each_row_type_fields": ["IBasic.title", "IRichTextBehavior-text"],
                 "row_type_has_featured_add_button": False,
-=======
-                "row_type": "cs_dynamicpages-query-three-columns-view",
-                "each_row_type_fields": [
-                    "IBasic.title",
-                    "ICollection.query",
-                    "ICollection.sort_on",
-                    "ICollection.sort_order",
-                    "ICollection.betweeen",
-                    "ICollection.limit",
-                ],
->>>>>>> 0eadc1c (initial test setup)
             },
         ],
     )

From e16a642e8013d8cc7d9935f2533096d98d6065b8 Mon Sep 17 00:00:00 2001
From: Mikel Larreategi <mlarreategi@codesyntax.com>
Date: Thu, 17 Jul 2025 15:17:25 +0200
Subject: [PATCH 03/24] tests

---
 src/cs_dynamicpages/views/dynamic_view.pt    | 379 ++++++++++++-------
 src/cs_dynamicpages/vocabularies/row_type.py |   1 +
 tests/content/conftest.py                    |  13 +
 tests/content/test_content_operations.py     |  37 +-
 4 files changed, 284 insertions(+), 146 deletions(-)

diff --git a/src/cs_dynamicpages/views/dynamic_view.pt b/src/cs_dynamicpages/views/dynamic_view.pt
index 983a03e..6b15d3a 100644
--- a/src/cs_dynamicpages/views/dynamic_view.pt
+++ b/src/cs_dynamicpages/views/dynamic_view.pt
@@ -1,158 +1,257 @@
-<html xmlns="http://www.w3.org/1999/xhtml" xmlns:i18n="http://xml.zope.org/namespaces/i18n"
-  xmlns:metal="http://xml.zope.org/namespaces/metal" xmlns:tal="http://xml.zope.org/namespaces/tal"
-  metal:use-macro="context/main_template/macros/master" i18n:domain="cs_dynamicpages"
-  tal:define="portal_url context/portal_url;" data-portal-url="${portal_url}">
+<html
+    xmlns="http://www.w3.org/1999/xhtml"
+    xmlns:i18n="http://xml.zope.org/namespaces/i18n"
+    xmlns:metal="http://xml.zope.org/namespaces/metal"
+    xmlns:tal="http://xml.zope.org/namespaces/tal"
+    metal:use-macro="context/main_template/macros/master"
+    tal:define="portal_url context/portal_url;"
+    data-portal-url="${portal_url}"
+    i18n:domain="cs_dynamicpages"
+    >
 
-<body>
-  <metal:main fill-slot="main">
-    <main id="content">
-      <div class="fixed-top d-flex justify-content-end py-2 me-2" tal:condition="view/can_edit">
+  <body>
+    <metal:main fill-slot="main">
+      <main id="content">
         <div
-          class="d-inline-flex mb-3 px-3 py-2 fw-semibold text-warning-emphasis bg-warning-subtle border border-warning-subtle rounded-5">
-          <div class="form-check form-switch">
-            <input class="form-check-input" type="checkbox" role="switch" id="editModeToggle" checked>
-            <label class="form-check-label" for="editModeToggle">Edit Mode</label>
+            class="fixed-top d-flex justify-content-end py-2 me-2"
+            tal:condition="view/can_edit"
+            >
+          <div class="d-inline-flex mb-3 px-3 py-2 fw-semibold text-warning-emphasis bg-warning-subtle border border-warning-subtle rounded-5">
+            <div class="form-check form-switch">
+              <input
+                  id="editModeToggle"
+                  class="form-check-input"
+                  role="switch"
+                  type="checkbox"
+                  >
+                <label
+                    for="editModeToggle"
+                    class="form-check-label"
+                    >Edit Mode</label>
+              </input>
+            </div>
           </div>
-        </div>
-      </div>
-      <tal:features define="
-                        rows view/rows;
-                      ">
-        <tal:featured repeat="brain rows">
-          <section tal:define="row brain/getObject;" class="dynamic-row ${row/row_template} state-${row/review_state}"
-            data-elementid="${row/id}" data-elementurl="${row/absolute_url}"
-            data-parenturl="${row/aq_parent/absolute_url}" data-delete-target="true" data-move-target="true">
-            <div class="edit-options edit-buttons d-flex gap-2" tal:condition="row/can_edit">
-              <small
-                class="d-inline-flex mb-3 px-2 py-1 fw-semibold text-warning-emphasis bg-warning-subtle border border-warning-subtle rounded-2 position-relative">
+          <tal:features define="                         rows view/rows;                       ">
+            <tal:featured repeat="brain rows">
+              <section
+                  class="dynamic-row ${row/row_template} state-${row/review_state}"
+                  tal:define="row brain/getObject;"
+                  data-delete-target="true"
+                  data-elementid="${row/id}"
+                  data-elementurl="${row/absolute_url}"
+                  data-move-target="true"
+                  data-parenturl="${row/aq_parent/absolute_url}"
+                  >
+                <div
+                    class="edit-options edit-buttons d-flex gap-2"
+                    tal:condition="row/can_edit"
+                    >
+                  <small class="d-inline-flex mb-3 px-2 py-1 fw-semibold text-warning-emphasis bg-warning-subtle border border-warning-subtle rounded-2 position-relative">
                 Template: ${row/row_template}
               </small>
-              <!-- <a class="btn btn-outline-primary btn-sm align-self-start" href="${row/absolute_url}">View</a> -->
-              <a class="btn btn-outline-primary btn-sm align-self-start" href="${row/absolute_url}/edit">Edit</a>
-              <a class="btn btn-sm btn-danger align-self-start btn-delete-element" href="#" data-bs-toggle="modal"
-                data-bs-target="#deleteElementModal" data-rowid="${row/id}">Delete row</a>
+                  <!-- <a class="btn btn-outline-primary btn-sm align-self-start" href="${row/absolute_url}">View</a> -->
+                  <a
+                      class="btn btn-outline-primary btn-sm align-self-start"
+                      href="${row/absolute_url}/edit"
+                      >Edit</a>
+                  <a
+                      class="btn btn-sm btn-danger align-self-start btn-delete-element"
+                      href="#"
+                      data-bs-target="#deleteElementModal"
+                      data-bs-toggle="modal"
+                      data-rowid="${row/id}"
+                      >Delete row</a>
 
-              <div class="ms-auto d-flex gap-2 align-items-start">
+                  <div class="ms-auto d-flex gap-2 align-items-start">
 
-                <a tal:condition="python:not(repeat['brain'].start)"
-                  class="btn btn-outline-primary btn-sm align-self-start" href="#" data-action="move-up">Move up</a>
-                <a tal:condition="python:not(repeat['brain'].end)"
-                  class="btn btn-outline-primary btn-sm align-self-start" href="#" data-action="move-down">Move
+                    <a
+                        class="btn btn-outline-primary btn-sm align-self-start"
+                        href="#"
+                        tal:condition="python:not(repeat['brain'].start)"
+                        data-action="move-up"
+                        >Move up</a>
+                    <a
+                        class="btn btn-outline-primary btn-sm align-self-start"
+                        href="#"
+                        tal:condition="python:not(repeat['brain'].end)"
+                        data-action="move-down"
+                        >Move
                   down</a>
-                <div class="btn-group">
-                  <a tal:attributes="class python:row.review_state() == 'published' and
-                    'position-relative btn btn-outline-success btn-sm bg-success-subtle dropdown-toggle' or
-                    'position-relative btn btn-outline-danger btn-sm bg-danger-subtle dropdown-toggle'" type="button"
-                    class="btn btn-secondary dropdown-toggle" data-bs-toggle="dropdown" data-bs-display="static"
-                    aria-expanded="false">
+                    <div class="btn-group">
+                      <a
+                          class="btn btn-secondary dropdown-toggle"
+                          aria-expanded="false"
+                          tal:attributes="class python:row.review_state() == 'published' and                     'position-relative btn btn-outline-success btn-sm bg-success-subtle dropdown-toggle' or                     'position-relative btn btn-outline-danger btn-sm bg-danger-subtle dropdown-toggle'"
+                          type="button"
+                          data-bs-display="static"
+                          data-bs-toggle="dropdown"
+                          >
                     Review state: ${row/review_state}
-                    <span
-                      tal:attributes="class python:row.review_state() == 'published' and 'position-absolute top-0 start-100 translate-middle p-2 bg-success border border-light rounded-circle' or 'position-absolute top-0 start-100 translate-middle p-2 bg-danger border border-light rounded-circle'">
-                    </span>
-                  </a>
-                  <ul class="dropdown-menu"
-                    tal:define="transitions python:context.portal_workflow.getTransitionsFor(row)">
-                    <tal:transitions repeat="transition transitions">
-                      <li><a class="dropdown-item"
-                          href="${transition/url}&_authenticator=${context/@@authenticator/token}">${transition/name}</a>
-                      </li>
-                    </tal:transitions>
-                  </ul>
-                </div>
-              </div>
+                        <span tal:attributes="class python:row.review_state() == 'published' and 'position-absolute top-0 start-100 translate-middle p-2 bg-success border border-light rounded-circle' or 'position-absolute top-0 start-100 translate-middle p-2 bg-danger border border-light rounded-circle'">
+</span>
+                      </a>
+                      <ul
+                          class="dropdown-menu"
+                          tal:define="transitions python:context.portal_workflow.getTransitionsFor(row)"
+                          >
+                        <tal:transitions repeat="transition transitions">
+                          <li><a
+                                class="dropdown-item"
+                                href="${transition/url}&amp;_authenticator=${context/@@authenticator/token}"
+                                >${transition/name}</a>
+                          </li>
+                        </tal:transitions>
+                      </ul>
+                    </div>
+                  </div>
 
-            </div>
-            <tal:condition tal:condition="row/can_edit">
-              <div class="edit-options features-list d-flex gap-2 align-items-start mb-3"
-                tal:define="features_list row/featured_list">
-                <tal:conditionfeatures tal:condition="features_list">
-                  <tal:featured repeat="featured_brain features_list">
-                    <div tal:define="featured_obj featured_brain/getObject;">
-                      <div class="btn-group" data-elementid="${featured_obj/id}" data-parenturl="${row/absolute_url}"
-                        data-elementurl="${featured_obj/absolute_url}" data-delete-target="true"
-                        data-move-target="true">
-                        <a tal:attributes="class python:featured_obj.review_state() == 'published' and
-                                          'position-relative btn btn-outline-success btn-sm bg-success-subtle dropdown-toggle' or
-                                          'position-relative btn btn-outline-danger btn-sm bg-danger-subtle dropdown-toggle'"
-                          type="button" class="btn btn-secondary dropdown-toggle" data-bs-toggle="dropdown"
-                          data-bs-display="static" aria-expanded="false">
+                </div>
+                <tal:condition tal:condition="row/can_edit">
+                  <div
+                      class="edit-options features-list d-flex gap-2 align-items-start mb-3"
+                      tal:define="features_list row/featured_list"
+                      >
+                    <tal:conditionfeatures tal:condition="features_list">
+                      <tal:featured repeat="featured_brain features_list">
+                        <div tal:define="featured_obj featured_brain/getObject;">
+                          <div
+                              class="btn-group"
+                              data-delete-target="true"
+                              data-elementid="${featured_obj/id}"
+                              data-elementurl="${featured_obj/absolute_url}"
+                              data-move-target="true"
+                              data-parenturl="${row/absolute_url}"
+                              >
+                            <a
+                                class="btn btn-secondary dropdown-toggle"
+                                aria-expanded="false"
+                                tal:attributes="class python:featured_obj.review_state() == 'published' and                                           'position-relative btn btn-outline-success btn-sm bg-success-subtle dropdown-toggle' or                                           'position-relative btn btn-outline-danger btn-sm bg-danger-subtle dropdown-toggle'"
+                                type="button"
+                                data-bs-display="static"
+                                data-bs-toggle="dropdown"
+                                >
                           ${featured_obj/Title}
-                          <span
-                            tal:attributes="class python:featured_obj.review_state() == 'published' and 'text-white position-absolute top-0 start-100 translate-middle p-1 bg-success border border-light rounded-circle' or 'text-white position-absolute top-0 start-100 translate-middle p-1 bg-danger border border-light rounded-circle'">
-                          </span>
-                        </a>
-                        <ul class="dropdown-menu">
-                          <li><a class="dropdown-item" href="${featured_obj/absolute_url}/edit">Edit</a>
-                          </li>
-                          <li>
-                            <h5 class="dropdown-header">State</h5>
-                          </li>
-                          <tal:define
-                            tal:define="featured_transitions python:context.portal_workflow.getTransitionsFor(featured_obj)">
-                            <tal:featured_transitions repeat="featured_transition featured_transitions">
-                              <li><a class="dropdown-item"
-                                  href="${featured_transition/url}&_authenticator=${context/@@authenticator/token}">${featured_transition/name}</a>
+                              <span tal:attributes="class python:featured_obj.review_state() == 'published' and 'text-white position-absolute top-0 start-100 translate-middle p-1 bg-success border border-light rounded-circle' or 'text-white position-absolute top-0 start-100 translate-middle p-1 bg-danger border border-light rounded-circle'">
+</span>
+                            </a>
+                            <ul class="dropdown-menu">
+                              <li><a
+                                    class="dropdown-item"
+                                    href="${featured_obj/absolute_url}/edit"
+                                    >Edit</a>
                               </li>
-                            </tal:featured_transitions>
-                          </tal:define>
-                          <li>
-                            <h5 class="dropdown-header">Move actions</h5>
-                          </li>
-                          <li><a class="dropdown-item" href="#" data-action="move-up"
-                              tal:condition="python:not(repeat['featured_brain'].start)">Move up</a></li>
-                          <li><a class="dropdown-item" href="#" data-action="move-down"
-                              tal:condition="python:not(repeat['featured_brain'].end)">Move down</a></li>
-                          <li>
-                            <hr class="dropdown-divider">
-                          </li>
-                          <li><a class="ms-3 btn btn-sm btn-danger align-self-start btn-delete-element" href="#"
-                              data-bs-toggle="modal" data-bs-target="#deleteElementModal">Delete</a></li>
-                        </ul>
-                      </div>
-                    </div>
-                  </tal:featured>
-                </tal:conditionfeatures>
+                              <li>
+                                <h5 class="dropdown-header">State</h5>
+                              </li>
+                              <tal:define tal:define="featured_transitions python:context.portal_workflow.getTransitionsFor(featured_obj)">
+                                <tal:featured_transitions repeat="featured_transition featured_transitions">
+                                  <li><a
+                                        class="dropdown-item"
+                                        href="${featured_transition/url}&amp;_authenticator=${context/@@authenticator/token}"
+                                        >${featured_transition/name}</a>
+                                  </li>
+                                </tal:featured_transitions>
+                              </tal:define>
+                              <li>
+                                <h5 class="dropdown-header">Move actions</h5>
+                              </li>
+                              <li><a
+                                    class="dropdown-item"
+                                    href="#"
+                                    tal:condition="python:not(repeat['featured_brain'].start)"
+                                    data-action="move-up"
+                                    >Move up</a></li>
+                              <li><a
+                                    class="dropdown-item"
+                                    href="#"
+                                    tal:condition="python:not(repeat['featured_brain'].end)"
+                                    data-action="move-down"
+                                    >Move down</a></li>
+                              <li>
+                                <hr class="dropdown-divider">
+</hr>
+                                <li><a
+                                      class="ms-3 btn btn-sm btn-danger align-self-start btn-delete-element"
+                                      href="#"
+                                      data-bs-target="#deleteElementModal"
+                                      data-bs-toggle="modal"
+                                      >Delete</a></li>
+                              </li>
+                            </ul>
+                          </div>
+                        </div>
+                      </tal:featured>
 
-                <tal:featured_add_button tal:condition="row/show_featured_add_button">
-                  <a class="btn btn-outline-primary btn-sm align-self-start"
-                    href="${row/absolute_url}/++add++DynamicPageRowFeatured">Add new featured</a>
-                </tal:featured_add_button>
+                      <tal:featured_add_button tal:condition="row/show_featured_add_button">
+                        <a
+                            class="btn btn-outline-primary btn-sm align-self-start"
+                            href="${row/absolute_url}/++add++DynamicPageRowFeatured"
+                            >Add new featured</a>
+                      </tal:featured_add_button>
+                    </tal:conditionfeatures>
+                  </div>
+                  <div class="content">
+                    <replace tal:replace="structure python:row.render(request)" />
+                  </div>
+                </tal:condition>
+              </section>
+            </tal:featured>
+            <tal:condition tal:condition="view/can_edit">
+              <div
+                  class="edit-options dynamic-row d-flex justify-content-center align-items-center"
+                  tal:condition="view/dynamic_page_folder_element_url"
+                  >
+                <a
+                    class="btn btn-primary btn-lg"
+                    href="${view/dynamic_page_folder_element_url}/++add++DynamicPageRow"
+                    >Add new row</a>
               </div>
             </tal:condition>
-            <div class="content">
-              <replace tal:replace="structure python:row.render(request)"></replace>
-            </div>
-          </section>
-        </tal:featured>
-      </tal:features>
-      <tal:condition tal:condition="view/can_edit">
-        <div class="edit-options dynamic-row d-flex justify-content-center align-items-center"
-          tal:condition="view/dynamic_page_folder_element_url">
-          <a class="btn btn-primary btn-lg" href="${view/dynamic_page_folder_element_url}/++add++DynamicPageRow">Add
-            new row</a>
-        </div>
-      </tal:condition>
-      <!-- Delete Confirmation Modal -->
-      <div class="modal fade" id="deleteElementModal" tabindex="-1" aria-labelledby="deleteElementModalLabel"
-        aria-hidden="true">
-        <div class="modal-dialog">
-          <div class="modal-content">
-            <div class="modal-header">
-              <h5 class="modal-title" id="deleteElementModalLabel" i18n:translate="">Confirm Deletion</h5>
-              <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
-            </div>
-            <div class="modal-body">
-              <p i18n:translate="">Are you sure you want to delete this item? This action cannot be undone.</p>
-            </div>
-            <div class="modal-footer">
-              <button type="button" class="btn btn-secondary" data-bs-dismiss="modal" i18n:translate="">Cancel</button>
-              <button type="button" class="btn btn-danger" id="confirmDeleteElement" i18n:translate="">Delete</button>
+            <!-- Delete Confirmation Modal -->
+            <div
+                id="deleteElementModal"
+                class="modal fade"
+                aria-hidden="true"
+                aria-labelledby="deleteElementModalLabel"
+                tabindex="-1"
+                >
+              <div class="modal-dialog">
+                <div class="modal-content">
+                  <div class="modal-header">
+                    <h5
+                        id="deleteElementModalLabel"
+                        class="modal-title"
+                        i18n:translate=""
+                        >Confirm Deletion</h5>
+                    <button
+                        class="btn-close"
+                        aria-label="Close"
+                        type="button"
+                        data-bs-dismiss="modal"
+                        />
+                  </div>
+                  <div class="modal-body">
+                    <p i18n:translate="">Are you sure you want to delete this item? This action cannot be undone.</p>
+                  </div>
+                  <div class="modal-footer">
+                    <button
+                        class="btn btn-secondary"
+                        type="button"
+                        data-bs-dismiss="modal"
+                        i18n:translate=""
+                        >Cancel</button>
+                    <button
+                        id="confirmDeleteElement"
+                        class="btn btn-danger"
+                        type="button"
+                        i18n:translate=""
+                        >Delete</button>
+                  </div>
+                </div>
+              </div>
             </div>
-          </div>
+          </tal:features>
         </div>
-      </div>
-    </main>
-  </metal:main>
-</body>
+      </main>
 
-</html>
\ No newline at end of file
+    </metal:main></body></html>
diff --git a/src/cs_dynamicpages/vocabularies/row_type.py b/src/cs_dynamicpages/vocabularies/row_type.py
index 2838efa..18640f7 100644
--- a/src/cs_dynamicpages/vocabularies/row_type.py
+++ b/src/cs_dynamicpages/vocabularies/row_type.py
@@ -29,6 +29,7 @@ def __call__(self, context):
                 portal_type="DynamicPageRow",
                 context=api.portal.get(),
             )
+        query_context = None
         if elements:
             query_context = elements[0].getObject()
         else:
diff --git a/tests/content/conftest.py b/tests/content/conftest.py
index 62e6d0f..7609f85 100644
--- a/tests/content/conftest.py
+++ b/tests/content/conftest.py
@@ -1,3 +1,6 @@
+from plone.app.testing import SITE_OWNER_NAME
+from plone.app.testing import SITE_OWNER_PASSWORD
+from plone.testing.zope import Browser
 from zope.interface import alsoProvides
 from cs_dynamicpages.interfaces import IBrowserLayer
 from plone.app.multilingual.interfaces import ITranslationManager
@@ -52,6 +55,16 @@ def contents() -> list:
 def portal(functional):
     return functional["portal"]
 
+
+@pytest.fixture()
+def browser(functional):
+    browser = Browser(functional['app'])
+    browser.handleErrors = False
+    browser.addHeader(
+            "Authorization", f"Basic {SITE_OWNER_NAME}:{SITE_OWNER_PASSWORD}"
+        )
+    return browser
+
 @pytest.fixture()
 def my_request(functional):
     req = functional['request']
diff --git a/tests/content/test_content_operations.py b/tests/content/test_content_operations.py
index b205691..dc90db9 100644
--- a/tests/content/test_content_operations.py
+++ b/tests/content/test_content_operations.py
@@ -1,3 +1,4 @@
+import transaction
 from plone import api
 import pytest
 from ..base import TestBase
@@ -17,6 +18,8 @@ def create_content(self, portal):
             assert self.folder is not None
             assert self.folder.id == "folder"
 
+            self.folder.setLayout('dynamic-view')
+
             self.dpf = api.content.create(
                 container=self.folder, type="DynamicPageFolder", id="dpf", title="DPF"
             )
@@ -36,11 +39,33 @@ def create_content(self, portal):
             assert self.row2 is not None
             assert self.row2.id == "row-2"
 
-    def test_view(self, portal, my_request):
-        self.folder.setLayout('dynamic-view')
+            transaction.commit()
+    def test_view(self, browser):
+        """ check that the folder is rendered correctly with the basic instructions """
+
+        browser.open(self.folder.absolute_url())
+        # We have 2 rows, so there must be an option to delete a row
+        assert 'Delete row' in browser.contents
+
+        # assert "Row 1" in browser.contents
+        # assert "Row 2" in browser.contents
+
+        # There must be an option to add a new row
+        assert 'Add new row' in browser.contents
+
+    def test_add_row(self, browser):
+        """ click add row"""
+        browser.open(self.folder.absolute_url())
+        link = browser.getLink("Add new row")
+        link.click()
+        assert "++add++DynamicPageRow" in browser.url
+
+        control = browser.getControl(name="form.widgets.IBasic.title")
+        control.value = "Row 3"
+
+        save = browser.getControl(name="form.buttons.save")
+        save.click()
 
-        view = api.content.get_view(
-            context=self.folder, name="dynamic-view", request=my_request
-        )
+        browser.open(self.folder.absolute_url())
 
-        assert view().find('Add row') != -1
+        assert len(self.folder.dpf.keys()) == 3

From 0149e0a0376b666b42a02831d9f4cbce5387b5f3 Mon Sep 17 00:00:00 2001
From: Mikel Larreategi <mlarreategi@codesyntax.com>
Date: Thu, 17 Jul 2025 15:20:43 +0200
Subject: [PATCH 04/24] lint & format

---
 scripts/create_site.py                        |   3 +-
 src/cs_dynamicpages/behaviors/configure.zcml  |  16 +-
 .../behaviors/related_image.py                |   5 +-
 src/cs_dynamicpages/behaviors/row_columns.py  |  12 +-
 src/cs_dynamicpages/configure.zcml            |   4 +-
 .../content/dynamic_page_row.py               |   9 +-
 .../content/dynamic_page_row_featured.py      |   3 +-
 .../controlpanel.py                           |  33 +-
 src/cs_dynamicpages/locales/__main__.py       |   6 +-
 src/cs_dynamicpages/permissions.zcml          |   2 +-
 .../default/registry/dynamic_bundle.xml       |  54 +--
 .../profiles/default/types/DynamicPageRow.xml |   2 +-
 .../default/types/DynamicPageRowFeatured.xml  |   2 +-
 .../profiles/uninstall/controlpanel.xml       |   3 +-
 .../uninstall/registry/dynamic_bundle.xml     |  13 +-
 .../tests/test_behavior_row_columns.py        |  10 +-
 .../test_view_dynamic_page_folder_view.py     |  22 +-
 ...est_view_dynamic_page_row_featured_view.py |  26 +-
 .../tests/test_vocab_image_position.py        |  13 +-
 .../tests/test_vocab_row_columns.py           |  13 +-
 src/cs_dynamicpages/views/accordion_view.pt   |  40 +-
 src/cs_dynamicpages/views/configure.zcml      |  28 +-
 .../views/dynamic_page_folder_view.pt         |  60 +--
 .../views/dynamic_page_folder_view.py         |   5 +-
 .../views/dynamic_page_row_featured_view.pt   |  40 +-
 .../views/dynamic_page_row_featured_view.py   |   5 +-
 .../views/dynamic_page_row_view.pt            |  41 ++-
 .../views/dynamic_page_row_view.py            |   1 +
 src/cs_dynamicpages/views/dynamic_view.pt     | 341 +++++++++---------
 src/cs_dynamicpages/views/dynamic_view.py     |   5 +-
 .../views/featured_overlay_view.pt            |  20 +-
 src/cs_dynamicpages/views/featured_view.pt    |  30 +-
 src/cs_dynamicpages/views/featured_view.py    |   2 +-
 src/cs_dynamicpages/views/features_view.pt    |  50 ++-
 .../views/horizontal_rule_view.pt             |   2 +-
 .../views/query_columns_view.pt               |  41 ++-
 .../views/query_columns_view.py               |   3 +-
 src/cs_dynamicpages/views/slider_view.pt      |  62 +++-
 src/cs_dynamicpages/views/slider_view.py      |   2 +-
 src/cs_dynamicpages/views/spacer_view.pt      |   2 +-
 src/cs_dynamicpages/views/text_view.pt        |   8 +-
 .../vocabularies/configure.zcml               |  16 +-
 .../vocabularies/image_position.py            |  19 +-
 .../vocabularies/row_columns.py               |  21 +-
 src/cs_dynamicpages/vocabularies/row_type.py  |  10 +-
 tests/base.py                                 |   8 +-
 tests/conftest.py                             |   2 +-
 tests/content/conftest.py                     |  23 +-
 tests/content/test_content_operations.py      |  17 +-
 tests/setup/test_setup_install.py             |   3 -
 50 files changed, 641 insertions(+), 517 deletions(-)

diff --git a/scripts/create_site.py b/scripts/create_site.py
index b659efd..d650191 100644
--- a/scripts/create_site.py
+++ b/scripts/create_site.py
@@ -46,8 +46,7 @@ def asbool(s):
 payload = {
     "title": "cs_dynamicpages",
     "profile_id": _DEFAULT_PROFILE,
-"distribution_name": "classic",
-
+    "distribution_name": "classic",
     "setup_content": False,
     "default_language": "en",
     "portal_timezone": "UTC",
diff --git a/src/cs_dynamicpages/behaviors/configure.zcml b/src/cs_dynamicpages/behaviors/configure.zcml
index f1d4aeb..ea2852a 100644
--- a/src/cs_dynamicpages/behaviors/configure.zcml
+++ b/src/cs_dynamicpages/behaviors/configure.zcml
@@ -13,14 +13,14 @@
 
   <!-- -*- extra stuff goes here -*- -->
 
-    <plone:behavior
-        name="cs_dynamicpages.row_columns"
-        title="RowColumns"
-        description="This behavior provides..."
-        provides=".row_columns.IRowColumns"
-        factory=".row_columns.RowColumns"
-        marker=".row_columns.IRowColumnsMarker"
-        />
+  <plone:behavior
+      name="cs_dynamicpages.row_columns"
+      title="RowColumns"
+      description="This behavior provides..."
+      factory=".row_columns.RowColumns"
+      provides=".row_columns.IRowColumns"
+      marker=".row_columns.IRowColumnsMarker"
+      />
 
 
   <plone:behavior
diff --git a/src/cs_dynamicpages/behaviors/related_image.py b/src/cs_dynamicpages/behaviors/related_image.py
index 51a104e..4326972 100644
--- a/src/cs_dynamicpages/behaviors/related_image.py
+++ b/src/cs_dynamicpages/behaviors/related_image.py
@@ -5,11 +5,12 @@
 from Products.CMFPlone.utils import safe_hasattr
 from z3c.relationfield.schema import RelationChoice
 from z3c.relationfield.schema import RelationList
+from zope import schema
 from zope.component import adapter
 from zope.interface import implementer
 from zope.interface import Interface
 from zope.interface import provider
-from zope import schema
+
 
 class IRelatedImageMarker(Interface):
     pass
@@ -68,4 +69,4 @@ def image_position(self):
 
     @image_position.setter
     def image_position(self, value):
-        self.context.image_position = value
\ No newline at end of file
+        self.context.image_position = value
diff --git a/src/cs_dynamicpages/behaviors/row_columns.py b/src/cs_dynamicpages/behaviors/row_columns.py
index f13decb..674e4a2 100644
--- a/src/cs_dynamicpages/behaviors/row_columns.py
+++ b/src/cs_dynamicpages/behaviors/row_columns.py
@@ -1,13 +1,10 @@
-# -*- coding: utf-8 -*-
-
-from cs_dynamicpages import _
 from plone import schema
 from plone.autoform.interfaces import IFormFieldProvider
 from plone.supermodel import model
 from Products.CMFPlone.utils import safe_hasattr
 from zope.component import adapter
-from zope.interface import Interface
 from zope.interface import implementer
+from zope.interface import Interface
 from zope.interface import provider
 
 
@@ -17,8 +14,7 @@ class IRowColumnsMarker(Interface):
 
 @provider(IFormFieldProvider)
 class IRowColumns(model.Schema):
-    """
-    """
+    """ """
 
     columns = schema.Choice(
         title="Columns",
@@ -30,13 +26,13 @@ class IRowColumns(model.Schema):
 
 @implementer(IRowColumns)
 @adapter(IRowColumnsMarker)
-class RowColumns(object):
+class RowColumns:
     def __init__(self, context):
         self.context = context
 
     @property
     def columns(self):
-        if safe_hasattr(self.context, 'columns'):
+        if safe_hasattr(self.context, "columns"):
             return self.context.columns
         return None
 
diff --git a/src/cs_dynamicpages/configure.zcml b/src/cs_dynamicpages/configure.zcml
index 8909b49..7a411ec 100644
--- a/src/cs_dynamicpages/configure.zcml
+++ b/src/cs_dynamicpages/configure.zcml
@@ -21,10 +21,10 @@
 
   <!-- -*- extra stuff goes here -*- -->
 
-    <include package=".vocabularies" />
+  <include package=".vocabularies" />
 
 
-    <include package=".vocabularies" />
+  <include package=".vocabularies" />
 
 
   <include package=".controlpanels" />
diff --git a/src/cs_dynamicpages/content/dynamic_page_row.py b/src/cs_dynamicpages/content/dynamic_page_row.py
index 3477d52..e7f71da 100644
--- a/src/cs_dynamicpages/content/dynamic_page_row.py
+++ b/src/cs_dynamicpages/content/dynamic_page_row.py
@@ -12,6 +12,7 @@
 from zope import schema
 from zope.interface import implementer
 
+
 log = getLogger(__name__)
 
 # from cs_dynamicpages import _
@@ -51,10 +52,12 @@ def featured_list(self):
 
     def show_featured_add_button(self):
         row_type = self.row_type
-        row_type_fields = api.portal.get_registry_record('cs_dynamicpages.dynamica_pages_control_panel.row_type_fields')
+        row_type_fields = api.portal.get_registry_record(
+            "cs_dynamicpages.dynamica_pages_control_panel.row_type_fields"
+        )
         for row_type_field in row_type_fields:
-            if row_type_field['row_type'] == row_type:
-                return row_type_field['row_type_has_featured_add_button']
+            if row_type_field["row_type"] == row_type:
+                return row_type_field["row_type_has_featured_add_button"]
         return False
 
     def render(self, request):
diff --git a/src/cs_dynamicpages/content/dynamic_page_row_featured.py b/src/cs_dynamicpages/content/dynamic_page_row_featured.py
index 1a20140..27ad5f5 100644
--- a/src/cs_dynamicpages/content/dynamic_page_row_featured.py
+++ b/src/cs_dynamicpages/content/dynamic_page_row_featured.py
@@ -1,5 +1,6 @@
 # from plone.app.textfield import RichText
 # from plone.autoform import directives
+from plone import api
 from plone.dexterity.content import Item
 
 # from plone.namedfile import field as namedfile
@@ -9,7 +10,7 @@
 # from z3c.form.browser.radio import RadioFieldWidget
 # from zope import schema
 from zope.interface import implementer
-from plone import api
+
 
 # from cs_dynamicpages import _
 
diff --git a/src/cs_dynamicpages/controlpanels/dynamica_pages_control_panel/controlpanel.py b/src/cs_dynamicpages/controlpanels/dynamica_pages_control_panel/controlpanel.py
index 466438a..3769ed6 100644
--- a/src/cs_dynamicpages/controlpanels/dynamica_pages_control_panel/controlpanel.py
+++ b/src/cs_dynamicpages/controlpanels/dynamica_pages_control_panel/controlpanel.py
@@ -1,15 +1,15 @@
+from collective.z3cform.datagridfield.datagridfield import DataGridFieldFactory
+from collective.z3cform.datagridfield.registry import DictRow
 from cs_dynamicpages import _
 from cs_dynamicpages.interfaces import IBrowserLayer
 from plone.app.registry.browser.controlpanel import ControlPanelFormWrapper
 from plone.app.registry.browser.controlpanel import RegistryEditForm
+from plone.autoform.directives import widget
 from plone.restapi.controlpanels import RegistryConfigletPanel
 from plone.z3cform import layout
 from zope import schema
 from zope.component import adapter
 from zope.interface import Interface
-from collective.z3cform.datagridfield.datagridfield import DataGridFieldFactory
-from collective.z3cform.datagridfield.registry import DictRow
-from plone.autoform.directives import widget
 
 
 class IRowTypeFieldsSchema(Interface):
@@ -42,12 +42,25 @@ class IDynamicaPagesControlPanel(Interface):
         default=[
             {
                 "row_type": "cs_dynamicpages-featured-view",
-                "each_row_type_fields": ["IBasic.title", "IBasic.description", "IRelatedImage.related_image", "IRelatedImage.image_position", "ILinkInfo.link_text", "ILinkInfo.link_url"],
+                "each_row_type_fields": [
+                    "IBasic.title",
+                    "IBasic.description",
+                    "IRelatedImage.related_image",
+                    "IRelatedImage.image_position",
+                    "ILinkInfo.link_text",
+                    "ILinkInfo.link_url",
+                ],
                 "row_type_has_featured_add_button": False,
             },
             {
                 "row_type": "cs_dynamicpages-featured-overlay-view",
-                "each_row_type_fields": ["IBasic.title", "IBasic.description", "IRelatedImage.related_image", "ILinkInfo.link_text", "ILinkInfo.link_url"],
+                "each_row_type_fields": [
+                    "IBasic.title",
+                    "IBasic.description",
+                    "IRelatedImage.related_image",
+                    "ILinkInfo.link_text",
+                    "ILinkInfo.link_url",
+                ],
                 "row_type_has_featured_add_button": False,
             },
             {
@@ -77,7 +90,15 @@ class IDynamicaPagesControlPanel(Interface):
             },
             {
                 "row_type": "cs_dynamicpages-query-columns-view",
-                "each_row_type_fields": ["IBasic.title", "ICollection.query", "ICollection.sort_on", "ICollection.sort_order", "ICollection.betweeen", "ICollection.limit", "IRowColumns.columns"],
+                "each_row_type_fields": [
+                    "IBasic.title",
+                    "ICollection.query",
+                    "ICollection.sort_on",
+                    "ICollection.sort_order",
+                    "ICollection.betweeen",
+                    "ICollection.limit",
+                    "IRowColumns.columns",
+                ],
                 "row_type_has_featured_add_button": False,
             },
             {
diff --git a/src/cs_dynamicpages/locales/__main__.py b/src/cs_dynamicpages/locales/__main__.py
index a5677b6..cea189c 100644
--- a/src/cs_dynamicpages/locales/__main__.py
+++ b/src/cs_dynamicpages/locales/__main__.py
@@ -37,7 +37,7 @@ def locale_folder_setup(domain: str):
                 f"--input={locale_path}/{domain}.pot "
                 f"--output={locale_path}/{lang}/LC_MESSAGES/{domain}.po"
             )
-            subprocess.call(cmd, shell=True)  # noQA: S602
+            subprocess.call(cmd, shell=True)  # noqa: S602
 
 
 def _rebuild(domain: str):
@@ -46,7 +46,7 @@ def _rebuild(domain: str):
         f"--exclude {excludes} "
         f"--create {domain} {target_path}"
     )
-    subprocess.call(cmd, shell=True)  # noQA: S602
+    subprocess.call(cmd, shell=True)  # noqa: S602
 
 
 def _sync(domain: str):
@@ -54,7 +54,7 @@ def _sync(domain: str):
         f"{i18ndude} sync --pot {locale_path}/{domain}.pot "
         f"{locale_path}/*/LC_MESSAGES/{domain}.po"
     )
-    subprocess.call(cmd, shell=True)  # noQA: S602
+    subprocess.call(cmd, shell=True)  # noqa: S602
 
 
 def main():
diff --git a/src/cs_dynamicpages/permissions.zcml b/src/cs_dynamicpages/permissions.zcml
index 6773a76..cf82d48 100644
--- a/src/cs_dynamicpages/permissions.zcml
+++ b/src/cs_dynamicpages/permissions.zcml
@@ -17,7 +17,7 @@
       title="cs_dynamicpages: Add DynamicPageRow"
       />
 
-   <permission
+  <permission
       id="cs_dynamicpages.AddDynamicPageFolder"
       title="cs_dynamicpages: Add DynamicPageFolder"
       />
diff --git a/src/cs_dynamicpages/profiles/default/registry/dynamic_bundle.xml b/src/cs_dynamicpages/profiles/default/registry/dynamic_bundle.xml
index b31e8cc..908eb65 100644
--- a/src/cs_dynamicpages/profiles/default/registry/dynamic_bundle.xml
+++ b/src/cs_dynamicpages/profiles/default/registry/dynamic_bundle.xml
@@ -1,48 +1,48 @@
 <?xml version="1.0" encoding="utf-8"?>
 <registry>
-    <!-- Resource bundle for DynamicPageRow edit page -->
+  <!-- Resource bundle for DynamicPageRow edit page -->
 
-     <records interface="Products.CMFPlone.interfaces.IBundleRegistry"
+  <records interface="Products.CMFPlone.interfaces.IBundleRegistry"
            prefix="plone.bundles/cs_dynamicpages.dynamicpagerow_edit"
   >
-        <value key="enabled">True</value>
-        <value key="jscompilation">++plone++cs_dynamicpages.edit/edit_dynamicpagerow.js</value>
-        <value key="csscompilation">++plone++cs_dynamicpages.edit/dynamicpageview.css</value>
-        <value key="depends">plone</value>
-        <value key="load_async">True</value>
-        <value key="load_defer">False</value>
-        <value key="expression" />
+    <value key="enabled">True</value>
+    <value key="jscompilation">++plone++cs_dynamicpages.edit/edit_dynamicpagerow.js</value>
+    <value key="csscompilation">++plone++cs_dynamicpages.edit/dynamicpageview.css</value>
+    <value key="depends">plone</value>
+    <value key="load_async">True</value>
+    <value key="load_defer">False</value>
+    <value key="expression" />
   </records>
   <records interface="Products.CMFPlone.interfaces.IBundleRegistry"
            prefix="plone.bundles/cs_dynamicpages.dynamicpagerow_view_delete"
   >
-        <value key="enabled">True</value>
-        <value key="jscompilation">++plone++cs_dynamicpages.edit/delete-row.js</value>
-        <value key="depends">plone</value>
-        <value key="load_async">True</value>
-        <value key="load_defer">False</value>
-        <value key="expression" />
+    <value key="enabled">True</value>
+    <value key="jscompilation">++plone++cs_dynamicpages.edit/delete-row.js</value>
+    <value key="depends">plone</value>
+    <value key="load_async">True</value>
+    <value key="load_defer">False</value>
+    <value key="expression" />
   </records>
 
   <records interface="Products.CMFPlone.interfaces.IBundleRegistry"
            prefix="plone.bundles/cs_dynamicpages.dynamicpagerow_view_reorder"
   >
-        <value key="enabled">True</value>
-        <value key="jscompilation">++plone++cs_dynamicpages.edit/reorder-rows.js</value>
-        <value key="depends">plone</value>
-        <value key="load_async">True</value>
-        <value key="load_defer">False</value>
-        <value key="expression" />
+    <value key="enabled">True</value>
+    <value key="jscompilation">++plone++cs_dynamicpages.edit/reorder-rows.js</value>
+    <value key="depends">plone</value>
+    <value key="load_async">True</value>
+    <value key="load_defer">False</value>
+    <value key="expression" />
   </records>
 
   <records interface="Products.CMFPlone.interfaces.IBundleRegistry"
            prefix="plone.bundles/cs_dynamicpages.editmode_toggle"
   >
-        <value key="enabled">True</value>
-        <value key="jscompilation">++plone++cs_dynamicpages.edit/editmode-toggle.js</value>
-        <value key="depends">plone</value>
-        <value key="load_async">True</value>
-        <value key="load_defer">False</value>
-        <value key="expression" />
+    <value key="enabled">True</value>
+    <value key="jscompilation">++plone++cs_dynamicpages.edit/editmode-toggle.js</value>
+    <value key="depends">plone</value>
+    <value key="load_async">True</value>
+    <value key="load_defer">False</value>
+    <value key="expression" />
   </records>
 </registry>
diff --git a/src/cs_dynamicpages/profiles/default/types/DynamicPageRow.xml b/src/cs_dynamicpages/profiles/default/types/DynamicPageRow.xml
index 787b2bd..cc8b6d4 100644
--- a/src/cs_dynamicpages/profiles/default/types/DynamicPageRow.xml
+++ b/src/cs_dynamicpages/profiles/default/types/DynamicPageRow.xml
@@ -54,7 +54,7 @@
     <element value="plone.constraintypes" />
     <!--<element value="plone.leadimage"/>-->
     <!--<element value="plone.relateditems"/>-->
-    <element value="plone.richtext"/>
+    <element value="plone.richtext" />
     <!--<element value="plone.tableofcontents"/>-->
     <!--<element value="plone.versioning" />-->
     <!--<element value="plone.translatable" />-->
diff --git a/src/cs_dynamicpages/profiles/default/types/DynamicPageRowFeatured.xml b/src/cs_dynamicpages/profiles/default/types/DynamicPageRowFeatured.xml
index 06e8789..e8d85e9 100644
--- a/src/cs_dynamicpages/profiles/default/types/DynamicPageRowFeatured.xml
+++ b/src/cs_dynamicpages/profiles/default/types/DynamicPageRowFeatured.xml
@@ -47,7 +47,7 @@
     <element value="cs_dynamicpages.related_image" />
     <!--<element value="plone.leadimage"/>-->
     <!--<element value="plone.relateditems"/>-->
-    <element value="plone.richtext"/>
+    <element value="plone.richtext" />
     <!--<element value="plone.tableofcontents"/>-->
     <!--<element value="plone.versioning" />-->
     <!--<element value="plone.translatable" />-->
diff --git a/src/cs_dynamicpages/profiles/uninstall/controlpanel.xml b/src/cs_dynamicpages/profiles/uninstall/controlpanel.xml
index a1244da..cafe9d2 100644
--- a/src/cs_dynamicpages/profiles/uninstall/controlpanel.xml
+++ b/src/cs_dynamicpages/profiles/uninstall/controlpanel.xml
@@ -11,11 +11,12 @@
              category="Products"
              condition_expr=""
              icon_expr=""
+             remove="true"
              title="Dynamica Pages Control Panel"
              url_expr="string:${portal_url}/@@dynamica_pages_control_panel-controlpanel"
              visible="True"
              i18n:attributes="title"
-             remove="true" />
+  />
 
 
 </object>
diff --git a/src/cs_dynamicpages/profiles/uninstall/registry/dynamic_bundle.xml b/src/cs_dynamicpages/profiles/uninstall/registry/dynamic_bundle.xml
index 3ba379b..dc49d67 100644
--- a/src/cs_dynamicpages/profiles/uninstall/registry/dynamic_bundle.xml
+++ b/src/cs_dynamicpages/profiles/uninstall/registry/dynamic_bundle.xml
@@ -1,18 +1,21 @@
 <?xml version="1.0" encoding="utf-8"?>
 <registry>
-    <!-- Resource bundle for DynamicPageRow edit page -->
+  <!-- Resource bundle for DynamicPageRow edit page -->
 
   <records interface="Products.CMFPlone.interfaces.IBundleRegistry"
            prefix="plone.bundles/cs_dynamicpages.dynamicpagerow_edit"
-           remove="true" />
+           remove="true"
+  />
 
   <records interface="Products.CMFPlone.interfaces.IBundleRegistry"
            prefix="plone.bundles/cs_dynamicpages.dynamicpagerow_view_delete"
-           remove="true" />
+           remove="true"
+  />
 
   <records interface="Products.CMFPlone.interfaces.IBundleRegistry"
            prefix="plone.bundles/cs_dynamicpages.dynamicpagerow_view_reorder"
-           remove="true" />
+           remove="true"
+  />
 
 
-</registry>
\ No newline at end of file
+</registry>
diff --git a/src/cs_dynamicpages/tests/test_behavior_row_columns.py b/src/cs_dynamicpages/tests/test_behavior_row_columns.py
index cfc4c29..4e56339 100644
--- a/src/cs_dynamicpages/tests/test_behavior_row_columns.py
+++ b/src/cs_dynamicpages/tests/test_behavior_row_columns.py
@@ -1,6 +1,5 @@
-# -*- coding: utf-8 -*-
 from cs_dynamicpages.behaviors.row_columns import IRowColumnsMarker
-from cs_dynamicpages.testing import CS_DYNAMICPAGES_INTEGRATION_TESTING  # noqa
+from cs_dynamicpages.testing import CS_DYNAMICPAGES_INTEGRATION_TESTING
 from plone.app.testing import setRoles
 from plone.app.testing import TEST_USER_ID
 from plone.behavior.interfaces import IBehavior
@@ -10,16 +9,15 @@
 
 
 class RowColumnsIntegrationTest(unittest.TestCase):
-
     layer = CS_DYNAMICPAGES_INTEGRATION_TESTING
 
     def setUp(self):
         """Custom shared utility setup for tests."""
-        self.portal = self.layer['portal']
-        setRoles(self.portal, TEST_USER_ID, ['Manager'])
+        self.portal = self.layer["portal"]
+        setRoles(self.portal, TEST_USER_ID, ["Manager"])
 
     def test_behavior_row_columns(self):
-        behavior = getUtility(IBehavior, 'cs_dynamicpages.row_columns')
+        behavior = getUtility(IBehavior, "cs_dynamicpages.row_columns")
         self.assertEqual(
             behavior.marker,
             IRowColumnsMarker,
diff --git a/src/cs_dynamicpages/tests/test_view_dynamic_page_folder_view.py b/src/cs_dynamicpages/tests/test_view_dynamic_page_folder_view.py
index 6c58f1e..caf7d16 100644
--- a/src/cs_dynamicpages/tests/test_view_dynamic_page_folder_view.py
+++ b/src/cs_dynamicpages/tests/test_view_dynamic_page_folder_view.py
@@ -11,19 +11,18 @@
 
 
 class ViewsIntegrationTest(unittest.TestCase):
-
     layer = CS_DYNAMICPAGES_INTEGRATION_TESTING
 
     def setUp(self):
-        self.portal = self.layer['portal']
-        setRoles(self.portal, TEST_USER_ID, ['Manager'])
-        api.content.create(self.portal, 'Folder', 'other-folder')
-        api.content.create(self.portal, 'Document', 'front-page')
+        self.portal = self.layer["portal"]
+        setRoles(self.portal, TEST_USER_ID, ["Manager"])
+        api.content.create(self.portal, "Folder", "other-folder")
+        api.content.create(self.portal, "Document", "front-page")
 
     def test_dynamic_page_folder_view_is_registered(self):
         view = getMultiAdapter(
-            (self.portal['other-folder'], self.portal.REQUEST),
-            name='dynamic-page-folder-view'
+            (self.portal["other-folder"], self.portal.REQUEST),
+            name="dynamic-page-folder-view",
         )
         self.assertTrue(IDynamicPageFolderView.providedBy(view))
 
@@ -31,8 +30,8 @@ def test_dynamic_page_folder_view_not_matching_interface(self):
         view_found = True
         try:
             view = getMultiAdapter(
-                (self.portal['front-page'], self.portal.REQUEST),
-                name='dynamic-page-folder-view'
+                (self.portal["front-page"], self.portal.REQUEST),
+                name="dynamic-page-folder-view",
             )
         except ComponentLookupError:
             view_found = False
@@ -42,9 +41,8 @@ def test_dynamic_page_folder_view_not_matching_interface(self):
 
 
 class ViewsFunctionalTest(unittest.TestCase):
-
     layer = CS_DYNAMICPAGES_FUNCTIONAL_TESTING
 
     def setUp(self):
-        self.portal = self.layer['portal']
-        setRoles(self.portal, TEST_USER_ID, ['Manager'])
+        self.portal = self.layer["portal"]
+        setRoles(self.portal, TEST_USER_ID, ["Manager"])
diff --git a/src/cs_dynamicpages/tests/test_view_dynamic_page_row_featured_view.py b/src/cs_dynamicpages/tests/test_view_dynamic_page_row_featured_view.py
index 1e6fd5c..e8d71fa 100644
--- a/src/cs_dynamicpages/tests/test_view_dynamic_page_row_featured_view.py
+++ b/src/cs_dynamicpages/tests/test_view_dynamic_page_row_featured_view.py
@@ -1,6 +1,8 @@
 from cs_dynamicpages.testing import CS_DYNAMICPAGES_FUNCTIONAL_TESTING
 from cs_dynamicpages.testing import CS_DYNAMICPAGES_INTEGRATION_TESTING
-from cs_dynamicpages.views.dynamic_page_row_featured_view import IDynamicPageRowFeaturedView
+from cs_dynamicpages.views.dynamic_page_row_featured_view import (
+    IDynamicPageRowFeaturedView,
+)
 from plone import api
 from plone.app.testing import setRoles
 from plone.app.testing import TEST_USER_ID
@@ -11,19 +13,18 @@
 
 
 class ViewsIntegrationTest(unittest.TestCase):
-
     layer = CS_DYNAMICPAGES_INTEGRATION_TESTING
 
     def setUp(self):
-        self.portal = self.layer['portal']
-        setRoles(self.portal, TEST_USER_ID, ['Manager'])
-        api.content.create(self.portal, 'Folder', 'other-folder')
-        api.content.create(self.portal, 'Document', 'front-page')
+        self.portal = self.layer["portal"]
+        setRoles(self.portal, TEST_USER_ID, ["Manager"])
+        api.content.create(self.portal, "Folder", "other-folder")
+        api.content.create(self.portal, "Document", "front-page")
 
     def test_dynamic_page_row_featured_view_is_registered(self):
         view = getMultiAdapter(
-            (self.portal['other-folder'], self.portal.REQUEST),
-            name='dynamic-page-row-featured-view'
+            (self.portal["other-folder"], self.portal.REQUEST),
+            name="dynamic-page-row-featured-view",
         )
         self.assertTrue(IDynamicPageRowFeaturedView.providedBy(view))
 
@@ -31,8 +32,8 @@ def test_dynamic_page_row_featured_view_not_matching_interface(self):
         view_found = True
         try:
             view = getMultiAdapter(
-                (self.portal['front-page'], self.portal.REQUEST),
-                name='dynamic-page-row-featured-view'
+                (self.portal["front-page"], self.portal.REQUEST),
+                name="dynamic-page-row-featured-view",
             )
         except ComponentLookupError:
             view_found = False
@@ -42,9 +43,8 @@ def test_dynamic_page_row_featured_view_not_matching_interface(self):
 
 
 class ViewsFunctionalTest(unittest.TestCase):
-
     layer = CS_DYNAMICPAGES_FUNCTIONAL_TESTING
 
     def setUp(self):
-        self.portal = self.layer['portal']
-        setRoles(self.portal, TEST_USER_ID, ['Manager'])
+        self.portal = self.layer["portal"]
+        setRoles(self.portal, TEST_USER_ID, ["Manager"])
diff --git a/src/cs_dynamicpages/tests/test_vocab_image_position.py b/src/cs_dynamicpages/tests/test_vocab_image_position.py
index b5ce923..ad21df9 100644
--- a/src/cs_dynamicpages/tests/test_vocab_image_position.py
+++ b/src/cs_dynamicpages/tests/test_vocab_image_position.py
@@ -1,5 +1,5 @@
 from cs_dynamicpages import _
-from cs_dynamicpages.testing import CS_DYNAMICPAGES_INTEGRATION_TESTING  # noqa
+from cs_dynamicpages.testing import CS_DYNAMICPAGES_INTEGRATION_TESTING
 from plone.app.testing import setRoles
 from plone.app.testing import TEST_USER_ID
 from zope.component import getUtility
@@ -10,22 +10,21 @@
 
 
 class ImagePositionIntegrationTest(unittest.TestCase):
-
     layer = CS_DYNAMICPAGES_INTEGRATION_TESTING
 
     def setUp(self):
         """Custom shared utility setup for tests."""
-        self.portal = self.layer['portal']
-        setRoles(self.portal, TEST_USER_ID, ['Manager'])
+        self.portal = self.layer["portal"]
+        setRoles(self.portal, TEST_USER_ID, ["Manager"])
 
     def test_vocab_image_position(self):
-        vocab_name = 'cs_dynamicpages.ImagePosition'
+        vocab_name = "cs_dynamicpages.ImagePosition"
         factory = getUtility(IVocabularyFactory, vocab_name)
         self.assertTrue(IVocabularyFactory.providedBy(factory))
 
         vocabulary = factory(self.portal)
         self.assertTrue(IVocabularyTokenized.providedBy(vocabulary))
         self.assertEqual(
-            vocabulary.getTerm('sony-a7r-iii').title,
-            _(u'Sony Aplha 7R III'),
+            vocabulary.getTerm("sony-a7r-iii").title,
+            _("Sony Aplha 7R III"),
         )
diff --git a/src/cs_dynamicpages/tests/test_vocab_row_columns.py b/src/cs_dynamicpages/tests/test_vocab_row_columns.py
index afe4d49..4bc54cd 100644
--- a/src/cs_dynamicpages/tests/test_vocab_row_columns.py
+++ b/src/cs_dynamicpages/tests/test_vocab_row_columns.py
@@ -1,5 +1,5 @@
 from cs_dynamicpages import _
-from cs_dynamicpages.testing import CS_DYNAMICPAGES_INTEGRATION_TESTING  # noqa
+from cs_dynamicpages.testing import CS_DYNAMICPAGES_INTEGRATION_TESTING
 from plone.app.testing import setRoles
 from plone.app.testing import TEST_USER_ID
 from zope.component import getUtility
@@ -10,22 +10,21 @@
 
 
 class RowColumnsIntegrationTest(unittest.TestCase):
-
     layer = CS_DYNAMICPAGES_INTEGRATION_TESTING
 
     def setUp(self):
         """Custom shared utility setup for tests."""
-        self.portal = self.layer['portal']
-        setRoles(self.portal, TEST_USER_ID, ['Manager'])
+        self.portal = self.layer["portal"]
+        setRoles(self.portal, TEST_USER_ID, ["Manager"])
 
     def test_vocab_row_columns(self):
-        vocab_name = 'cs_dynamicpages.RowColumns'
+        vocab_name = "cs_dynamicpages.RowColumns"
         factory = getUtility(IVocabularyFactory, vocab_name)
         self.assertTrue(IVocabularyFactory.providedBy(factory))
 
         vocabulary = factory(self.portal)
         self.assertTrue(IVocabularyTokenized.providedBy(vocabulary))
         self.assertEqual(
-            vocabulary.getTerm('sony-a7r-iii').title,
-            _(u'Sony Aplha 7R III'),
+            vocabulary.getTerm("sony-a7r-iii").title,
+            _("Sony Aplha 7R III"),
         )
diff --git a/src/cs_dynamicpages/views/accordion_view.pt b/src/cs_dynamicpages/views/accordion_view.pt
index 491f6e8..c638c84 100644
--- a/src/cs_dynamicpages/views/accordion_view.pt
+++ b/src/cs_dynamicpages/views/accordion_view.pt
@@ -1,22 +1,38 @@
-<div class="my-5 accordion accordion-flush" id="accordionDynamicPage-${context/id}" tal:define="
+<div class="my-5 accordion accordion-flush"
+     id="accordionDynamicPage-${context/id}"
+     tal:define="
        elements view/elements;
-     " tal:condition="elements">
-  <div class="accordion-item" tal:repeat="brain elements">
+     "
+     tal:condition="elements"
+>
+  <div class="accordion-item"
+       tal:repeat="brain elements"
+  >
     <div class="accordion-header h3">
-      <button class="accordion-button collapsed" aria-controls="accordionDynamicPage-${context/id}-${brain/id}"
-        aria-expanded="false" type="button" data-bs-target="#accordionDynamicPage-${context/id}-${brain/id}"
-        data-bs-toggle="collapse">
+      <button class="accordion-button collapsed"
+              aria-controls="accordionDynamicPage-${context/id}-${brain/id}"
+              aria-expanded="false"
+              type="button"
+              data-bs-target="#accordionDynamicPage-${context/id}-${brain/id}"
+              data-bs-toggle="collapse"
+      >
         ${brain/Title}
       </button>
     </div>
-    <div class="accordion-collapse collapse" id="accordionDynamicPage-${context/id}-${brain/id}"
-      data-bs-parent="#accordionDynamicPage-${context/id}">
-      <div class="accordion-body" tal:define="
+    <div class="accordion-collapse collapse"
+         id="accordionDynamicPage-${context/id}-${brain/id}"
+         data-bs-parent="#accordionDynamicPage-${context/id}"
+    >
+      <div class="accordion-body"
+           tal:define="
              element brain/getObject;
-           ">
-        <tal:replace tal:condition="element/text" replace="structure element/text/output">
+           "
+      >
+        <tal:replace tal:condition="element/text"
+                     replace="structure element/text/output"
+        >
         </tal:replace>
       </div>
     </div>
   </div>
-</div>
\ No newline at end of file
+</div>
diff --git a/src/cs_dynamicpages/views/configure.zcml b/src/cs_dynamicpages/views/configure.zcml
index 15a3539..9fa7921 100644
--- a/src/cs_dynamicpages/views/configure.zcml
+++ b/src/cs_dynamicpages/views/configure.zcml
@@ -8,22 +8,22 @@
   <!-- -*- extra stuff goes here -*- -->
 
   <browser:page
-    name="view"
-    for="cs_dynamicpages.content.dynamic_page_row_featured.IDynamicPageRowFeatured"
-    class=".dynamic_page_row_featured_view.DynamicPageRowFeaturedView"
-    template="dynamic_page_row_featured_view.pt"
-    permission="zope2.View"
-    layer="cs_dynamicpages.interfaces.IBrowserLayer"
-    />
+      name="view"
+      for="cs_dynamicpages.content.dynamic_page_row_featured.IDynamicPageRowFeatured"
+      class=".dynamic_page_row_featured_view.DynamicPageRowFeaturedView"
+      template="dynamic_page_row_featured_view.pt"
+      permission="zope2.View"
+      layer="cs_dynamicpages.interfaces.IBrowserLayer"
+      />
 
   <browser:page
-    name="view"
-    for="cs_dynamicpages.content.dynamic_page_folder.IDynamicPageFolder"
-    class=".dynamic_page_folder_view.DynamicPageFolderView"
-    template="dynamic_page_folder_view.pt"
-    permission="zope2.View"
-    layer="cs_dynamicpages.interfaces.IBrowserLayer"
-    />
+      name="view"
+      for="cs_dynamicpages.content.dynamic_page_folder.IDynamicPageFolder"
+      class=".dynamic_page_folder_view.DynamicPageFolderView"
+      template="dynamic_page_folder_view.pt"
+      permission="zope2.View"
+      layer="cs_dynamicpages.interfaces.IBrowserLayer"
+      />
 
   <browser:page
       name="dynamic-view"
diff --git a/src/cs_dynamicpages/views/dynamic_page_folder_view.pt b/src/cs_dynamicpages/views/dynamic_page_folder_view.pt
index 5a0d62b..ea6bf9d 100644
--- a/src/cs_dynamicpages/views/dynamic_page_folder_view.pt
+++ b/src/cs_dynamicpages/views/dynamic_page_folder_view.pt
@@ -1,34 +1,40 @@
-<html xmlns="http://www.w3.org/1999/xhtml" xmlns:metal="http://xml.zope.org/namespaces/metal"
-  xmlns:tal="http://xml.zope.org/namespaces/tal" xmlns:i18n="http://xml.zope.org/namespaces/i18n"
-  i18n:domain="cs_dynamicpages" metal:use-macro="context/main_template/macros/master">
+<html xmlns="http://www.w3.org/1999/xhtml"
+      xmlns:i18n="http://xml.zope.org/namespaces/i18n"
+      xmlns:metal="http://xml.zope.org/namespaces/metal"
+      xmlns:tal="http://xml.zope.org/namespaces/tal"
+      metal:use-macro="context/main_template/macros/master"
+      i18n:domain="cs_dynamicpages"
+>
 
-<body>
+  <body>
 
-  <metal:custom_title fill-slot="content-title">
-    <h1 tal:replace="structure context/@@title" />
-  </metal:custom_title>
+    <metal:custom_title fill-slot="content-title">
+      <h1 tal:replace="structure context/@@title"></h1>
+    </metal:custom_title>
 
-  <metal:custom_description fill-slot="content-description">
-    <p tal:replace="structure context/@@description" />
-  </metal:custom_description>
+    <metal:custom_description fill-slot="content-description">
+      <p tal:replace="structure context/@@description"></p>
+    </metal:custom_description>
 
-  <metal:content-core fill-slot="content-core">
-    <metal:block define-macro="content-core">
+    <metal:content-core fill-slot="content-core">
+      <metal:block define-macro="content-core">
 
-      <tal:define tal:define="
-                          isAnon context/@@plone_portal_state/anonymous;
-                        ">
-        <tal:condition tal:condition="isAnon">
-          <tal:replace tal:replace="python:context.REQUEST.RESPONSE.redirect(context.aq_parent.absolute_url(),301)">
-          </tal:replace>
-        </tal:condition>
-        <tal:conditionisanon tal:condition="not:isAnon">
-          <a class="btn btn-primary btn-lg" href="${context/aq_parent/absolute_url}">View dynamic page</a>
-        </tal:conditionisanon>
-      </tal:define>
+        <tal:define tal:define="
+                      isAnon context/@@plone_portal_state/anonymous;
+                    ">
+          <tal:condition tal:condition="isAnon">
+            <tal:replace tal:replace="python:context.REQUEST.RESPONSE.redirect(context.aq_parent.absolute_url(),301)">
+            </tal:replace>
+          </tal:condition>
+          <tal:conditionisanon tal:condition="not:isAnon">
+            <a class="btn btn-primary btn-lg"
+               href="${context/aq_parent/absolute_url}"
+            >View dynamic page</a>
+          </tal:conditionisanon>
+        </tal:define>
 
-    </metal:block>
-  </metal:content-core>
-</body>
+      </metal:block>
+    </metal:content-core>
+  </body>
 
-</html>
\ No newline at end of file
+</html>
diff --git a/src/cs_dynamicpages/views/dynamic_page_folder_view.py b/src/cs_dynamicpages/views/dynamic_page_folder_view.py
index b68079d..d58cd86 100644
--- a/src/cs_dynamicpages/views/dynamic_page_folder_view.py
+++ b/src/cs_dynamicpages/views/dynamic_page_folder_view.py
@@ -1,13 +1,14 @@
-
 # from cs_dynamicpages import _
 from Products.Five.browser import BrowserView
 from zope.interface import implementer
 from zope.interface import Interface
 
+
 # from Products.Five.browser.pagetemplatefile import ViewPageTemplateFile
 
+
 class IDynamicPageFolderView(Interface):
-    """ Marker Interface for IDynamicPageFolderView"""
+    """Marker Interface for IDynamicPageFolderView"""
 
 
 @implementer(IDynamicPageFolderView)
diff --git a/src/cs_dynamicpages/views/dynamic_page_row_featured_view.pt b/src/cs_dynamicpages/views/dynamic_page_row_featured_view.pt
index 980e00f..78af5c0 100644
--- a/src/cs_dynamicpages/views/dynamic_page_row_featured_view.pt
+++ b/src/cs_dynamicpages/views/dynamic_page_row_featured_view.pt
@@ -1,25 +1,29 @@
-<html xmlns="http://www.w3.org/1999/xhtml" xmlns:metal="http://xml.zope.org/namespaces/metal"
-  xmlns:tal="http://xml.zope.org/namespaces/tal" xmlns:i18n="http://xml.zope.org/namespaces/i18n"
-  i18n:domain="cs_dynamicpages" metal:use-macro="context/main_template/macros/master">
+<html xmlns="http://www.w3.org/1999/xhtml"
+      xmlns:i18n="http://xml.zope.org/namespaces/i18n"
+      xmlns:metal="http://xml.zope.org/namespaces/metal"
+      xmlns:tal="http://xml.zope.org/namespaces/tal"
+      metal:use-macro="context/main_template/macros/master"
+      i18n:domain="cs_dynamicpages"
+>
 
-<body>
+  <body>
 
-  <metal:custom_title fill-slot="content-title">
-    <h1 tal:replace="structure context/@@title" />
-  </metal:custom_title>
+    <metal:custom_title fill-slot="content-title">
+      <h1 tal:replace="structure context/@@title"></h1>
+    </metal:custom_title>
 
-  <metal:custom_description fill-slot="content-description">
-    <p tal:replace="structure context/@@description" />
-  </metal:custom_description>
+    <metal:custom_description fill-slot="content-description">
+      <p tal:replace="structure context/@@description"></p>
+    </metal:custom_description>
 
-  <metal:content-core fill-slot="content-core">
-    <metal:block define-macro="content-core">
+    <metal:content-core fill-slot="content-core">
+      <metal:block define-macro="content-core">
 
-      <tal:replace tal:replace="python:context.REQUEST.RESPONSE.redirect(context.aq_parent.absolute_url(),301)">
-      </tal:replace>
+        <tal:replace tal:replace="python:context.REQUEST.RESPONSE.redirect(context.aq_parent.absolute_url(),301)">
+        </tal:replace>
 
-    </metal:block>
-  </metal:content-core>
-</body>
+      </metal:block>
+    </metal:content-core>
+  </body>
 
-</html>
\ No newline at end of file
+</html>
diff --git a/src/cs_dynamicpages/views/dynamic_page_row_featured_view.py b/src/cs_dynamicpages/views/dynamic_page_row_featured_view.py
index 8366298..84422a9 100644
--- a/src/cs_dynamicpages/views/dynamic_page_row_featured_view.py
+++ b/src/cs_dynamicpages/views/dynamic_page_row_featured_view.py
@@ -1,13 +1,14 @@
-
 # from cs_dynamicpages import _
 from Products.Five.browser import BrowserView
 from zope.interface import implementer
 from zope.interface import Interface
 
+
 # from Products.Five.browser.pagetemplatefile import ViewPageTemplateFile
 
+
 class IDynamicPageRowFeaturedView(Interface):
-    """ Marker Interface for IDynamicPageRowFeaturedView"""
+    """Marker Interface for IDynamicPageRowFeaturedView"""
 
 
 @implementer(IDynamicPageRowFeaturedView)
diff --git a/src/cs_dynamicpages/views/dynamic_page_row_view.pt b/src/cs_dynamicpages/views/dynamic_page_row_view.pt
index 7eb711f..38f6aae 100644
--- a/src/cs_dynamicpages/views/dynamic_page_row_view.pt
+++ b/src/cs_dynamicpages/views/dynamic_page_row_view.pt
@@ -1,26 +1,29 @@
-<html xmlns="http://www.w3.org/1999/xhtml" xmlns:metal="http://xml.zope.org/namespaces/metal"
-  xmlns:tal="http://xml.zope.org/namespaces/tal" xmlns:i18n="http://xml.zope.org/namespaces/i18n"
-  i18n:domain="cs_dynamicpages" metal:use-macro="context/main_template/macros/master">
+<html xmlns="http://www.w3.org/1999/xhtml"
+      xmlns:i18n="http://xml.zope.org/namespaces/i18n"
+      xmlns:metal="http://xml.zope.org/namespaces/metal"
+      xmlns:tal="http://xml.zope.org/namespaces/tal"
+      metal:use-macro="context/main_template/macros/master"
+      i18n:domain="cs_dynamicpages"
+>
 
-<body>
+  <body>
 
-  <metal:custom_title fill-slot="content-title">
-    <h1 tal:replace="structure context/@@title" />
-  </metal:custom_title>
+    <metal:custom_title fill-slot="content-title">
+      <h1 tal:replace="structure context/@@title"></h1>
+    </metal:custom_title>
 
-  <metal:custom_description fill-slot="content-description">
-    <p tal:replace="structure context/@@description" />
-  </metal:custom_description>
+    <metal:custom_description fill-slot="content-description">
+      <p tal:replace="structure context/@@description"></p>
+    </metal:custom_description>
 
-  <metal:content-core fill-slot="content-core">
-    <metal:block define-macro="content-core">
+    <metal:content-core fill-slot="content-core">
+      <metal:block define-macro="content-core">
 
-      <tal:replace
-        tal:replace="python:context.REQUEST.RESPONSE.redirect(context.aq_parent.aq_parent.absolute_url(),301)">
-      </tal:replace>
+        <tal:replace tal:replace="python:context.REQUEST.RESPONSE.redirect(context.aq_parent.aq_parent.absolute_url(),301)">
+        </tal:replace>
 
-    </metal:block>
-  </metal:content-core>
-</body>
+      </metal:block>
+    </metal:content-core>
+  </body>
 
-</html>
\ No newline at end of file
+</html>
diff --git a/src/cs_dynamicpages/views/dynamic_page_row_view.py b/src/cs_dynamicpages/views/dynamic_page_row_view.py
index df39bd6..a15d1ea 100644
--- a/src/cs_dynamicpages/views/dynamic_page_row_view.py
+++ b/src/cs_dynamicpages/views/dynamic_page_row_view.py
@@ -3,6 +3,7 @@
 from zope.interface import implementer
 from zope.interface import Interface
 
+
 # from Products.Five.browser.pagetemplatefile import ViewPageTemplateFile
 
 
diff --git a/src/cs_dynamicpages/views/dynamic_view.pt b/src/cs_dynamicpages/views/dynamic_view.pt
index 6b15d3a..2c78757 100644
--- a/src/cs_dynamicpages/views/dynamic_view.pt
+++ b/src/cs_dynamicpages/views/dynamic_view.pt
@@ -1,104 +1,102 @@
-<html
-    xmlns="http://www.w3.org/1999/xhtml"
-    xmlns:i18n="http://xml.zope.org/namespaces/i18n"
-    xmlns:metal="http://xml.zope.org/namespaces/metal"
-    xmlns:tal="http://xml.zope.org/namespaces/tal"
-    metal:use-macro="context/main_template/macros/master"
-    tal:define="portal_url context/portal_url;"
-    data-portal-url="${portal_url}"
-    i18n:domain="cs_dynamicpages"
-    >
+<html xmlns="http://www.w3.org/1999/xhtml"
+      xmlns:i18n="http://xml.zope.org/namespaces/i18n"
+      xmlns:metal="http://xml.zope.org/namespaces/metal"
+      xmlns:tal="http://xml.zope.org/namespaces/tal"
+      metal:use-macro="context/main_template/macros/master"
+      data-portal-url="${portal_url}"
+      tal:define="
+        portal_url context/portal_url;
+      "
+      i18n:domain="cs_dynamicpages"
+>
 
   <body>
     <metal:main fill-slot="main">
       <main id="content">
-        <div
-            class="fixed-top d-flex justify-content-end py-2 me-2"
-            tal:condition="view/can_edit"
-            >
+        <div class="fixed-top d-flex justify-content-end py-2 me-2"
+             tal:condition="view/can_edit"
+        >
           <div class="d-inline-flex mb-3 px-3 py-2 fw-semibold text-warning-emphasis bg-warning-subtle border border-warning-subtle rounded-5">
             <div class="form-check form-switch">
-              <input
-                  id="editModeToggle"
-                  class="form-check-input"
-                  role="switch"
-                  type="checkbox"
-                  >
-                <label
-                    for="editModeToggle"
-                    class="form-check-label"
-                    >Edit Mode</label>
-              </input>
+              <input class="form-check-input"
+                     id="editModeToggle"
+                     role="switch"
+                     type="checkbox"
+              />
+              <label class="form-check-label"
+                     for="editModeToggle"
+              >Edit Mode</label>
             </div>
           </div>
-          <tal:features define="                         rows view/rows;                       ">
+          <tal:features define="
+                          rows view/rows;
+                        ">
             <tal:featured repeat="brain rows">
-              <section
-                  class="dynamic-row ${row/row_template} state-${row/review_state}"
-                  tal:define="row brain/getObject;"
-                  data-delete-target="true"
-                  data-elementid="${row/id}"
-                  data-elementurl="${row/absolute_url}"
-                  data-move-target="true"
-                  data-parenturl="${row/aq_parent/absolute_url}"
-                  >
-                <div
-                    class="edit-options edit-buttons d-flex gap-2"
-                    tal:condition="row/can_edit"
-                    >
+              <section class="dynamic-row ${row/row_template} state-${row/review_state}"
+                       data-delete-target="true"
+                       data-elementid="${row/id}"
+                       data-elementurl="${row/absolute_url}"
+                       data-move-target="true"
+                       data-parenturl="${row/aq_parent/absolute_url}"
+                       tal:define="
+                         row brain/getObject;
+                       "
+              >
+                <div class="edit-options edit-buttons d-flex gap-2"
+                     tal:condition="row/can_edit"
+                >
                   <small class="d-inline-flex mb-3 px-2 py-1 fw-semibold text-warning-emphasis bg-warning-subtle border border-warning-subtle rounded-2 position-relative">
                 Template: ${row/row_template}
-              </small>
+                  </small>
                   <!-- <a class="btn btn-outline-primary btn-sm align-self-start" href="${row/absolute_url}">View</a> -->
-                  <a
-                      class="btn btn-outline-primary btn-sm align-self-start"
-                      href="${row/absolute_url}/edit"
-                      >Edit</a>
-                  <a
-                      class="btn btn-sm btn-danger align-self-start btn-delete-element"
-                      href="#"
-                      data-bs-target="#deleteElementModal"
-                      data-bs-toggle="modal"
-                      data-rowid="${row/id}"
-                      >Delete row</a>
+                  <a class="btn btn-outline-primary btn-sm align-self-start"
+                     href="${row/absolute_url}/edit"
+                  >Edit</a>
+                  <a class="btn btn-sm btn-danger align-self-start btn-delete-element"
+                     href="#"
+                     data-bs-target="#deleteElementModal"
+                     data-bs-toggle="modal"
+                     data-rowid="${row/id}"
+                  >Delete row</a>
 
                   <div class="ms-auto d-flex gap-2 align-items-start">
 
-                    <a
-                        class="btn btn-outline-primary btn-sm align-self-start"
-                        href="#"
-                        tal:condition="python:not(repeat['brain'].start)"
-                        data-action="move-up"
-                        >Move up</a>
-                    <a
-                        class="btn btn-outline-primary btn-sm align-self-start"
-                        href="#"
-                        tal:condition="python:not(repeat['brain'].end)"
-                        data-action="move-down"
-                        >Move
-                  down</a>
+                    <a class="btn btn-outline-primary btn-sm align-self-start"
+                       href="#"
+                       data-action="move-up"
+                       tal:condition="python:not(repeat['brain'].start)"
+                    >Move up</a>
+                    <a class="btn btn-outline-primary btn-sm align-self-start"
+                       href="#"
+                       data-action="move-down"
+                       tal:condition="python:not(repeat['brain'].end)"
+                    >Move
+                      down</a>
                     <div class="btn-group">
-                      <a
-                          class="btn btn-secondary dropdown-toggle"
-                          aria-expanded="false"
-                          tal:attributes="class python:row.review_state() == 'published' and                     'position-relative btn btn-outline-success btn-sm bg-success-subtle dropdown-toggle' or                     'position-relative btn btn-outline-danger btn-sm bg-danger-subtle dropdown-toggle'"
-                          type="button"
-                          data-bs-display="static"
-                          data-bs-toggle="dropdown"
-                          >
+                      <a class="btn btn-secondary dropdown-toggle"
+                         aria-expanded="false"
+                         type="button"
+                         data-bs-display="static"
+                         data-bs-toggle="dropdown"
+                         tal:attributes="
+                           class python:row.review_state() == 'published' and                     'position-relative btn btn-outline-success btn-sm bg-success-subtle dropdown-toggle' or                     'position-relative btn btn-outline-danger btn-sm bg-danger-subtle dropdown-toggle';
+                         "
+                      >
                     Review state: ${row/review_state}
-                        <span tal:attributes="class python:row.review_state() == 'published' and 'position-absolute top-0 start-100 translate-middle p-2 bg-success border border-light rounded-circle' or 'position-absolute top-0 start-100 translate-middle p-2 bg-danger border border-light rounded-circle'">
-</span>
+                        <span tal:attributes="
+                                class python:row.review_state() == 'published' and 'position-absolute top-0 start-100 translate-middle p-2 bg-success border border-light rounded-circle' or 'position-absolute top-0 start-100 translate-middle p-2 bg-danger border border-light rounded-circle';
+                              ">
+                        </span>
                       </a>
-                      <ul
-                          class="dropdown-menu"
-                          tal:define="transitions python:context.portal_workflow.getTransitionsFor(row)"
-                          >
+                      <ul class="dropdown-menu"
+                          tal:define="
+                            transitions python:context.portal_workflow.getTransitionsFor(row);
+                          "
+                      >
                         <tal:transitions repeat="transition transitions">
-                          <li><a
-                                class="dropdown-item"
-                                href="${transition/url}&amp;_authenticator=${context/@@authenticator/token}"
-                                >${transition/name}</a>
+                          <li><a class="dropdown-item"
+                               href="${transition/url}&amp;_authenticator=${context/@@authenticator/token}"
+                            >${transition/name}</a>
                           </li>
                         </tal:transitions>
                       </ul>
@@ -107,75 +105,76 @@
 
                 </div>
                 <tal:condition tal:condition="row/can_edit">
-                  <div
-                      class="edit-options features-list d-flex gap-2 align-items-start mb-3"
-                      tal:define="features_list row/featured_list"
-                      >
+                  <div class="edit-options features-list d-flex gap-2 align-items-start mb-3"
+                       tal:define="
+                         features_list row/featured_list;
+                       "
+                  >
                     <tal:conditionfeatures tal:condition="features_list">
                       <tal:featured repeat="featured_brain features_list">
-                        <div tal:define="featured_obj featured_brain/getObject;">
-                          <div
-                              class="btn-group"
-                              data-delete-target="true"
-                              data-elementid="${featured_obj/id}"
-                              data-elementurl="${featured_obj/absolute_url}"
-                              data-move-target="true"
-                              data-parenturl="${row/absolute_url}"
-                              >
-                            <a
-                                class="btn btn-secondary dropdown-toggle"
-                                aria-expanded="false"
-                                tal:attributes="class python:featured_obj.review_state() == 'published' and                                           'position-relative btn btn-outline-success btn-sm bg-success-subtle dropdown-toggle' or                                           'position-relative btn btn-outline-danger btn-sm bg-danger-subtle dropdown-toggle'"
-                                type="button"
-                                data-bs-display="static"
-                                data-bs-toggle="dropdown"
-                                >
+                        <div tal:define="
+                               featured_obj featured_brain/getObject;
+                             ">
+                          <div class="btn-group"
+                               data-delete-target="true"
+                               data-elementid="${featured_obj/id}"
+                               data-elementurl="${featured_obj/absolute_url}"
+                               data-move-target="true"
+                               data-parenturl="${row/absolute_url}"
+                          >
+                            <a class="btn btn-secondary dropdown-toggle"
+                               aria-expanded="false"
+                               type="button"
+                               data-bs-display="static"
+                               data-bs-toggle="dropdown"
+                               tal:attributes="
+                                 class python:featured_obj.review_state() == 'published' and                                           'position-relative btn btn-outline-success btn-sm bg-success-subtle dropdown-toggle' or                                           'position-relative btn btn-outline-danger btn-sm bg-danger-subtle dropdown-toggle';
+                               "
+                            >
                           ${featured_obj/Title}
-                              <span tal:attributes="class python:featured_obj.review_state() == 'published' and 'text-white position-absolute top-0 start-100 translate-middle p-1 bg-success border border-light rounded-circle' or 'text-white position-absolute top-0 start-100 translate-middle p-1 bg-danger border border-light rounded-circle'">
-</span>
+                              <span tal:attributes="
+                                      class python:featured_obj.review_state() == 'published' and 'text-white position-absolute top-0 start-100 translate-middle p-1 bg-success border border-light rounded-circle' or 'text-white position-absolute top-0 start-100 translate-middle p-1 bg-danger border border-light rounded-circle';
+                                    ">
+                              </span>
                             </a>
                             <ul class="dropdown-menu">
-                              <li><a
-                                    class="dropdown-item"
-                                    href="${featured_obj/absolute_url}/edit"
-                                    >Edit</a>
+                              <li><a class="dropdown-item"
+                                   href="${featured_obj/absolute_url}/edit"
+                                >Edit</a>
                               </li>
                               <li>
                                 <h5 class="dropdown-header">State</h5>
                               </li>
-                              <tal:define tal:define="featured_transitions python:context.portal_workflow.getTransitionsFor(featured_obj)">
+                              <tal:define tal:define="
+                                            featured_transitions python:context.portal_workflow.getTransitionsFor(featured_obj);
+                                          ">
                                 <tal:featured_transitions repeat="featured_transition featured_transitions">
-                                  <li><a
-                                        class="dropdown-item"
-                                        href="${featured_transition/url}&amp;_authenticator=${context/@@authenticator/token}"
-                                        >${featured_transition/name}</a>
+                                  <li><a class="dropdown-item"
+                                       href="${featured_transition/url}&amp;_authenticator=${context/@@authenticator/token}"
+                                    >${featured_transition/name}</a>
                                   </li>
                                 </tal:featured_transitions>
                               </tal:define>
                               <li>
                                 <h5 class="dropdown-header">Move actions</h5>
                               </li>
-                              <li><a
-                                    class="dropdown-item"
-                                    href="#"
-                                    tal:condition="python:not(repeat['featured_brain'].start)"
-                                    data-action="move-up"
-                                    >Move up</a></li>
-                              <li><a
-                                    class="dropdown-item"
-                                    href="#"
-                                    tal:condition="python:not(repeat['featured_brain'].end)"
-                                    data-action="move-down"
-                                    >Move down</a></li>
+                              <li><a class="dropdown-item"
+                                   href="#"
+                                   data-action="move-up"
+                                   tal:condition="python:not(repeat['featured_brain'].start)"
+                                >Move up</a></li>
+                              <li><a class="dropdown-item"
+                                   href="#"
+                                   data-action="move-down"
+                                   tal:condition="python:not(repeat['featured_brain'].end)"
+                                >Move down</a></li>
                               <li>
-                                <hr class="dropdown-divider">
-</hr>
-                                <li><a
-                                      class="ms-3 btn btn-sm btn-danger align-self-start btn-delete-element"
-                                      href="#"
-                                      data-bs-target="#deleteElementModal"
-                                      data-bs-toggle="modal"
-                                      >Delete</a></li>
+                                <hr class="dropdown-divider" />
+                                <li><a class="ms-3 btn btn-sm btn-danger align-self-start btn-delete-element"
+                                     href="#"
+                                     data-bs-target="#deleteElementModal"
+                                     data-bs-toggle="modal"
+                                  >Delete</a></li>
                               </li>
                             </ul>
                           </div>
@@ -183,69 +182,61 @@
                       </tal:featured>
 
                       <tal:featured_add_button tal:condition="row/show_featured_add_button">
-                        <a
-                            class="btn btn-outline-primary btn-sm align-self-start"
-                            href="${row/absolute_url}/++add++DynamicPageRowFeatured"
-                            >Add new featured</a>
+                        <a class="btn btn-outline-primary btn-sm align-self-start"
+                           href="${row/absolute_url}/++add++DynamicPageRowFeatured"
+                        >Add new featured</a>
                       </tal:featured_add_button>
                     </tal:conditionfeatures>
                   </div>
                   <div class="content">
-                    <replace tal:replace="structure python:row.render(request)" />
+                    <replace tal:replace="structure python:row.render(request)"></replace>
                   </div>
                 </tal:condition>
               </section>
             </tal:featured>
             <tal:condition tal:condition="view/can_edit">
-              <div
-                  class="edit-options dynamic-row d-flex justify-content-center align-items-center"
-                  tal:condition="view/dynamic_page_folder_element_url"
-                  >
-                <a
-                    class="btn btn-primary btn-lg"
-                    href="${view/dynamic_page_folder_element_url}/++add++DynamicPageRow"
-                    >Add new row</a>
+              <div class="edit-options dynamic-row d-flex justify-content-center align-items-center"
+                   tal:condition="view/dynamic_page_folder_element_url"
+              >
+                <a class="btn btn-primary btn-lg"
+                   href="${view/dynamic_page_folder_element_url}/++add++DynamicPageRow"
+                >Add new row</a>
               </div>
             </tal:condition>
             <!-- Delete Confirmation Modal -->
-            <div
-                id="deleteElementModal"
-                class="modal fade"
-                aria-hidden="true"
-                aria-labelledby="deleteElementModalLabel"
-                tabindex="-1"
-                >
+            <div class="modal fade"
+                 id="deleteElementModal"
+                 aria-hidden="true"
+                 aria-labelledby="deleteElementModalLabel"
+                 tabindex="-1"
+            >
               <div class="modal-dialog">
                 <div class="modal-content">
                   <div class="modal-header">
-                    <h5
+                    <h5 class="modal-title"
                         id="deleteElementModalLabel"
-                        class="modal-title"
                         i18n:translate=""
-                        >Confirm Deletion</h5>
-                    <button
-                        class="btn-close"
-                        aria-label="Close"
-                        type="button"
-                        data-bs-dismiss="modal"
-                        />
+                    >Confirm Deletion</h5>
+                    <button class="btn-close"
+                            aria-label="Close"
+                            type="button"
+                            data-bs-dismiss="modal"
+                    ></button>
                   </div>
                   <div class="modal-body">
                     <p i18n:translate="">Are you sure you want to delete this item? This action cannot be undone.</p>
                   </div>
                   <div class="modal-footer">
-                    <button
-                        class="btn btn-secondary"
-                        type="button"
-                        data-bs-dismiss="modal"
-                        i18n:translate=""
-                        >Cancel</button>
-                    <button
-                        id="confirmDeleteElement"
-                        class="btn btn-danger"
-                        type="button"
-                        i18n:translate=""
-                        >Delete</button>
+                    <button class="btn btn-secondary"
+                            type="button"
+                            data-bs-dismiss="modal"
+                            i18n:translate=""
+                    >Cancel</button>
+                    <button class="btn btn-danger"
+                            id="confirmDeleteElement"
+                            type="button"
+                            i18n:translate=""
+                    >Delete</button>
                   </div>
                 </div>
               </div>
diff --git a/src/cs_dynamicpages/views/dynamic_view.py b/src/cs_dynamicpages/views/dynamic_view.py
index ca6396a..fb20f67 100644
--- a/src/cs_dynamicpages/views/dynamic_view.py
+++ b/src/cs_dynamicpages/views/dynamic_view.py
@@ -26,7 +26,10 @@ def rows(self):
 
     def dynamic_page_folder_element(self):
         return api.content.find(
-            portal_type="DynamicPageFolder", context=self.context, depth=1, sort_on="getObjPositionInParent"
+            portal_type="DynamicPageFolder",
+            context=self.context,
+            depth=1,
+            sort_on="getObjPositionInParent",
         )
 
     def dynamic_page_folder_element_url(self):
diff --git a/src/cs_dynamicpages/views/featured_overlay_view.pt b/src/cs_dynamicpages/views/featured_overlay_view.pt
index 34fc3da..07742fc 100644
--- a/src/cs_dynamicpages/views/featured_overlay_view.pt
+++ b/src/cs_dynamicpages/views/featured_overlay_view.pt
@@ -2,18 +2,26 @@
 
   <tal:image tal:define="
                image view/related_image;
-             " tal:condition="image">
+             "
+             tal:condition="image"
+  >
     <img tal:define="
            images image/@@images;
-         " tal:replace="structure python:images.srcset(fieldname='image',
+         "
+         tal:replace="structure python:images.srcset(fieldname='image',
                                       scale_in_src='huge',
                                       sizes='(min-width: 1400px) 1400px, 100vw',
                                       alt=image.Title() ,
-                                      title=image.Title())" />
+                                      title=image.Title())"
+    />
   </tal:image>
   <div class="card-img-overlay">
     <h5 class="card-title">${context/Title}</h5>
-    <p class="card-text" tal:condition="context/Description">${context/Description}</p>
-    <a href="${context/link_url}" tal:condition="context/link_url">${context/link_text}</a>
+    <p class="card-text"
+       tal:condition="context/Description"
+    >${context/Description}</p>
+    <a href="${context/link_url}"
+       tal:condition="context/link_url"
+    >${context/link_text}</a>
   </div>
-</div>
\ No newline at end of file
+</div>
diff --git a/src/cs_dynamicpages/views/featured_view.pt b/src/cs_dynamicpages/views/featured_view.pt
index 915d80b..839626b 100644
--- a/src/cs_dynamicpages/views/featured_view.pt
+++ b/src/cs_dynamicpages/views/featured_view.pt
@@ -1,23 +1,35 @@
 <div class="row my-5">
   <div class="col-md-6">
     <tal:image tal:define="
-                   image view/related_image;
-                 " tal:condition="image">
+                 image view/related_image;
+               "
+               tal:condition="image"
+    >
       <img tal:define="
-               images image/@@images;
-             " tal:replace="structure python:images.srcset(fieldname='image',
+             images image/@@images;
+           "
+           tal:replace="structure python:images.srcset(fieldname='image',
                                           scale_in_src='huge',
                                           sizes='(min-width: 1400px) 1400px, 100vw',
                                           alt=image.Title() ,
-                                          title=image.Title())" />
+                                          title=image.Title())"
+      />
     </tal:image>
   </div>
   <div class="col-md-6"
-    tal:attributes="class python:context.image_position=='right' and 'col-md-6 order-first' or 'col-md-6'">
+       tal:attributes="
+         class python:context.image_position=='right' and 'col-md-6 order-first' or 'col-md-6';
+       "
+  >
     <h3>${context/Title}</h3>
     <p tal:condition="context/Description">${context/Description}</p>
-    <tal:replace tal:condition="context/text" replace="structure context/text/output">
+    <tal:replace tal:condition="context/text"
+                 replace="structure context/text/output"
+    >
     </tal:replace>
-    <a class="btn btn-primary" href="${context/link_url}" tal:condition="context/link_url">${context/link_text}</a>
+    <a class="btn btn-primary"
+       href="${context/link_url}"
+       tal:condition="context/link_url"
+    >${context/link_text}</a>
   </div>
-</div>
\ No newline at end of file
+</div>
diff --git a/src/cs_dynamicpages/views/featured_view.py b/src/cs_dynamicpages/views/featured_view.py
index 0f6e7c5..ae977c9 100644
--- a/src/cs_dynamicpages/views/featured_view.py
+++ b/src/cs_dynamicpages/views/featured_view.py
@@ -1,7 +1,7 @@
 # from cs_dynamicpages import _
+from cs_dynamicpages.views.dynamic_page_row_view import DynamicPageRowView
 from zope.interface import implementer
 from zope.interface import Interface
-from cs_dynamicpages.views.dynamic_page_row_view import DynamicPageRowView
 
 
 class IFeaturedView(Interface):
diff --git a/src/cs_dynamicpages/views/features_view.pt b/src/cs_dynamicpages/views/features_view.pt
index c85ec5d..664903b 100644
--- a/src/cs_dynamicpages/views/features_view.pt
+++ b/src/cs_dynamicpages/views/features_view.pt
@@ -1,32 +1,50 @@
-<div class="row my-5 features-view" tal:define="
+<div class="row my-5 features-view"
+     tal:define="
        elements view/elements;
-     " tal:condition="elements">
-  <div tal:repeat="brain elements" class="${context/columns} mb-5">
+     "
+     tal:condition="elements"
+>
+  <div class="${context/columns} mb-5"
+       tal:repeat="brain elements"
+  >
     <tal:define tal:define="
-                        element brain/getObject;
-                      ">
+                  element brain/getObject;
+                ">
 
       <div class="card">
         <tal:image tal:define="
-                             image element/related_image_object;
-                           " tal:condition="image" tal:on-error="nothing">
+                     image element/related_image_object;
+                   "
+                   tal:condition="image"
+                   tal:on-error="nothing"
+        >
           <img tal:define="
-                         images image/@@images;
-                       " tal:replace="structure python:images.srcset(fieldname='image',
+                 images image/@@images;
+               "
+               tal:replace="structure python:images.srcset(fieldname='image',
                                                                   scale_in_src='huge',
                                                                   sizes='(min-width: 1400px) 400px, 100vw',
                                                                   alt=element.Title() ,
-                                                                  title=element.Title())" />
+                                                                  title=element.Title())"
+          />
         </tal:image>
         <div class="card-body">
-          <a tal:condition="element/link_url" class="h5 card-title stretched-link mb-3"
-            href="${element/link_url}">${element/Title}</a>
-          <p class="h5 card-title mb-3" tal:condition="not:element/link_url">${element/Title}</p>
-          <p class="card-text" tal:condition="element/Description">${element/Description}</p>
-          <tal:replace tal:condition="element/text" replace="structure element/text/output">
+          <a class="h5 card-title stretched-link mb-3"
+             href="${element/link_url}"
+             tal:condition="element/link_url"
+          >${element/Title}</a>
+          <p class="h5 card-title mb-3"
+             tal:condition="not:element/link_url"
+          >${element/Title}</p>
+          <p class="card-text"
+             tal:condition="element/Description"
+          >${element/Description}</p>
+          <tal:replace tal:condition="element/text"
+                       replace="structure element/text/output"
+          >
           </tal:replace>
         </div>
       </div>
     </tal:define>
   </div>
-</div>
\ No newline at end of file
+</div>
diff --git a/src/cs_dynamicpages/views/horizontal_rule_view.pt b/src/cs_dynamicpages/views/horizontal_rule_view.pt
index 84af8ad..af383ee 100644
--- a/src/cs_dynamicpages/views/horizontal_rule_view.pt
+++ b/src/cs_dynamicpages/views/horizontal_rule_view.pt
@@ -1 +1 @@
-<hr class="my-5 border border-primary opacity-100" />
\ No newline at end of file
+<hr class="my-5 border border-primary opacity-100" />
diff --git a/src/cs_dynamicpages/views/query_columns_view.pt b/src/cs_dynamicpages/views/query_columns_view.pt
index 5b11405..5c23d4e 100644
--- a/src/cs_dynamicpages/views/query_columns_view.pt
+++ b/src/cs_dynamicpages/views/query_columns_view.pt
@@ -1,6 +1,8 @@
-<div class="my-5" tal:define="
-           batch view/results;
-         ">
+<div class="my-5"
+     tal:define="
+       batch view/results;
+     "
+>
   <h2 class="mb-5">${context/Title}</h2>
   <div class="row">
     <tal:repeat tal:repeat="brain batch">
@@ -11,21 +13,32 @@
           <div class="card">
             <tal:image tal:define="
                          image element/image;
-                       " tal:condition="image" tal:on-error="nothing">
+                       "
+                       tal:condition="image"
+                       tal:on-error="nothing"
+            >
               <img tal:define="
                      images element/@@images;
-                   " tal:replace="structure python:images.srcset(fieldname='image',
+                   "
+                   tal:replace="structure python:images.srcset(fieldname='image',
                                                               scale_in_src='huge',
                                                               sizes='(min-width: 1400px) 400px, 100vw',
                                                               alt=element.Title() ,
-                                                              title=element.Title())" />
+                                                              title=element.Title())"
+              />
             </tal:image>
             <div class="card-body">
-              <a class="h5 card-title stretched-link" href="${element/absolute_url}">${element/Title}</a>
-              <p class="mb-3" tal:condition="python:element.portal_type != 'Event'"
-                tal:content="python:element.toLocalizedTime(element.EffectiveDate())"></p>
-              <p class="mb-3" tal:condition="python:element.portal_type == 'Event'"
-                tal:content="python:element.toLocalizedTime(element.start)"></p>
+              <a class="h5 card-title stretched-link"
+                 href="${element/absolute_url}"
+              >${element/Title}</a>
+              <p class="mb-3"
+                 tal:condition="python:element.portal_type != 'Event'"
+                 tal:content="python:element.toLocalizedTime(element.EffectiveDate())"
+              ></p>
+              <p class="mb-3"
+                 tal:condition="python:element.portal_type == 'Event'"
+                 tal:content="python:element.toLocalizedTime(element.start)"
+              ></p>
 
               <p class="card-text">${element/Description}</p>
             </div>
@@ -36,7 +49,9 @@
     </tal:repeat>
   </div>
   <div class="d-flex justify-content-end">
-    <a href="${context/link_url}" tal:condition="context/link_url">${context/link_text}</a>
+    <a href="${context/link_url}"
+       tal:condition="context/link_url"
+    >${context/link_text}</a>
   </div>
 
-</div>
\ No newline at end of file
+</div>
diff --git a/src/cs_dynamicpages/views/query_columns_view.py b/src/cs_dynamicpages/views/query_columns_view.py
index 5ae8b6d..29a923a 100644
--- a/src/cs_dynamicpages/views/query_columns_view.py
+++ b/src/cs_dynamicpages/views/query_columns_view.py
@@ -1,8 +1,9 @@
 # from cs_dynamicpages import _
+from cs_dynamicpages.views.dynamic_page_row_view import DynamicPageRowView
 from plone.app.contenttypes.browser.collection import CollectionView
 from zope.interface import implementer
 from zope.interface import Interface
-from cs_dynamicpages.views.dynamic_page_row_view import DynamicPageRowView
+
 
 # from Products.Five.browser.pagetemplatefile import ViewPageTemplateFile
 
diff --git a/src/cs_dynamicpages/views/slider_view.pt b/src/cs_dynamicpages/views/slider_view.pt
index bad68cb..7892d95 100644
--- a/src/cs_dynamicpages/views/slider_view.pt
+++ b/src/cs_dynamicpages/views/slider_view.pt
@@ -1,44 +1,74 @@
-<div class="carousel slide my-5" id="DynamicPageSlider" tal:define="
+<div class="carousel slide my-5"
+     id="DynamicPageSlider"
+     tal:define="
        elements view/elements;
-     " tal:condition="elements">
+     "
+     tal:condition="elements"
+>
   <div class="carousel-indicators">
     <tal:indicators repeat="element elements">
-      <button class="active" aria-current="true" aria-label="Slide ${repeat/element/index}" type="button"
-        data-bs-slide-to="${repeat/element/index}" data-bs-target="#DynamicPageSlider"></button>
+      <button class="active"
+              aria-current="true"
+              aria-label="Slide ${repeat/element/index}"
+              type="button"
+              data-bs-slide-to="${repeat/element/index}"
+              data-bs-target="#DynamicPageSlider"
+      ></button>
     </tal:indicators>
   </div>
   <div class="carousel-inner">
     <tal:slides repeat="brain elements">
-      <div class="carousel-item active" tal:define="
+      <div class="carousel-item active"
+           tal:define="
              element brain/getObject;
-           " tal:attributes="
+           "
+           tal:attributes="
              class python: repeat['brain'].index == 0 and 'carousel-item active' or 'carousel-item';
-           ">
+           "
+      >
         <tal:image tal:define="
                      image element/related_image_object;
-                   " tal:condition="image">
+                   "
+                   tal:condition="image"
+        >
           <img tal:define="
                  images image/@@images;
-               " tal:replace="structure python:images.srcset(fieldname='image',
+               "
+               tal:replace="structure python:images.srcset(fieldname='image',
                                               scale_in_src='huge',
                                               sizes='(min-width: 1400px) 1400px, 100vw',
                                               alt=image.Title() ,
-                                              title=image.Title())" />
+                                              title=image.Title())"
+          />
         </tal:image>
         <div class="carousel-caption d-none d-md-block">
           <h5>${element/Title}</h5>
           <p>${element/Description}</p>
-          <a href="${element/link_url}" tal:condition="element/link_url">${element/link_text}</a>
+          <a href="${element/link_url}"
+             tal:condition="element/link_url"
+          >${element/link_text}</a>
         </div>
       </div>
     </tal:slides>
   </div>
-  <button class="carousel-control-prev" type="button" data-bs-slide="prev" data-bs-target="#DynamicPageSlider">
-    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+  <button class="carousel-control-prev"
+          type="button"
+          data-bs-slide="prev"
+          data-bs-target="#DynamicPageSlider"
+  >
+    <span class="carousel-control-prev-icon"
+          aria-hidden="true"
+    ></span>
     <span class="visually-hidden">Previous</span>
   </button>
-  <button class="carousel-control-next" type="button" data-bs-slide="next" data-bs-target="#DynamicPageSlider">
-    <span class="carousel-control-next-icon" aria-hidden="true"></span>
+  <button class="carousel-control-next"
+          type="button"
+          data-bs-slide="next"
+          data-bs-target="#DynamicPageSlider"
+  >
+    <span class="carousel-control-next-icon"
+          aria-hidden="true"
+    ></span>
     <span class="visually-hidden">Next</span>
   </button>
-</div>
\ No newline at end of file
+</div>
diff --git a/src/cs_dynamicpages/views/slider_view.py b/src/cs_dynamicpages/views/slider_view.py
index ca22b3e..1ce0fd2 100644
--- a/src/cs_dynamicpages/views/slider_view.py
+++ b/src/cs_dynamicpages/views/slider_view.py
@@ -1,8 +1,8 @@
 # from cs_dynamicpages import _
+from cs_dynamicpages.views.dynamic_page_row_view import DynamicPageRowView
 from plone import api
 from zope.interface import implementer
 from zope.interface import Interface
-from cs_dynamicpages.views.dynamic_page_row_view import DynamicPageRowView
 
 
 class ISliderView(Interface):
diff --git a/src/cs_dynamicpages/views/spacer_view.pt b/src/cs_dynamicpages/views/spacer_view.pt
index ae4bf27..903b036 100644
--- a/src/cs_dynamicpages/views/spacer_view.pt
+++ b/src/cs_dynamicpages/views/spacer_view.pt
@@ -1,2 +1,2 @@
 <div class="my-5">
-</div>
\ No newline at end of file
+</div>
diff --git a/src/cs_dynamicpages/views/text_view.pt b/src/cs_dynamicpages/views/text_view.pt
index c739948..fd65f8d 100644
--- a/src/cs_dynamicpages/views/text_view.pt
+++ b/src/cs_dynamicpages/views/text_view.pt
@@ -1,4 +1,6 @@
 <div class="dynamic-text my-5">
-    <tal:replace tal:condition="context/text" replace="structure context/text/output">
-    </tal:replace>
-</div>
\ No newline at end of file
+  <tal:replace tal:condition="context/text"
+               replace="structure context/text/output"
+  >
+  </tal:replace>
+</div>
diff --git a/src/cs_dynamicpages/vocabularies/configure.zcml b/src/cs_dynamicpages/vocabularies/configure.zcml
index 4db2909..74e9b6b 100644
--- a/src/cs_dynamicpages/vocabularies/configure.zcml
+++ b/src/cs_dynamicpages/vocabularies/configure.zcml
@@ -2,16 +2,16 @@
 
   <!-- -*- extra stuff goes here -*- -->
 
-    <utility
-        component=".row_columns.RowColumnsFactory"
-        name="cs_dynamicpages.RowColumns"
-    />
+  <utility
+      name="cs_dynamicpages.RowColumns"
+      component=".row_columns.RowColumnsFactory"
+      />
 
 
-    <utility
-        component=".image_position.ImagePositionFactory"
-        name="cs_dynamicpages.ImagePosition"
-    />
+  <utility
+      name="cs_dynamicpages.ImagePosition"
+      component=".image_position.ImagePositionFactory"
+      />
 
 
   <utility
diff --git a/src/cs_dynamicpages/vocabularies/image_position.py b/src/cs_dynamicpages/vocabularies/image_position.py
index e29634f..8d2bac9 100644
--- a/src/cs_dynamicpages/vocabularies/image_position.py
+++ b/src/cs_dynamicpages/vocabularies/image_position.py
@@ -1,36 +1,33 @@
-# -*- coding: utf-8 -*-
-
 # from plone import api
-from zope.schema.interfaces import IVocabularyFactory
-from zope.interface import implementer
 from cs_dynamicpages import _
 from plone.dexterity.interfaces import IDexterityContent
 from zope.globalrequest import getRequest
+from zope.interface import implementer
+from zope.schema.interfaces import IVocabularyFactory
 from zope.schema.vocabulary import SimpleTerm
 from zope.schema.vocabulary import SimpleVocabulary
 
 
-class VocabItem(object):
+class VocabItem:
     def __init__(self, token, value):
         self.token = token
         self.value = value
 
 
 @implementer(IVocabularyFactory)
-class ImagePosition(object):
-    """
-    """
+class ImagePosition:
+    """ """
 
     def __call__(self, context):
         # Just an example list of content for our vocabulary,
         # this can be any static or dynamic data, a catalog result for example.
         items = [
-            VocabItem(u'left', _(u'Left')),
-            VocabItem(u'right', _(u'Right')),
+            VocabItem("left", _("Left")),
+            VocabItem("right", _("Right")),
         ]
 
         # Fix context if you are using the vocabulary in DataGridField.
-        # See https://github.com/collective/collective.z3cform.datagridfield/issues/31:  # NOQA: 501
+        # See https://github.com/collective/collective.z3cform.datagridfield/issues/31:  # noqa: E501
         if not IDexterityContent.providedBy(context):
             req = getRequest()
             context = req.PARENTS[0]
diff --git a/src/cs_dynamicpages/vocabularies/row_columns.py b/src/cs_dynamicpages/vocabularies/row_columns.py
index 6f97df7..94cbc55 100644
--- a/src/cs_dynamicpages/vocabularies/row_columns.py
+++ b/src/cs_dynamicpages/vocabularies/row_columns.py
@@ -1,37 +1,34 @@
-# -*- coding: utf-8 -*-
-
 # from plone import api
-from zope.schema.interfaces import IVocabularyFactory
-from zope.interface import implementer
 from cs_dynamicpages import _
 from plone.dexterity.interfaces import IDexterityContent
 from zope.globalrequest import getRequest
+from zope.interface import implementer
+from zope.schema.interfaces import IVocabularyFactory
 from zope.schema.vocabulary import SimpleTerm
 from zope.schema.vocabulary import SimpleVocabulary
 
 
-class VocabItem(object):
+class VocabItem:
     def __init__(self, token, value):
         self.token = token
         self.value = value
 
 
 @implementer(IVocabularyFactory)
-class RowColumns(object):
-    """
-    """
+class RowColumns:
+    """ """
 
     def __call__(self, context):
         # Just an example list of content for our vocabulary,
         # this can be any static or dynamic data, a catalog result for example.
         items = [
-            VocabItem(u'col-md-6', _(u'2')),
-            VocabItem(u'col-md-4', _(u'3')),
-            VocabItem(u'col-md-3', _(u'4')),
+            VocabItem("col-md-6", _("2")),
+            VocabItem("col-md-4", _("3")),
+            VocabItem("col-md-3", _("4")),
         ]
 
         # Fix context if you are using the vocabulary in DataGridField.
-        # See https://github.com/collective/collective.z3cform.datagridfield/issues/31:  # NOQA: 501
+        # See https://github.com/collective/collective.z3cform.datagridfield/issues/31:  # noqa: E501
         if not IDexterityContent.providedBy(context):
             req = getRequest()
             context = req.PARENTS[0]
diff --git a/src/cs_dynamicpages/vocabularies/row_type.py b/src/cs_dynamicpages/vocabularies/row_type.py
index 18640f7..e6fef0c 100644
--- a/src/cs_dynamicpages/vocabularies/row_type.py
+++ b/src/cs_dynamicpages/vocabularies/row_type.py
@@ -1,3 +1,4 @@
+from plone import api
 from plone.dexterity.interfaces import IDexterityContent
 from zope.component import getSiteManager
 from zope.globalrequest import getRequest
@@ -7,7 +8,7 @@
 from zope.schema.interfaces import IVocabularyFactory
 from zope.schema.vocabulary import SimpleTerm
 from zope.schema.vocabulary import SimpleVocabulary
-from plone import api
+
 
 class VocabItem:
     def __init__(self, token, value):
@@ -26,9 +27,9 @@ def __call__(self, context):
         items = []
         terms = []
         elements = api.content.find(
-                portal_type="DynamicPageRow",
-                context=api.portal.get(),
-            )
+            portal_type="DynamicPageRow",
+            context=api.portal.get(),
+        )
         query_context = None
         if elements:
             query_context = elements[0].getObject()
@@ -47,7 +48,6 @@ def __call__(self, context):
         for view_name in available_view_names:
             items.append(VocabItem(view_name, view_name.replace(VIEW_PREFIX, "")))
         if not available_view_names:
-
             items.append(VocabItem("cs_dynamicpages-featured-view", "Featured View"))
         for item in items:
             terms.append(
diff --git a/tests/base.py b/tests/base.py
index 39b5447..0491fe8 100644
--- a/tests/base.py
+++ b/tests/base.py
@@ -1,8 +1,9 @@
-import pytest
-
 from cs_dynamicpages import logger
 from cs_dynamicpages import PACKAGE_NAME
 
+import pytest
+
+
 class TestBase:
     @pytest.fixture(autouse=True)
     def installed(self, portal, installer):
@@ -15,5 +16,4 @@ def installed(self, portal, installer):
         try:
             installer.install_product(PACKAGE_NAME)
         except:
-            logger.info('Package already installed')
-
+            logger.info("Package already installed")
diff --git a/tests/conftest.py b/tests/conftest.py
index 5067a0d..2055be7 100644
--- a/tests/conftest.py
+++ b/tests/conftest.py
@@ -1,7 +1,7 @@
-from pytest_plone import fixtures_factory
 from cs_dynamicpages.testing import ACCEPTANCE_TESTING
 from cs_dynamicpages.testing import FUNCTIONAL_TESTING
 from cs_dynamicpages.testing import INTEGRATION_TESTING
+from pytest_plone import fixtures_factory
 
 
 pytest_plugins = ["pytest_plone"]
diff --git a/tests/content/conftest.py b/tests/content/conftest.py
index 7609f85..4537134 100644
--- a/tests/content/conftest.py
+++ b/tests/content/conftest.py
@@ -1,14 +1,14 @@
+from base64 import b64decode
+from collections import defaultdict
+from cs_dynamicpages.interfaces import IBrowserLayer
+from plone import api
+from plone.app.multilingual.interfaces import ITranslationManager
 from plone.app.testing import SITE_OWNER_NAME
 from plone.app.testing import SITE_OWNER_PASSWORD
+from plone.namedfile import NamedBlobImage
 from plone.testing.zope import Browser
 from zope.interface import alsoProvides
-from cs_dynamicpages.interfaces import IBrowserLayer
-from plone.app.multilingual.interfaces import ITranslationManager
 
-from plone.namedfile import NamedBlobImage
-from base64 import b64decode
-from collections import defaultdict
-from plone import api
 import pytest
 
 
@@ -51,6 +51,7 @@ def contents() -> list:
         },
     ]
 
+
 @pytest.fixture()
 def portal(functional):
     return functional["portal"]
@@ -58,19 +59,19 @@ def portal(functional):
 
 @pytest.fixture()
 def browser(functional):
-    browser = Browser(functional['app'])
+    browser = Browser(functional["app"])
     browser.handleErrors = False
-    browser.addHeader(
-            "Authorization", f"Basic {SITE_OWNER_NAME}:{SITE_OWNER_PASSWORD}"
-        )
+    browser.addHeader("Authorization", f"Basic {SITE_OWNER_NAME}:{SITE_OWNER_PASSWORD}")
     return browser
 
+
 @pytest.fixture()
 def my_request(functional):
-    req = functional['request']
+    req = functional["request"]
     alsoProvides(req, IBrowserLayer)
     return req
 
+
 @pytest.fixture
 def create_contents(contents):
     """Helper fixture to create initial content."""
diff --git a/tests/content/test_content_operations.py b/tests/content/test_content_operations.py
index dc90db9..9ed19fb 100644
--- a/tests/content/test_content_operations.py
+++ b/tests/content/test_content_operations.py
@@ -1,11 +1,11 @@
-import transaction
+from ..base import TestBase
 from plone import api
+
 import pytest
-from ..base import TestBase
+import transaction
 
 
 class TestContent(TestBase):
-
     @pytest.fixture(autouse=True)
     def create_content(self, portal):
         with api.env.adopt_roles(["Manager"]):
@@ -18,7 +18,7 @@ def create_content(self, portal):
             assert self.folder is not None
             assert self.folder.id == "folder"
 
-            self.folder.setLayout('dynamic-view')
+            self.folder.setLayout("dynamic-view")
 
             self.dpf = api.content.create(
                 container=self.folder, type="DynamicPageFolder", id="dpf", title="DPF"
@@ -40,21 +40,22 @@ def create_content(self, portal):
             assert self.row2.id == "row-2"
 
             transaction.commit()
+
     def test_view(self, browser):
-        """ check that the folder is rendered correctly with the basic instructions """
+        """check that the folder is rendered correctly with the basic instructions"""
 
         browser.open(self.folder.absolute_url())
         # We have 2 rows, so there must be an option to delete a row
-        assert 'Delete row' in browser.contents
+        assert "Delete row" in browser.contents
 
         # assert "Row 1" in browser.contents
         # assert "Row 2" in browser.contents
 
         # There must be an option to add a new row
-        assert 'Add new row' in browser.contents
+        assert "Add new row" in browser.contents
 
     def test_add_row(self, browser):
-        """ click add row"""
+        """click add row"""
         browser.open(self.folder.absolute_url())
         link = browser.getLink("Add new row")
         link.click()
diff --git a/tests/setup/test_setup_install.py b/tests/setup/test_setup_install.py
index ebd4363..77abfa1 100644
--- a/tests/setup/test_setup_install.py
+++ b/tests/setup/test_setup_install.py
@@ -2,10 +2,7 @@
 from cs_dynamicpages import PACKAGE_NAME
 
 
-
 class TestSetupInstall(TestBase):
-
-
     def test_addon_installed(self, installer):
         """Test if cs_dynamicpages is installed."""
         assert installer.is_product_installed(PACKAGE_NAME) is True

From ded2edc019016130e314959f9cc66799f661f988 Mon Sep 17 00:00:00 2001
From: Mikel Larreategi <mlarreategi@codesyntax.com>
Date: Thu, 17 Jul 2025 15:21:41 +0200
Subject: [PATCH 05/24] lint

---
 tests/base.py             |    3 +-
 tests/content/conftest.py |    2 +-
 tests/content/test.html   | 1895 +++++++++++++++++++++++++++++++++++++
 3 files changed, 1898 insertions(+), 2 deletions(-)
 create mode 100644 tests/content/test.html

diff --git a/tests/base.py b/tests/base.py
index 0491fe8..d758a3e 100644
--- a/tests/base.py
+++ b/tests/base.py
@@ -15,5 +15,6 @@ def installed(self, portal, installer):
         """
         try:
             installer.install_product(PACKAGE_NAME)
-        except:
+        except Exception as e:
+            logger.info(e)
             logger.info("Package already installed")
diff --git a/tests/content/conftest.py b/tests/content/conftest.py
index 4537134..ea2cf40 100644
--- a/tests/content/conftest.py
+++ b/tests/content/conftest.py
@@ -114,7 +114,7 @@ def func(portal) -> dict:
 def portal_with_content(app, portal, create_contents):
     """Plone portal with initial content."""
     with api.env.adopt_roles(["Manager"]):
-        content_ids = create_contents(portal)
+        create_contents(portal)
     # transaction.commit()
     yield portal
     # with api.env.adopt_roles(["Manager"]):
diff --git a/tests/content/test.html b/tests/content/test.html
new file mode 100644
index 0000000..eb08124
--- /dev/null
+++ b/tests/content/test.html
@@ -0,0 +1,1895 @@
+<!DOCTYPE html>
+<html
+  xmlns="http://www.w3.org/1999/xhtml"
+  class="h-100"
+  lang="en"
+  xml:lang="en"
+>
+  <head>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
+    <title>folder — Plone site</title>
+
+    <link
+      href="/plone/++theme++barceloneta/++theme++barceloneta/barceloneta-apple-touch-icon.png"
+      rel="apple-touch-icon"
+    />
+
+    <link
+      href="/plone/++theme++barceloneta/++theme++barceloneta/barceloneta-apple-touch-icon-144x144-precomposed.png"
+      rel="apple-touch-icon-precomposed"
+      sizes="144x144"
+    />
+
+    <link
+      href="/plone/++theme++barceloneta/++theme++barceloneta/barceloneta-apple-touch-icon-114x114-precomposed.png"
+      rel="apple-touch-icon-precomposed"
+      sizes="114x114"
+    />
+
+    <link
+      href="/plone/++theme++barceloneta/++theme++barceloneta/barceloneta-apple-touch-icon-72x72-precomposed.png"
+      rel="apple-touch-icon-precomposed"
+      sizes="72x72"
+    />
+
+    <link
+      href="/plone/++theme++barceloneta/++theme++barceloneta/barceloneta-apple-touch-icon-57x57-precomposed.png"
+      rel="apple-touch-icon-precomposed"
+      sizes="57x57"
+    />
+
+    <link
+      href="/plone/++theme++barceloneta/++theme++barceloneta/barceloneta-apple-touch-icon-precomposed.png"
+      rel="apple-touch-icon-precomposed"
+    />
+
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="generator" content="Plone - https://plone.org/" />
+    <link
+      href="http://localhost:53343/plone/author/test_user_1_"
+      rel="author"
+      title="Author information"
+    />
+    <link rel="canonical" href="http://localhost:53343/plone/folder" />
+    <link
+      rel="preload icon"
+      type="image/vnd.microsoft.icon"
+      href="http://localhost:53343/plone/favicon.ico"
+    />
+    <link rel="mask-icon" href="http://localhost:53343/plone/favicon.ico" />
+    <link
+      href="http://localhost:53343/plone/@@search"
+      rel="search"
+      title="Search this site"
+    />
+    <link
+      data-bundle="cs_dynamicpages.dynamicpagerow_edit"
+      href="http://localhost:53343/plone/++webresource++2c5eff19-8f3e-55d3-aaa2-e7027f18ee6d/++plone++cs_dynamicpages.edit/dynamicpageview.css"
+      media="all"
+      rel="stylesheet"
+      type="text/css"
+    />
+    <link
+      data-bundle="plone-fullscreen"
+      href="http://localhost:53343/plone/++webresource++ac83a459-aa2c-5a45-80a9-9d3e95ae0847/++plone++static/plone-fullscreen/fullscreen.css"
+      media="all"
+      rel="stylesheet"
+      type="text/css"
+    />
+    <link
+      data-bundle="diazo"
+      href="http://localhost:53343/plone/++webresource++eb035faa-4ad1-5dd5-b6ab-112fbde31b25/++theme++barceloneta/css/barceloneta.min.css"
+      media="all"
+      rel="stylesheet"
+      type="text/css"
+    />
+    <script
+      data-bundle="eventedit"
+      integrity="sha384-W20cxl3CtPwJZfDR4x60HI2//XDXqbP6rtk2An7KEhulYuPl0XI5ug/DjONVDc0h"
+      src="http://localhost:53343/plone/++webresource++8d417e05-799d-5735-a6da-1c458ea67e57/++plone++plone.app.event/event.js"
+    ></script>
+    <script
+      data-bundle="plone-fullscreen"
+      integrity="sha384-yAbXscL0aoE/0AkFhaGNz6d74lDy9Cz7PXfkWNqRnFm0/ewX0uoBBoyPBU5qW7Nr"
+      src="http://localhost:53343/plone/++webresource++6aa4c841-faf5-51e8-8109-90bd97e7aa07/++plone++static/plone-fullscreen/fullscreen.js"
+    ></script>
+    <script
+      data-bundle="plone"
+      integrity="sha384-6Wh7fW8sei4bJMY3a6PIfr5jae6gj9dIadjpiDZBJsr9pJ5gW0bsg0IzoolcL3H0"
+      src="http://localhost:53343/plone/++webresource++cff93eba-89cf-5661-8beb-464cc1d0cbc7/++plone++static/bundle-plone/bundle.min.js"
+    ></script>
+    <script
+      data-bundle="datagridfield-bundle"
+      integrity="sha384-jKJmts2h4d/arNI0xwrgtirtgzvtPVCCkvp/Cm+TQbJcgWDWRenBt8B2zZJXjLIM"
+      src="http://localhost:53343/plone/++webresource++be85199e-564e-50ca-b62d-4bcea4c4b51b/++resource++collective.z3cform.datagridfield/datagridfield-remote.min.js"
+    ></script>
+    <script
+      async="True"
+      data-bundle="cs_dynamicpages.editmode_toggle"
+      integrity="sha384-X0JdcpK52S7/0ST5m5d5CjeOGWMBRVwsCspkQ7/8wN3/G5w03o2h3XlyC8TM9UbV"
+      src="http://localhost:53343/plone/++webresource++fe2ea940-f8c0-510e-a8ea-dc1f9c4a5128/++plone++cs_dynamicpages.edit/editmode-toggle.js"
+    ></script>
+    <script
+      async="True"
+      data-bundle="cs_dynamicpages.dynamicpagerow_view_reorder"
+      integrity="sha384-05wk5CoObLEHvpCGbl/qNTOB5tXF5vqLLWSJjlzzbHLQuOSmj6EGFAwhLisP9Svi"
+      src="http://localhost:53343/plone/++webresource++febdadea-db03-5c36-a194-0ec17778983d/++plone++cs_dynamicpages.edit/reorder-rows.js"
+    ></script>
+    <script
+      async="True"
+      data-bundle="cs_dynamicpages.dynamicpagerow_view_delete"
+      integrity="sha384-boNhazG37V/5rqVh2R1FfWj+OkPVJVLFcyamIZ1+1dIidcft79e2B2EYVrnriKo7"
+      src="http://localhost:53343/plone/++webresource++64c1423e-28bb-55a3-be2e-3736fd59af4b/++plone++cs_dynamicpages.edit/delete-row.js"
+    ></script>
+    <script
+      async="True"
+      data-bundle="cs_dynamicpages.dynamicpagerow_edit"
+      integrity="sha384-a1Dk4Tn89JBx/FWY7s9xK4NJmc6doTOt/tvJ/Qb0CDpTtfb34pXo1tkXye4u36ZH"
+      src="http://localhost:53343/plone/++webresource++87223d23-63f4-5305-a177-2de0cc081cea/++plone++cs_dynamicpages.edit/edit_dynamicpagerow.js"
+    ></script>
+  </head>
+  <body
+    class="d-flex flex-column h-100 col-content frontend icons-on plone-toolbar-expanded plone-toolbar-left plone-toolbar-left-expanded portaltype-folder section-folder site-plone template-dynamic-view thumbs-on userrole-authenticated userrole-manager userrole-owner viewpermission-view"
+    id="visual-portal-wrapper"
+    dir="ltr"
+    data-base-url="http://localhost:53343/plone/folder"
+    data-view-url="http://localhost:53343/plone/folder"
+    data-portal-url="http://localhost:53343/plone"
+    data-i18ncatalogurl="http://localhost:53343/plone/plonejsi18n"
+    data-pat-pickadate='{"date": {"selectYears": 200}, "time": {"interval": 5 } }'
+    data-pat-plone-modal='{"actionOptions": {"displayInModal": false}}'
+  >
+    <section id="edit-bar" role="toolbar">
+      <div
+        class="pat-toolbar"
+        id="edit-zone"
+        role="toolbar"
+        data-bs-scroll="true"
+      >
+        <div class="toolbar-header nav">
+          <a class="toolbar-collapse" aria-label="Unpin">
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              width="16"
+              height="16"
+              fill="currentColor"
+              class="plone-icon bi bi-arrow-bar-left"
+              viewbox="0 0 16 16"
+            >
+              <path
+                fill-rule="evenodd"
+                d="M12.5 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5M10 8a.5.5 0 0 1-.5.5H3.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L3.707 7.5H9.5a.5.5 0 0 1 .5.5"
+              ></path>
+            </svg>
+          </a>
+          <a class="toolbar-expand" aria-label="Pin">
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              width="16"
+              height="16"
+              fill="currentColor"
+              class="plone-icon bi bi-arrow-bar-right"
+              viewbox="0 0 16 16"
+            >
+              <path
+                fill-rule="evenodd"
+                d="M6 8a.5.5 0 0 0 .5.5h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 0 0-.708.708L12.293 7.5H6.5A.5.5 0 0 0 6 8m-2.5 7a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5"
+              ></path>
+            </svg>
+          </a>
+        </div>
+
+        <ul class="nav flex-column plone-toolbar-main">
+          <li class="nav-item" id="contentview-folderContents">
+            <a
+              class="nav-link"
+              href="http://localhost:53343/plone/folder/folder_contents?_authenticator=de98c16956946b08f68c58d8435a49664393d565"
+            >
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                width="16"
+                height="16"
+                fill="currentColor"
+                class="plone-icon me-1 bi bi-folder2-open"
+                viewbox="0 0 16 16"
+              >
+                <path
+                  d="M1 3.5A1.5 1.5 0 0 1 2.5 2h2.764c.958 0 1.76.56 2.311 1.184C7.985 3.648 8.48 4 9 4h4.5A1.5 1.5 0 0 1 15 5.5v.64c.57.265.94.876.856 1.546l-.64 5.124A2.5 2.5 0 0 1 12.733 15H3.266a2.5 2.5 0 0 1-2.481-2.19l-.64-5.124A1.5 1.5 0 0 1 1 6.14zM2 6h12v-.5a.5.5 0 0 0-.5-.5H9c-.964 0-1.71-.629-2.174-1.154C6.374 3.334 5.82 3 5.264 3H2.5a.5.5 0 0 0-.5.5zm-.367 1a.5.5 0 0 0-.496.562l.64 5.124A1.5 1.5 0 0 0 3.266 14h9.468a1.5 1.5 0 0 0 1.489-1.314l.64-5.124A.5.5 0 0 0 14.367 7z"
+                ></path>
+              </svg>
+              <span class="toolbar-label">Contents</span>
+            </a>
+          </li>
+
+          <li class="nav-item" id="contentview-edit">
+            <a
+              class="nav-link"
+              href="http://localhost:53343/plone/folder/edit?_authenticator=de98c16956946b08f68c58d8435a49664393d565"
+            >
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                width="16"
+                height="16"
+                fill="currentColor"
+                class="plone-icon me-1 bi bi-pencil"
+                viewbox="0 0 16 16"
+              >
+                <path
+                  d="M12.146.146a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-10 10a.5.5 0 0 1-.168.11l-5 2a.5.5 0 0 1-.65-.65l2-5a.5.5 0 0 1 .11-.168zM11.207 2.5 13.5 4.793 14.793 3.5 12.5 1.207zm1.586 3L10.5 3.207 4 9.707V10h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.293zm-9.761 5.175-.106.106-1.528 3.821 3.821-1.528.106-.106A.5.5 0 0 1 5 12.5V12h-.5a.5.5 0 0 1-.5-.5V11h-.5a.5.5 0 0 1-.468-.325"
+                ></path>
+              </svg>
+              <span class="toolbar-label">Edit</span>
+            </a>
+          </li>
+
+          <li class="nav-item" id="contentview-view">
+            <a
+              class="nav-link"
+              href="http://localhost:53343/plone/folder?_authenticator=de98c16956946b08f68c58d8435a49664393d565"
+            >
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                width="16"
+                height="16"
+                fill="currentColor"
+                class="plone-icon me-1 bi bi-eye"
+                viewbox="0 0 16 16"
+              >
+                <path
+                  d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8M1.173 8a13 13 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5s3.879 1.168 5.168 2.457A13 13 0 0 1 14.828 8q-.086.13-.195.288c-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5s-3.879-1.168-5.168-2.457A13 13 0 0 1 1.172 8z"
+                ></path>
+
+                <path
+                  d="M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5M4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0"
+                ></path>
+              </svg>
+              <span class="toolbar-label">View</span>
+            </a>
+          </li>
+
+          <li class="border-top my-2"></li>
+
+          <li
+            class="plonetoolbar-contenttype dropend"
+            id="plone-contentmenu-factories"
+          >
+            <a
+              class="nav-link dropdown-toggle"
+              aria-expanded="false"
+              href="http://localhost:53343/plone/folder/folder_factories?_authenticator=de98c16956946b08f68c58d8435a49664393d565"
+              data-bs-offset="0,0"
+              data-bs-toggle="dropdown"
+              title="Add new items inside this item"
+            >
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                width="16"
+                height="16"
+                fill="currentColor"
+                class="plone-icon bi bi-plus-square"
+                viewbox="0 0 16 16"
+              >
+                <path
+                  d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2z"
+                ></path>
+
+                <path
+                  d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4"
+                ></path>
+              </svg>
+              <span class="toolbar-label">
+                Add new… <span class=""></span>
+              </span>
+            </a>
+            <ul class="dropdown-menu">
+              <li>
+                <h6 class="dropdown-header">Add new…</h6>
+              </li>
+
+              <li>
+                <a
+                  class="nav-link dropdown-item contenttype-collection"
+                  href="http://localhost:53343/plone/folder/++add++Collection"
+                  title=""
+                  id="collection"
+                >
+                  <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    width="16"
+                    height="16"
+                    fill="currentColor"
+                    class="plone-icon bi bi-collection"
+                    viewbox="0 0 16 16"
+                  >
+                    <path
+                      d="M2.5 3.5a.5.5 0 0 1 0-1h11a.5.5 0 0 1 0 1zm2-2a.5.5 0 0 1 0-1h7a.5.5 0 0 1 0 1zM0 13a1.5 1.5 0 0 0 1.5 1.5h13A1.5 1.5 0 0 0 16 13V6a1.5 1.5 0 0 0-1.5-1.5h-13A1.5 1.5 0 0 0 0 6zm1.5.5A.5.5 0 0 1 1 13V6a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-.5.5z"
+                    ></path>
+                  </svg>
+                  Collection
+                </a>
+              </li>
+
+              <li>
+                <a
+                  class="nav-link dropdown-item contenttype-dynamicpagefolder"
+                  href="http://localhost:53343/plone/folder/++add++DynamicPageFolder"
+                  title=""
+                  id="dynamicpagefolder"
+                >
+                  <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    width="16"
+                    height="16"
+                    fill="currentColor"
+                    class="plone-icon bi bi-puzzle"
+                    viewbox="0 0 16 16"
+                  >
+                    <path
+                      d="M3.112 3.645A1.5 1.5 0 0 1 4.605 2H7a.5.5 0 0 1 .5.5v.382c0 .696-.497 1.182-.872 1.469a.5.5 0 0 0-.115.118l-.012.025L6.5 4.5v.003l.003.01q.005.015.036.053a.9.9 0 0 0 .27.194C7.09 4.9 7.51 5 8 5c.492 0 .912-.1 1.19-.24a.9.9 0 0 0 .271-.194.2.2 0 0 0 .039-.063v-.009l-.012-.025a.5.5 0 0 0-.115-.118c-.375-.287-.872-.773-.872-1.469V2.5A.5.5 0 0 1 9 2h2.395a1.5 1.5 0 0 1 1.493 1.645L12.645 6.5h.237c.195 0 .42-.147.675-.48.21-.274.528-.52.943-.52.568 0 .947.447 1.154.862C15.877 6.807 16 7.387 16 8s-.123 1.193-.346 1.638c-.207.415-.586.862-1.154.862-.415 0-.733-.246-.943-.52-.255-.333-.48-.48-.675-.48h-.237l.243 2.855A1.5 1.5 0 0 1 11.395 14H9a.5.5 0 0 1-.5-.5v-.382c0-.696.497-1.182.872-1.469a.5.5 0 0 0 .115-.118l.012-.025.001-.006v-.003a.2.2 0 0 0-.039-.064.9.9 0 0 0-.27-.193C8.91 11.1 8.49 11 8 11s-.912.1-1.19.24a.9.9 0 0 0-.271.194.2.2 0 0 0-.039.063v.003l.001.006.012.025c.016.027.05.068.115.118.375.287.872.773.872 1.469v.382a.5.5 0 0 1-.5.5H4.605a1.5 1.5 0 0 1-1.493-1.645L3.356 9.5h-.238c-.195 0-.42.147-.675.48-.21.274-.528.52-.943.52-.568 0-.947-.447-1.154-.862C.123 9.193 0 8.613 0 8s.123-1.193.346-1.638C.553 5.947.932 5.5 1.5 5.5c.415 0 .733.246.943.52.255.333.48.48.675.48h.238zM4.605 3a.5.5 0 0 0-.498.55l.001.007.29 3.4A.5.5 0 0 1 3.9 7.5h-.782c-.696 0-1.182-.497-1.469-.872a.5.5 0 0 0-.118-.115l-.025-.012L1.5 6.5h-.003a.2.2 0 0 0-.064.039.9.9 0 0 0-.193.27C1.1 7.09 1 7.51 1 8s.1.912.24 1.19c.07.14.14.225.194.271a.2.2 0 0 0 .063.039H1.5l.006-.001.025-.012a.5.5 0 0 0 .118-.115c.287-.375.773-.872 1.469-.872H3.9a.5.5 0 0 1 .498.542l-.29 3.408a.5.5 0 0 0 .497.55h1.878c-.048-.166-.195-.352-.463-.557-.274-.21-.52-.528-.52-.943 0-.568.447-.947.862-1.154C6.807 10.123 7.387 10 8 10s1.193.123 1.638.346c.415.207.862.586.862 1.154 0 .415-.246.733-.52.943-.268.205-.415.39-.463.557h1.878a.5.5 0 0 0 .498-.55l-.001-.007-.29-3.4A.5.5 0 0 1 12.1 8.5h.782c.696 0 1.182.497 1.469.872.05.065.091.099.118.115l.025.012.006.001h.003a.2.2 0 0 0 .064-.039.9.9 0 0 0 .193-.27c.14-.28.24-.7.24-1.191s-.1-.912-.24-1.19a.9.9 0 0 0-.194-.271.2.2 0 0 0-.063-.039H14.5l-.006.001-.025.012a.5.5 0 0 0-.118.115c-.287.375-.773.872-1.469.872H12.1a.5.5 0 0 1-.498-.543l.29-3.407a.5.5 0 0 0-.497-.55H9.517c.048.166.195.352.463.557.274.21.52.528.52.943 0 .568-.447.947-.862 1.154C9.193 5.877 8.613 6 8 6s-1.193-.123-1.638-.346C5.947 5.447 5.5 5.068 5.5 4.5c0-.415.246-.733.52-.943.268-.205.415-.39.463-.557z"
+                    ></path>
+                  </svg>
+                  DynamicPageFolder
+                </a>
+              </li>
+
+              <li>
+                <a
+                  class="nav-link dropdown-item contenttype-event"
+                  href="http://localhost:53343/plone/folder/++add++Event"
+                  title="Events can be shown in calendars."
+                  id="event"
+                >
+                  <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    width="16"
+                    height="16"
+                    fill="currentColor"
+                    class="plone-icon bi bi-calendar-event"
+                    viewbox="0 0 16 16"
+                  >
+                    <path
+                      d="M11 6.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5z"
+                    ></path>
+
+                    <path
+                      d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5M1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4z"
+                    ></path>
+                  </svg>
+                  Event
+                </a>
+              </li>
+
+              <li>
+                <a
+                  class="nav-link dropdown-item contenttype-file"
+                  href="http://localhost:53343/plone/folder/++add++File"
+                  title="Lets you upload a file to the site."
+                  id="file"
+                >
+                  <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    width="16"
+                    height="16"
+                    fill="currentColor"
+                    class="plone-icon bi bi-file-earmark"
+                    viewbox="0 0 16 16"
+                  >
+                    <path
+                      d="M14 4.5V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h5.5zm-3 0A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4.5z"
+                    ></path>
+                  </svg>
+                  File
+                </a>
+              </li>
+
+              <li>
+                <a
+                  class="nav-link dropdown-item contenttype-folder"
+                  href="http://localhost:53343/plone/folder/++add++Folder"
+                  title=""
+                  id="folder"
+                >
+                  <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    width="16"
+                    height="16"
+                    fill="currentColor"
+                    class="plone-icon bi bi-folder"
+                    viewbox="0 0 16 16"
+                  >
+                    <path
+                      d="M.54 3.87.5 3a2 2 0 0 1 2-2h3.672a2 2 0 0 1 1.414.586l.828.828A2 2 0 0 0 9.828 3h3.982a2 2 0 0 1 1.992 2.181l-.637 7A2 2 0 0 1 13.174 14H2.826a2 2 0 0 1-1.991-1.819l-.637-7a2 2 0 0 1 .342-1.31zM2.19 4a1 1 0 0 0-.996 1.09l.637 7a1 1 0 0 0 .995.91h10.348a1 1 0 0 0 .995-.91l.637-7A1 1 0 0 0 13.81 4zm4.69-1.707A1 1 0 0 0 6.172 2H2.5a1 1 0 0 0-1 .981l.006.139q.323-.119.684-.12h5.396z"
+                    ></path>
+                  </svg>
+                  Folder
+                </a>
+              </li>
+
+              <li>
+                <a
+                  class="nav-link dropdown-item contenttype-image"
+                  href="http://localhost:53343/plone/folder/++add++Image"
+                  title="Images can be referenced in pages or displayed in an album."
+                  id="image"
+                >
+                  <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    width="16"
+                    height="16"
+                    fill="currentColor"
+                    class="plone-icon bi bi-file-earmark-image"
+                    viewbox="0 0 16 16"
+                  >
+                    <path
+                      d="M6.502 7a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3"
+                    ></path>
+
+                    <path
+                      d="M14 14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h5.5L14 4.5zM4 1a1 1 0 0 0-1 1v10l2.224-2.224a.5.5 0 0 1 .61-.075L8 11l2.157-3.02a.5.5 0 0 1 .76-.063L13 10V4.5h-2A1.5 1.5 0 0 1 9.5 3V1z"
+                    ></path>
+                  </svg>
+                  Image
+                </a>
+              </li>
+
+              <li>
+                <a
+                  class="nav-link dropdown-item contenttype-link"
+                  href="http://localhost:53343/plone/folder/++add++Link"
+                  title=""
+                  id="link"
+                >
+                  <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    width="16"
+                    height="16"
+                    fill="currentColor"
+                    class="plone-icon bi bi-link-45deg"
+                    viewbox="0 0 16 16"
+                  >
+                    <path
+                      d="M4.715 6.542 3.343 7.914a3 3 0 1 0 4.243 4.243l1.828-1.829A3 3 0 0 0 8.586 5.5L8 6.086a1 1 0 0 0-.154.199 2 2 0 0 1 .861 3.337L6.88 11.45a2 2 0 1 1-2.83-2.83l.793-.792a4 4 0 0 1-.128-1.287z"
+                    ></path>
+
+                    <path
+                      d="M6.586 4.672A3 3 0 0 0 7.414 9.5l.775-.776a2 2 0 0 1-.896-3.346L9.12 3.55a2 2 0 1 1 2.83 2.83l-.793.792c.112.42.155.855.128 1.287l1.372-1.372a3 3 0 1 0-4.243-4.243z"
+                    ></path>
+                  </svg>
+                  Link
+                </a>
+              </li>
+
+              <li>
+                <a
+                  class="nav-link dropdown-item contenttype-news-item"
+                  href="http://localhost:53343/plone/folder/++add++News Item"
+                  title=""
+                  id="news-item"
+                >
+                  <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    width="16"
+                    height="16"
+                    fill="currentColor"
+                    class="plone-icon bi bi-file-earmark-richtext"
+                    viewbox="0 0 16 16"
+                  >
+                    <path
+                      d="M14 4.5V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h5.5zm-3 0A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4.5z"
+                    ></path>
+
+                    <path
+                      d="M4.5 12.5A.5.5 0 0 1 5 12h3a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5m0-2A.5.5 0 0 1 5 10h6a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5m1.639-3.708 1.33.886 1.854-1.855a.25.25 0 0 1 .289-.047l1.888.974V8.5a.5.5 0 0 1-.5.5H5a.5.5 0 0 1-.5-.5V8s1.54-1.274 1.639-1.208M6.25 6a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5"
+                    ></path>
+                  </svg>
+                  News Item
+                </a>
+              </li>
+
+              <li>
+                <a
+                  class="nav-link dropdown-item contenttype-document"
+                  href="http://localhost:53343/plone/folder/++add++Document"
+                  title=""
+                  id="document"
+                >
+                  <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    width="16"
+                    height="16"
+                    fill="currentColor"
+                    class="plone-icon bi bi-file-earmark-text"
+                    viewbox="0 0 16 16"
+                  >
+                    <path
+                      d="M5.5 7a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1zM5 9.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5m0 2a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5"
+                    ></path>
+
+                    <path
+                      d="M9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.5zm0 1v2A1.5 1.5 0 0 0 11 4.5h2V14a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1z"
+                    ></path>
+                  </svg>
+                  Page
+                </a>
+              </li>
+
+              <li>
+                <a
+                  class="nav-link dropdown-item"
+                  href="http://localhost:53343/plone/folder/folder_constraintypes_form"
+                  title="Configure which content types can be added here"
+                  id="plone-contentmenu-settings"
+                >
+                  <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    width="16"
+                    height="16"
+                    fill="currentColor"
+                    class="plone-icon bi bi-dot"
+                    viewbox="0 0 16 16"
+                  >
+                    <path d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3"></path>
+                  </svg>
+                  Restrictions…
+                </a>
+              </li>
+            </ul>
+          </li>
+
+          <li
+            class="plonetoolbar-workfow-transition dropend"
+            id="plone-contentmenu-workflow"
+          >
+            <a
+              class="nav-link dropdown-toggle"
+              aria-expanded="false"
+              href="http://localhost:53343/plone/folder/content_status_history"
+              data-bs-offset="0,0"
+              data-bs-toggle="dropdown"
+              title="Change the state of this item"
+            >
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                width="16"
+                height="16"
+                fill="currentColor"
+                class="plone-icon bi bi-bezier2"
+                viewbox="0 0 16 16"
+              >
+                <path
+                  fill-rule="evenodd"
+                  d="M1 2.5A1.5 1.5 0 0 1 2.5 1h1A1.5 1.5 0 0 1 5 2.5h4.134a1 1 0 1 1 0 1h-2.01q.269.27.484.605C8.246 5.097 8.5 6.459 8.5 8c0 1.993.257 3.092.713 3.7.356.476.895.721 1.787.784A1.5 1.5 0 0 1 12.5 11h1a1.5 1.5 0 0 1 1.5 1.5v1a1.5 1.5 0 0 1-1.5 1.5h-1a1.5 1.5 0 0 1-1.5-1.5H6.866a1 1 0 1 1 0-1h1.711a3 3 0 0 1-.165-.2C7.743 11.407 7.5 10.007 7.5 8c0-1.46-.246-2.597-.733-3.355-.39-.605-.952-1-1.767-1.112A1.5 1.5 0 0 1 3.5 5h-1A1.5 1.5 0 0 1 1 3.5zM2.5 2a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zm10 10a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5z"
+                ></path>
+              </svg>
+              <span class="toolbar-label">
+                State: <span class="label-state-private">Private</span>
+              </span>
+            </a>
+            <ul class="dropdown-menu">
+              <li>
+                <h6 class="dropdown-header">State:</h6>
+              </li>
+
+              <li>
+                <a
+                  class="nav-link dropdown-item"
+                  href="http://localhost:53343/plone/folder/content_status_modify?workflow_action=publish&amp;_authenticator=de98c16956946b08f68c58d8435a49664393d565"
+                  title="Publishing the item makes it visible to other users."
+                  id="workflow-transition-publish"
+                >
+                  <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    width="16"
+                    height="16"
+                    fill="currentColor"
+                    class="plone-icon bi bi-dot"
+                    viewbox="0 0 16 16"
+                  >
+                    <path d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3"></path>
+                  </svg>
+                  Publish
+                </a>
+              </li>
+
+              <li>
+                <a
+                  class="nav-link dropdown-item"
+                  href="http://localhost:53343/plone/folder/content_status_modify?workflow_action=submit&amp;_authenticator=de98c16956946b08f68c58d8435a49664393d565"
+                  title="Puts your item in a review queue, so it can be published on the site."
+                  id="workflow-transition-submit"
+                >
+                  <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    width="16"
+                    height="16"
+                    fill="currentColor"
+                    class="plone-icon bi bi-dot"
+                    viewbox="0 0 16 16"
+                  >
+                    <path d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3"></path>
+                  </svg>
+                  Submit for publication
+                </a>
+              </li>
+
+              <li>
+                <a
+                  class="nav-link dropdown-item pat-plone-modal"
+                  href="http://localhost:53343/plone/folder/content_status_history"
+                  title=""
+                  id="workflow-transition-advanced"
+                  data-pat-plone-modal='{"modalSizeClass": "modal-xl", "actionOptions": {"redirectOnResponse": true}}'
+                >
+                  <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    width="16"
+                    height="16"
+                    fill="currentColor"
+                    class="plone-icon bi bi-dot"
+                    viewbox="0 0 16 16"
+                  >
+                    <path d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3"></path>
+                  </svg>
+                  Advanced...
+                </a>
+              </li>
+            </ul>
+          </li>
+
+          <li
+            class="plonetoolbar-content-action dropend"
+            id="plone-contentmenu-actions"
+          >
+            <a
+              class="nav-link dropdown-toggle"
+              aria-expanded="false"
+              href="http://localhost:53343/plone/folder/folder_contents"
+              data-bs-offset="0,0"
+              data-bs-toggle="dropdown"
+              title="Actions for the current content item"
+            >
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                width="16"
+                height="16"
+                fill="currentColor"
+                class="plone-icon bi bi-lightning"
+                viewbox="0 0 16 16"
+              >
+                <path
+                  d="M5.52.359A.5.5 0 0 1 6 0h4a.5.5 0 0 1 .474.658L8.694 6H12.5a.5.5 0 0 1 .395.807l-7 9a.5.5 0 0 1-.873-.454L6.823 9.5H3.5a.5.5 0 0 1-.48-.641zM6.374 1 4.168 8.5H7.5a.5.5 0 0 1 .478.647L6.78 13.04 11.478 7H8a.5.5 0 0 1-.474-.658L9.306 1z"
+                ></path>
+              </svg>
+              <span class="toolbar-label">
+                Actions <span class=""></span>
+              </span>
+            </a>
+            <ul class="dropdown-menu">
+              <li>
+                <h6 class="dropdown-header">Actions</h6>
+              </li>
+
+              <li>
+                <a
+                  class="nav-link dropdown-item actionicon-object_buttons-cut"
+                  href="http://localhost:53343/plone/folder/object_cut?_authenticator=de98c16956946b08f68c58d8435a49664393d565"
+                  title=""
+                  id="plone-contentmenu-actions-cut"
+                >
+                  <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    width="16"
+                    height="16"
+                    fill="currentColor"
+                    class="plone-icon bi bi-scissors"
+                    viewbox="0 0 16 16"
+                  >
+                    <path
+                      d="M3.5 3.5c-.614-.884-.074-1.962.858-2.5L8 7.226 11.642 1c.932.538 1.472 1.616.858 2.5L8.81 8.61l1.556 2.661a2.5 2.5 0 1 1-.794.637L8 9.73l-1.572 2.177a2.5 2.5 0 1 1-.794-.637L7.19 8.61zm2.5 10a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0m7 0a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0"
+                    ></path>
+                  </svg>
+                  Cut
+                </a>
+              </li>
+
+              <li>
+                <a
+                  class="nav-link dropdown-item actionicon-object_buttons-copy"
+                  href="http://localhost:53343/plone/folder/object_copy?_authenticator=de98c16956946b08f68c58d8435a49664393d565"
+                  title=""
+                  id="plone-contentmenu-actions-copy"
+                >
+                  <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    width="16"
+                    height="16"
+                    fill="currentColor"
+                    class="plone-icon bi bi-clipboard-plus"
+                    viewbox="0 0 16 16"
+                  >
+                    <path
+                      fill-rule="evenodd"
+                      d="M8 7a.5.5 0 0 1 .5.5V9H10a.5.5 0 0 1 0 1H8.5v1.5a.5.5 0 0 1-1 0V10H6a.5.5 0 0 1 0-1h1.5V7.5A.5.5 0 0 1 8 7"
+                    ></path>
+
+                    <path
+                      d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1z"
+                    ></path>
+
+                    <path
+                      d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0z"
+                    ></path>
+                  </svg>
+                  Copy
+                </a>
+              </li>
+
+              <li>
+                <a
+                  class="nav-link dropdown-item actionicon-object_buttons-delete pat-plone-modal"
+                  href="http://localhost:53343/plone/folder/delete_confirmation?_authenticator=de98c16956946b08f68c58d8435a49664393d565"
+                  title=""
+                  id="plone-contentmenu-actions-delete"
+                  data-pat-plone-modal='{"actionOptions": {"disableAjaxFormSubmit":true, "redirectOnResponse":true}}'
+                >
+                  <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    width="16"
+                    height="16"
+                    fill="currentColor"
+                    class="plone-icon bi bi-trash"
+                    viewbox="0 0 16 16"
+                  >
+                    <path
+                      d="M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0z"
+                    ></path>
+
+                    <path
+                      d="M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1zM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4zM2.5 3h11V2h-11z"
+                    ></path>
+                  </svg>
+                  Delete
+                </a>
+              </li>
+
+              <li>
+                <a
+                  class="nav-link dropdown-item actionicon-object_buttons-rename pat-plone-modal"
+                  href="http://localhost:53343/plone/folder/object_rename?_authenticator=de98c16956946b08f68c58d8435a49664393d565"
+                  title=""
+                  id="plone-contentmenu-actions-rename"
+                  data-pat-plone-modal="{}"
+                >
+                  <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    width="16"
+                    height="16"
+                    fill="currentColor"
+                    class="plone-icon bi bi-arrow-left-right"
+                    viewbox="0 0 16 16"
+                  >
+                    <path
+                      fill-rule="evenodd"
+                      d="M1 11.5a.5.5 0 0 0 .5.5h11.793l-3.147 3.146a.5.5 0 0 0 .708.708l4-4a.5.5 0 0 0 0-.708l-4-4a.5.5 0 0 0-.708.708L13.293 11H1.5a.5.5 0 0 0-.5.5m14-7a.5.5 0 0 1-.5.5H2.707l3.147 3.146a.5.5 0 1 1-.708.708l-4-4a.5.5 0 0 1 0-.708l4-4a.5.5 0 1 1 .708.708L2.707 4H14.5a.5.5 0 0 1 .5.5"
+                    ></path>
+                  </svg>
+                  Rename
+                </a>
+              </li>
+
+              <li>
+                <a
+                  class="nav-link dropdown-item actionicon-object_buttons-redirection"
+                  href=" http://localhost:53343/plone/folder/@@manage-aliases"
+                  title=""
+                  id="plone-contentmenu-actions-redirection"
+                >
+                  <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    width="16"
+                    height="16"
+                    fill="currentColor"
+                    class="plone-icon bi bi-alt"
+                    viewbox="0 0 16 16"
+                  >
+                    <path
+                      d="M1 13.5a.5.5 0 0 0 .5.5h3.797a.5.5 0 0 0 .439-.26L11 3h3.5a.5.5 0 0 0 0-1h-3.797a.5.5 0 0 0-.439.26L5 13H1.5a.5.5 0 0 0-.5.5m10 0a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 0-1h-3a.5.5 0 0 0-.5.5"
+                    ></path>
+                  </svg>
+                  URL Management
+                </a>
+              </li>
+            </ul>
+          </li>
+
+          <li
+            class="plonetoolbar-display-view dropend"
+            id="plone-contentmenu-display"
+          >
+            <a
+              class="nav-link dropdown-toggle"
+              aria-expanded="false"
+              href="http://localhost:53343/plone/folder/select_default_view"
+              data-bs-offset="0,0"
+              data-bs-toggle="dropdown"
+              title="Select the view mode for this folder, or set a content item as its default view."
+            >
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                width="16"
+                height="16"
+                fill="currentColor"
+                class="plone-icon bi bi-layers-half"
+                viewbox="0 0 16 16"
+              >
+                <path
+                  d="M8.235 1.559a.5.5 0 0 0-.47 0l-7.5 4a.5.5 0 0 0 0 .882L3.188 8 .264 9.559a.5.5 0 0 0 0 .882l7.5 4a.5.5 0 0 0 .47 0l7.5-4a.5.5 0 0 0 0-.882L12.813 8l2.922-1.559a.5.5 0 0 0 0-.882zM8 9.433 1.562 6 8 2.567 14.438 6z"
+                ></path>
+              </svg>
+              <span class="toolbar-label">
+                Display <span class=""></span>
+              </span>
+            </a>
+            <ul class="dropdown-menu">
+              <li>
+                <h6 class="dropdown-header">Display</h6>
+              </li>
+
+              <li>
+                <a
+                  class="nav-link dropdown-item active"
+                  href="http://localhost:53343/plone/folder/selectViewTemplate?templateId=dynamic-view&amp;_authenticator=de98c16956946b08f68c58d8435a49664393d565"
+                  title=""
+                  id="plone-contentmenu-display-dynamic-view"
+                >
+                  <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    width="16"
+                    height="16"
+                    fill="currentColor"
+                    class="plone-icon bi bi-check"
+                    viewbox="0 0 16 16"
+                  >
+                    <path
+                      d="M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425z"
+                    ></path>
+                  </svg>
+                  dynamic-view
+                </a>
+              </li>
+
+              <li>
+                <a
+                  class="nav-link dropdown-item"
+                  href="http://localhost:53343/plone/folder/selectViewTemplate?templateId=album_view&amp;_authenticator=de98c16956946b08f68c58d8435a49664393d565"
+                  title=""
+                  id="plone-contentmenu-display-album_view"
+                >
+                  <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    width="16"
+                    height="16"
+                    fill="currentColor"
+                    class="plone-icon bi bi-dot"
+                    viewbox="0 0 16 16"
+                  >
+                    <path d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3"></path>
+                  </svg>
+                  Album view
+                </a>
+              </li>
+
+              <li>
+                <a
+                  class="nav-link dropdown-item"
+                  href="http://localhost:53343/plone/folder/selectViewTemplate?templateId=full_view&amp;_authenticator=de98c16956946b08f68c58d8435a49664393d565"
+                  title=""
+                  id="plone-contentmenu-display-full_view"
+                >
+                  <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    width="16"
+                    height="16"
+                    fill="currentColor"
+                    class="plone-icon bi bi-dot"
+                    viewbox="0 0 16 16"
+                  >
+                    <path d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3"></path>
+                  </svg>
+                  All content
+                </a>
+              </li>
+
+              <li>
+                <a
+                  class="nav-link dropdown-item"
+                  href="http://localhost:53343/plone/folder/selectViewTemplate?templateId=listing_view&amp;_authenticator=de98c16956946b08f68c58d8435a49664393d565"
+                  title=""
+                  id="plone-contentmenu-display-listing_view"
+                >
+                  <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    width="16"
+                    height="16"
+                    fill="currentColor"
+                    class="plone-icon bi bi-dot"
+                    viewbox="0 0 16 16"
+                  >
+                    <path d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3"></path>
+                  </svg>
+                  Standard view
+                </a>
+              </li>
+
+              <li>
+                <a
+                  class="nav-link dropdown-item"
+                  href="http://localhost:53343/plone/folder/selectViewTemplate?templateId=summary_view&amp;_authenticator=de98c16956946b08f68c58d8435a49664393d565"
+                  title=""
+                  id="plone-contentmenu-display-summary_view"
+                >
+                  <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    width="16"
+                    height="16"
+                    fill="currentColor"
+                    class="plone-icon bi bi-dot"
+                    viewbox="0 0 16 16"
+                  >
+                    <path d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3"></path>
+                  </svg>
+                  Summary view
+                </a>
+              </li>
+
+              <li>
+                <a
+                  class="nav-link dropdown-item"
+                  href="http://localhost:53343/plone/folder/selectViewTemplate?templateId=tabular_view&amp;_authenticator=de98c16956946b08f68c58d8435a49664393d565"
+                  title=""
+                  id="plone-contentmenu-display-tabular_view"
+                >
+                  <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    width="16"
+                    height="16"
+                    fill="currentColor"
+                    class="plone-icon bi bi-dot"
+                    viewbox="0 0 16 16"
+                  >
+                    <path d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3"></path>
+                  </svg>
+                  Tabular view
+                </a>
+              </li>
+
+              <li>
+                <a
+                  class="nav-link dropdown-item"
+                  href="http://localhost:53343/plone/folder/selectViewTemplate?templateId=event_listing&amp;_authenticator=de98c16956946b08f68c58d8435a49664393d565"
+                  title=""
+                  id="plone-contentmenu-display-event_listing"
+                >
+                  <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    width="16"
+                    height="16"
+                    fill="currentColor"
+                    class="plone-icon bi bi-dot"
+                    viewbox="0 0 16 16"
+                  >
+                    <path d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3"></path>
+                  </svg>
+                  Event listing
+                </a>
+              </li>
+
+              <li>
+                <a
+                  class="nav-link dropdown-item pat-plone-modal"
+                  href="http://localhost:53343/plone/folder/select_default_page?_authenticator=de98c16956946b08f68c58d8435a49664393d565"
+                  title="Select an item to be used as default view in this folder..."
+                  id="contextSetDefaultPage"
+                  data-pat-plone-modal='{"actionOptions": {"redirectOnResponse": true}}'
+                >
+                  <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    width="16"
+                    height="16"
+                    fill="currentColor"
+                    class="plone-icon bi bi-dot"
+                    viewbox="0 0 16 16"
+                  >
+                    <path d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3"></path>
+                  </svg>
+                  Select a content itemas default view...
+                </a>
+              </li>
+            </ul>
+          </li>
+
+          <li
+            class="plonetoolbar-portlet-manager dropend"
+            id="plone-contentmenu-portletmanager"
+          >
+            <a
+              class="nav-link dropdown-toggle"
+              aria-expanded="false"
+              href="http://localhost:53343/plone/folder/manage-portlets"
+              data-bs-offset="0,0"
+              data-bs-toggle="dropdown"
+              title="Change the portlets of this item"
+            >
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                width="16"
+                height="16"
+                fill="currentColor"
+                class="plone-icon bi bi-window"
+                viewbox="0 0 16 16"
+              >
+                <path
+                  d="M2.5 4a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1m2-.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0m1 .5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1"
+                ></path>
+
+                <path
+                  d="M2 1a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2zm13 2v2H1V3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1M2 14a1 1 0 0 1-1-1V6h14v7a1 1 0 0 1-1 1z"
+                ></path>
+              </svg>
+              <span class="toolbar-label">
+                Manage portlets <span class=""></span>
+              </span>
+            </a>
+            <ul class="dropdown-menu">
+              <li>
+                <h6 class="dropdown-header">Manage portlets</h6>
+              </li>
+
+              <li>
+                <a
+                  class="nav-link dropdown-item"
+                  href="http://localhost:53343/plone/folder/manage-portlets?_authenticator=de98c16956946b08f68c58d8435a49664393d565"
+                  title="Manage all portlets"
+                  id="portlet-manager-all"
+                >
+                  <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    width="16"
+                    height="16"
+                    fill="currentColor"
+                    class="plone-icon bi bi-dot"
+                    viewbox="0 0 16 16"
+                  >
+                    <path d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3"></path>
+                  </svg>
+                  All…
+                </a>
+              </li>
+
+              <li>
+                <a
+                  class="nav-link dropdown-item"
+                  href="http://localhost:53343/plone/folder/@@topbar-manage-portlets/plone.footerportlets?_authenticator=de98c16956946b08f68c58d8435a49664393d565"
+                  title="Footer"
+                  id="portlet-manager-plone.footerportlets"
+                >
+                  <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    width="16"
+                    height="16"
+                    fill="currentColor"
+                    class="plone-icon bi bi-dot"
+                    viewbox="0 0 16 16"
+                  >
+                    <path d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3"></path>
+                  </svg>
+                  Footer
+                </a>
+              </li>
+
+              <li>
+                <a
+                  class="nav-link dropdown-item"
+                  href="http://localhost:53343/plone/folder/@@topbar-manage-portlets/plone.leftcolumn?_authenticator=de98c16956946b08f68c58d8435a49664393d565"
+                  title="Left column"
+                  id="portlet-manager-plone.leftcolumn"
+                >
+                  <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    width="16"
+                    height="16"
+                    fill="currentColor"
+                    class="plone-icon bi bi-dot"
+                    viewbox="0 0 16 16"
+                  >
+                    <path d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3"></path>
+                  </svg>
+                  Left column
+                </a>
+              </li>
+
+              <li>
+                <a
+                  class="nav-link dropdown-item"
+                  href="http://localhost:53343/plone/folder/@@topbar-manage-portlets/plone.rightcolumn?_authenticator=de98c16956946b08f68c58d8435a49664393d565"
+                  title="Right column"
+                  id="portlet-manager-plone.rightcolumn"
+                >
+                  <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    width="16"
+                    height="16"
+                    fill="currentColor"
+                    class="plone-icon bi bi-dot"
+                    viewbox="0 0 16 16"
+                  >
+                    <path d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3"></path>
+                  </svg>
+                  Right column
+                </a>
+              </li>
+            </ul>
+          </li>
+
+          <li class="border-top my-2"></li>
+
+          <li class="nav-item" id="contentview-history">
+            <a
+              class="nav-link"
+              href="http://localhost:53343/plone/folder/@@historyview?_authenticator=de98c16956946b08f68c58d8435a49664393d565"
+            >
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                width="16"
+                height="16"
+                fill="currentColor"
+                class="plone-icon me-1 bi bi-clock"
+                viewbox="0 0 16 16"
+              >
+                <path
+                  d="M8 3.5a.5.5 0 0 0-1 0V9a.5.5 0 0 0 .252.434l3.5 2a.5.5 0 0 0 .496-.868L8 8.71z"
+                ></path>
+
+                <path
+                  d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m7-8A7 7 0 1 1 1 8a7 7 0 0 1 14 0"
+                ></path>
+              </svg>
+              <span class="toolbar-label">
+                <time
+                  class="pat-display-time"
+                  datetime="2025-07-17T15:15:11+02:00"
+                  data-pat-display-time="output-format: L LTS"
+                ></time>
+              </span>
+            </a>
+          </li>
+
+          <li class="nav-item" id="contentview-local_roles">
+            <a
+              class="nav-link"
+              href="http://localhost:53343/plone/folder/@@sharing?_authenticator=de98c16956946b08f68c58d8435a49664393d565"
+            >
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                width="16"
+                height="16"
+                fill="currentColor"
+                class="plone-icon me-1 bi bi-people"
+                viewbox="0 0 16 16"
+              >
+                <path
+                  d="M15 14s1 0 1-1-1-4-5-4-5 3-5 4 1 1 1 1zm-7.978-1L7 12.996c.001-.264.167-1.03.76-1.72C8.312 10.629 9.282 10 11 10c1.717 0 2.687.63 3.24 1.276.593.69.758 1.457.76 1.72l-.008.002-.014.002zM11 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4m3-2a3 3 0 1 1-6 0 3 3 0 0 1 6 0M6.936 9.28a6 6 0 0 0-1.23-.247A7 7 0 0 0 5 9c-4 0-5 3-5 4q0 1 1 1h4.216A2.24 2.24 0 0 1 5 13c0-1.01.377-2.042 1.09-2.904.243-.294.526-.569.846-.816M4.92 10A5.5 5.5 0 0 0 4 13H1c0-.26.164-1.03.76-1.724.545-.636 1.492-1.256 3.16-1.275ZM1.5 5.5a3 3 0 1 1 6 0 3 3 0 0 1-6 0m3-2a2 2 0 1 0 0 4 2 2 0 0 0 0-4"
+                ></path>
+              </svg>
+              <span class="toolbar-label">Sharing</span>
+            </a>
+          </li>
+        </ul>
+
+        <div class="personaltools-wrapper nav dropend">
+          <a
+            class="nav-link dropdown-toggle"
+            id="personaltools-menulink"
+            aria-expanded="false"
+            data-bs-offset="0,0"
+            data-bs-toggle="dropdown"
+            href="http://localhost:53343/plone/useractions"
+          >
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              width="16"
+              height="16"
+              fill="currentColor"
+              class="plone-icon bi bi-person"
+              viewbox="0 0 16 16"
+            >
+              <path
+                d="M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6m2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0m4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4m-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10s-3.516.68-4.168 1.332c-.678.678-.83 1.418-.832 1.664z"
+              ></path>
+            </svg>
+            <span class="toolbar-label">admin</span>
+          </a>
+          <ul
+            class="dropdown-menu"
+            id="collapse-personaltools"
+            aria-labelledby="personaltools-menulink"
+          >
+            <li>
+              <h6 class="dropdown-header">admin</h6>
+            </li>
+
+            <li>
+              <a
+                class="nav-link dropdown-item"
+                title="Preferences"
+                href="http://localhost:53343/plone/@@personal-preferences"
+                id="personaltools-preferences"
+                icon="plone-user"
+              >
+                <svg
+                  xmlns="http://www.w3.org/2000/svg"
+                  width="16"
+                  height="16"
+                  fill="currentColor"
+                  class="plone-icon bi bi-person"
+                  viewbox="0 0 16 16"
+                >
+                  <path
+                    d="M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6m2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0m4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4m-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10s-3.516.68-4.168 1.332c-.678.678-.83 1.418-.832 1.664z"
+                  ></path>
+                </svg>
+                Preferences
+              </a>
+            </li>
+
+            <li>
+              <a
+                class="nav-link dropdown-item"
+                title="Dashboard"
+                href="http://localhost:53343/plone/dashboard"
+                id="personaltools-dashboard"
+                icon="plone-dashboard"
+              >
+                <svg
+                  xmlns="http://www.w3.org/2000/svg"
+                  width="16"
+                  height="16"
+                  fill="currentColor"
+                  class="plone-icon bi bi-kanban"
+                  viewbox="0 0 16 16"
+                >
+                  <path
+                    d="M13.5 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1h-11a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1zm-11-1a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h11a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2z"
+                  ></path>
+
+                  <path
+                    d="M6.5 3a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1zm-4 0a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1zm8 0a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1z"
+                  ></path>
+                </svg>
+                Dashboard
+              </a>
+            </li>
+
+            <li>
+              <a
+                class="nav-link dropdown-item"
+                title="Site Setup"
+                href="http://localhost:53343/plone/@@overview-controlpanel"
+                id="personaltools-plone_setup"
+                icon="plone-controlpanel"
+              >
+                <svg
+                  xmlns="http://www.w3.org/2000/svg"
+                  width="16"
+                  height="16"
+                  fill="currentColor"
+                  class="plone-icon bi bi-gear"
+                  viewbox="0 0 16 16"
+                >
+                  <path
+                    d="M8 4.754a3.246 3.246 0 1 0 0 6.492 3.246 3.246 0 0 0 0-6.492M5.754 8a2.246 2.246 0 1 1 4.492 0 2.246 2.246 0 0 1-4.492 0"
+                  ></path>
+
+                  <path
+                    d="M9.796 1.343c-.527-1.79-3.065-1.79-3.592 0l-.094.319a.873.873 0 0 1-1.255.52l-.292-.16c-1.64-.892-3.433.902-2.54 2.541l.159.292a.873.873 0 0 1-.52 1.255l-.319.094c-1.79.527-1.79 3.065 0 3.592l.319.094a.873.873 0 0 1 .52 1.255l-.16.292c-.892 1.64.901 3.434 2.541 2.54l.292-.159a.873.873 0 0 1 1.255.52l.094.319c.527 1.79 3.065 1.79 3.592 0l.094-.319a.873.873 0 0 1 1.255-.52l.292.16c1.64.893 3.434-.902 2.54-2.541l-.159-.292a.873.873 0 0 1 .52-1.255l.319-.094c1.79-.527 1.79-3.065 0-3.592l-.319-.094a.873.873 0 0 1-.52-1.255l.16-.292c.893-1.64-.902-3.433-2.541-2.54l-.292.159a.873.873 0 0 1-1.255-.52zm-2.633.283c.246-.835 1.428-.835 1.674 0l.094.319a1.873 1.873 0 0 0 2.693 1.115l.291-.16c.764-.415 1.6.42 1.184 1.185l-.159.292a1.873 1.873 0 0 0 1.116 2.692l.318.094c.835.246.835 1.428 0 1.674l-.319.094a1.873 1.873 0 0 0-1.115 2.693l.16.291c.415.764-.42 1.6-1.185 1.184l-.291-.159a1.873 1.873 0 0 0-2.693 1.116l-.094.318c-.246.835-1.428.835-1.674 0l-.094-.319a1.873 1.873 0 0 0-2.692-1.115l-.292.16c-.764.415-1.6-.42-1.184-1.185l.159-.291A1.873 1.873 0 0 0 1.945 8.93l-.319-.094c-.835-.246-.835-1.428 0-1.674l.319-.094A1.873 1.873 0 0 0 3.06 4.377l-.16-.292c-.415-.764.42-1.6 1.185-1.184l.292.159a1.873 1.873 0 0 0 2.692-1.115z"
+                  ></path>
+                </svg>
+                Site Setup
+              </a>
+            </li>
+
+            <li>
+              <a
+                class="nav-link dropdown-item"
+                title="Log out"
+                href="http://localhost:53343/plone/logout"
+                id="personaltools-logout"
+                icon="plone-logout"
+              >
+                <svg
+                  xmlns="http://www.w3.org/2000/svg"
+                  width="16"
+                  height="16"
+                  fill="currentColor"
+                  class="plone-icon bi bi-box-arrow-right"
+                  viewbox="0 0 16 16"
+                >
+                  <path
+                    fill-rule="evenodd"
+                    d="M10 12.5a.5.5 0 0 1-.5.5h-8a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 .5.5v2a.5.5 0 0 0 1 0v-2A1.5 1.5 0 0 0 9.5 2h-8A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h8a1.5 1.5 0 0 0 1.5-1.5v-2a.5.5 0 0 0-1 0z"
+                  ></path>
+
+                  <path
+                    fill-rule="evenodd"
+                    d="M15.854 8.354a.5.5 0 0 0 0-.708l-3-3a.5.5 0 0 0-.708.708L14.293 7.5H5.5a.5.5 0 0 0 0 1h8.793l-2.147 2.146a.5.5 0 0 0 .708.708z"
+                  ></path>
+                </svg>
+                Log out
+              </a>
+            </li>
+          </ul>
+        </div>
+      </div>
+    </section>
+    <div class="outer-wrapper flex-shrink-0">
+      <header
+        class="container d-flex pt-3 flex-column justify-content-between align-items-lg-start flex-lg-row"
+        id="content-header"
+      >
+        <div class="mb-3 d-flex justify-content-end" id="portal-top"></div>
+
+        <div
+          class="pb-3 d-flex justify-content-between align-items-center order-lg-first w-auto"
+          id="portal-logo-wrapper"
+        >
+          <a
+            id="portal-logo"
+            title="Plone site"
+            href="http://localhost:53343/plone"
+          >
+            <img
+              alt="Plone site"
+              src="http://localhost:53343/plone/++resource++plone-logo.svg"
+              title="Plone site"
+          /></a>
+          <div class="navbar navbar-expand-lg">
+            <button
+              class="navbar-toggler border-secondary"
+              aria-controls="offcanvasNavbar"
+              type="button"
+              data-bs-target="#offcanvasNavbar"
+              data-bs-toggle="offcanvas"
+              aria-label="Toggle navigation"
+            >
+              <span class="navbar-toggler-icon"></span>
+            </button>
+          </div>
+        </div>
+      </header>
+
+      <div id="mainnavigation-wrapper">
+        <div id="mainnavigation">
+          <nav
+            class="navbar navbar-expand-lg navbar-barceloneta pat-navigationmarker"
+            id="portal-globalnav-wrapper"
+          >
+            <div class="container">
+              <div
+                class="offcanvas offcanvas-end"
+                id="offcanvasNavbar"
+                aria-labelledby="offcanvasNavbarLabel"
+                tabindex="-1"
+              >
+                <div class="offcanvas-header justify-content-end">
+                  <button
+                    class="btn-close btn-close-white text-reset"
+                    aria-label="Close"
+                    type="button"
+                    data-bs-dismiss="offcanvas"
+                  ></button>
+                </div>
+
+                <div class="offcanvas-body align-items-center">
+                  <ul class="navbar-nav me-auto" id="portal-globalnav">
+                    <li class="index_html nav-item">
+                      <a
+                        href="http://localhost:53343/plone"
+                        class="state-None nav-link"
+                        >Home</a
+                      >
+                    </li>
+                    <li class="folder nav-item">
+                      <a
+                        href="http://localhost:53343/plone/folder"
+                        class="state-private nav-link"
+                        >folder</a
+                      >
+                    </li>
+                  </ul>
+
+                  <div
+                    class="d-flex flex-column position-relative"
+                    id="portal-searchbox"
+                  >
+                    <form
+                      class="d-flex pat-livesearch show_images"
+                      id="searchGadget_form"
+                      action="http://localhost:53343/plone/@@search"
+                      role="search"
+                      data-pat-livesearch="ajaxUrl:http://localhost:53343/plone/@@ajax-search"
+                    >
+                      <label class="hiddenStructure" for="searchGadget"
+                        >Search Site</label
+                      >
+                      <input
+                        class="searchField form-control me-2"
+                        id="searchGadget"
+                        name="SearchableText"
+                        placeholder="Search Site"
+                        size="18"
+                        title="Search Site"
+                        type="text"
+                      />
+                      <button
+                        class="searchButton btn btn-outline-light"
+                        type="submit"
+                      >
+                        Search
+                      </button>
+                      <div class="hiddenStructure" id="portal-advanced-search">
+                        <a href="http://localhost:53343/plone/@@search"
+                          >Advanced Search…</a
+                        >
+                      </div>
+                    </form>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+        </div>
+      </div>
+
+      <div class="principal" id="hero">
+        <div class="container">
+          <div class="gigantic"></div>
+        </div>
+      </div>
+
+      <div id="above-content-wrapper">
+        <div id="viewlet-above-content">
+          <nav id="portal-breadcrumbs" aria-label="breadcrumb">
+            <div class="container">
+              <ol class="breadcrumb">
+                <li class="breadcrumb-item">
+                  <a href="http://localhost:53343/plone">Home</a>
+                </li>
+
+                <li class="breadcrumb-item active" aria-current="page">
+                  folder
+                </li>
+              </ol>
+            </div>
+          </nav>
+        </div>
+      </div>
+
+      <div class="container">
+        <div class="row">
+          <aside class="col-12" id="global_statusmessage">
+            <div></div>
+          </aside>
+        </div>
+
+        <main class="row" id="main-container">
+          <section id="portal-column-content">
+            <article id="content">
+              <main id="content">
+                <div class="fixed-top d-flex justify-content-end py-2 me-2">
+                  <div
+                    class="d-inline-flex mb-3 px-3 py-2 fw-semibold text-warning-emphasis bg-warning-subtle border border-warning-subtle rounded-5"
+                  >
+                    <div class="form-check form-switch">
+                      <input
+                        id="editModeToggle"
+                        class="form-check-input"
+                        role="switch"
+                        type="checkbox"
+                      />
+                      <label for="editModeToggle" class="form-check-label"
+                        >Edit Mode</label
+                      >
+                    </div>
+                  </div>
+
+                  <section
+                    class="dynamic-row horizontal-rule-view state-private"
+                    data-delete-target="true"
+                    data-elementid="row-1"
+                    data-elementurl="http://localhost:53343/plone/folder/dpf/row-1"
+                    data-move-target="true"
+                    data-parenturl="http://localhost:53343/plone/folder/dpf"
+                  >
+                    <div class="edit-options edit-buttons d-flex gap-2">
+                      <small
+                        class="d-inline-flex mb-3 px-2 py-1 fw-semibold text-warning-emphasis bg-warning-subtle border border-warning-subtle rounded-2 position-relative"
+                      >
+                        Template: horizontal-rule-view
+                      </small>
+                      <!-- <a class="btn btn-outline-primary btn-sm align-self-start" href="${row/absolute_url}">View</a> -->
+                      <a
+                        class="btn btn-outline-primary btn-sm align-self-start"
+                        href="http://localhost:53343/plone/folder/dpf/row-1/edit"
+                        >Edit</a
+                      >
+                      <a
+                        class="btn btn-sm btn-danger align-self-start btn-delete-element"
+                        href="#"
+                        data-bs-target="#deleteElementModal"
+                        data-bs-toggle="modal"
+                        data-rowid="row-1"
+                        >Delete row</a
+                      >
+                      <div class="ms-auto d-flex gap-2 align-items-start">
+                        <a
+                          class="btn btn-outline-primary btn-sm align-self-start"
+                          href="#"
+                          data-action="move-down"
+                          >Move down</a
+                        >
+                        <div class="btn-group">
+                          <a
+                            class="position-relative btn btn-outline-danger btn-sm bg-danger-subtle dropdown-toggle"
+                            aria-expanded="false"
+                            type="button"
+                            data-bs-display="static"
+                            data-bs-toggle="dropdown"
+                          >
+                            Review state: private
+                            <span
+                              class="position-absolute top-0 start-100 translate-middle p-2 bg-danger border border-light rounded-circle"
+                            ></span>
+                          </a>
+                          <ul class="dropdown-menu">
+                            <li>
+                              <a
+                                class="dropdown-item"
+                                href="http://localhost:53343/plone/folder/dpf/row-1/content_status_modify?workflow_action=publish&amp;_authenticator=b10e67971ff181b5f158fd206f6ada278d9a9d52"
+                                >Publish</a
+                              >
+                            </li>
+
+                            <li>
+                              <a
+                                class="dropdown-item"
+                                href="http://localhost:53343/plone/folder/dpf/row-1/content_status_modify?workflow_action=submit&amp;_authenticator=de98c16956946b08f68c58d8435a49664393d565"
+                                >Submit for publication</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+
+                    <div
+                      class="edit-options features-list d-flex gap-2 align-items-start mb-3"
+                    ></div>
+
+                    <div class="content">
+                      <hr class="my-5 border border-primary opacity-100" />
+                    </div>
+                  </section>
+
+                  <section
+                    class="dynamic-row horizontal-rule-view state-private"
+                    data-delete-target="true"
+                    data-elementid="row-2"
+                    data-elementurl="http://localhost:53343/plone/folder/dpf/row-2"
+                    data-move-target="true"
+                    data-parenturl="http://localhost:53343/plone/folder/dpf"
+                  >
+                    <div class="edit-options edit-buttons d-flex gap-2">
+                      <small
+                        class="d-inline-flex mb-3 px-2 py-1 fw-semibold text-warning-emphasis bg-warning-subtle border border-warning-subtle rounded-2 position-relative"
+                      >
+                        Template: horizontal-rule-view
+                      </small>
+                      <!-- <a class="btn btn-outline-primary btn-sm align-self-start" href="${row/absolute_url}">View</a> -->
+                      <a
+                        class="btn btn-outline-primary btn-sm align-self-start"
+                        href="http://localhost:53343/plone/folder/dpf/row-2/edit"
+                        >Edit</a
+                      >
+                      <a
+                        class="btn btn-sm btn-danger align-self-start btn-delete-element"
+                        href="#"
+                        data-bs-target="#deleteElementModal"
+                        data-bs-toggle="modal"
+                        data-rowid="row-2"
+                        >Delete row</a
+                      >
+                      <div class="ms-auto d-flex gap-2 align-items-start">
+                        <a
+                          class="btn btn-outline-primary btn-sm align-self-start"
+                          href="#"
+                          data-action="move-up"
+                          >Move up</a
+                        >
+                        <a
+                          class="btn btn-outline-primary btn-sm align-self-start"
+                          href="#"
+                          data-action="move-down"
+                          >Move down</a
+                        >
+                        <div class="btn-group">
+                          <a
+                            class="position-relative btn btn-outline-danger btn-sm bg-danger-subtle dropdown-toggle"
+                            aria-expanded="false"
+                            type="button"
+                            data-bs-display="static"
+                            data-bs-toggle="dropdown"
+                          >
+                            Review state: private
+                            <span
+                              class="position-absolute top-0 start-100 translate-middle p-2 bg-danger border border-light rounded-circle"
+                            ></span>
+                          </a>
+                          <ul class="dropdown-menu">
+                            <li>
+                              <a
+                                class="dropdown-item"
+                                href="http://localhost:53343/plone/folder/dpf/row-2/content_status_modify?workflow_action=publish&amp;_authenticator=b10e67971ff181b5f158fd206f6ada278d9a9d52"
+                                >Publish</a
+                              >
+                            </li>
+
+                            <li>
+                              <a
+                                class="dropdown-item"
+                                href="http://localhost:53343/plone/folder/dpf/row-2/content_status_modify?workflow_action=submit&amp;_authenticator=b10e67971ff181b5f158fd206f6ada278d9a9d52"
+                                >Submit for publication</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+
+                    <div
+                      class="edit-options features-list d-flex gap-2 align-items-start mb-3"
+                    ></div>
+
+                    <div class="content">
+                      <hr class="my-5 border border-primary opacity-100" />
+                    </div>
+                  </section>
+
+                  <section
+                    class="dynamic-row horizontal-rule-view state-private"
+                    data-delete-target="true"
+                    data-elementid="row-3"
+                    data-elementurl="http://localhost:53343/plone/folder/dpf/row-3"
+                    data-move-target="true"
+                    data-parenturl="http://localhost:53343/plone/folder/dpf"
+                  >
+                    <div class="edit-options edit-buttons d-flex gap-2">
+                      <small
+                        class="d-inline-flex mb-3 px-2 py-1 fw-semibold text-warning-emphasis bg-warning-subtle border border-warning-subtle rounded-2 position-relative"
+                      >
+                        Template: horizontal-rule-view
+                      </small>
+                      <!-- <a class="btn btn-outline-primary btn-sm align-self-start" href="${row/absolute_url}">View</a> -->
+                      <a
+                        class="btn btn-outline-primary btn-sm align-self-start"
+                        href="http://localhost:53343/plone/folder/dpf/row-3/edit"
+                        >Edit</a
+                      >
+                      <a
+                        class="btn btn-sm btn-danger align-self-start btn-delete-element"
+                        href="#"
+                        data-bs-target="#deleteElementModal"
+                        data-bs-toggle="modal"
+                        data-rowid="row-3"
+                        >Delete row</a
+                      >
+                      <div class="ms-auto d-flex gap-2 align-items-start">
+                        <a
+                          class="btn btn-outline-primary btn-sm align-self-start"
+                          href="#"
+                          data-action="move-up"
+                          >Move up</a
+                        >
+                        <div class="btn-group">
+                          <a
+                            class="position-relative btn btn-outline-danger btn-sm bg-danger-subtle dropdown-toggle"
+                            aria-expanded="false"
+                            type="button"
+                            data-bs-display="static"
+                            data-bs-toggle="dropdown"
+                          >
+                            Review state: private
+                            <span
+                              class="position-absolute top-0 start-100 translate-middle p-2 bg-danger border border-light rounded-circle"
+                            ></span>
+                          </a>
+                          <ul class="dropdown-menu">
+                            <li>
+                              <a
+                                class="dropdown-item"
+                                href="http://localhost:53343/plone/folder/dpf/row-3/content_status_modify?workflow_action=publish&amp;_authenticator=de98c16956946b08f68c58d8435a49664393d565"
+                                >Publish</a
+                              >
+                            </li>
+
+                            <li>
+                              <a
+                                class="dropdown-item"
+                                href="http://localhost:53343/plone/folder/dpf/row-3/content_status_modify?workflow_action=submit&amp;_authenticator=792b8fe9d654404d9149a3dd212c8e132305f143"
+                                >Submit for publication</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+
+                    <div
+                      class="edit-options features-list d-flex gap-2 align-items-start mb-3"
+                    ></div>
+
+                    <div class="content">
+                      <hr class="my-5 border border-primary opacity-100" />
+                    </div>
+                  </section>
+
+                  <div
+                    class="edit-options dynamic-row d-flex justify-content-center align-items-center"
+                  >
+                    <a
+                      class="btn btn-primary btn-lg"
+                      href="http://localhost:53343/plone/folder/dpf/++add++DynamicPageRow"
+                      >Add new row</a
+                    >
+                  </div>
+
+                  <!-- Delete Confirmation Modal -->
+                  <div
+                    id="deleteElementModal"
+                    class="modal fade"
+                    aria-hidden="true"
+                    aria-labelledby="deleteElementModalLabel"
+                    tabindex="-1"
+                  >
+                    <div class="modal-dialog">
+                      <div class="modal-content">
+                        <div class="modal-header">
+                          <h5 id="deleteElementModalLabel" class="modal-title">
+                            Confirm Deletion
+                          </h5>
+
+                          <button
+                            class="btn-close"
+                            aria-label="Close"
+                            type="button"
+                            data-bs-dismiss="modal"
+                          ></button>
+                        </div>
+
+                        <div class="modal-body">
+                          <p>
+                            Are you sure you want to delete this item? This
+                            action cannot be undone.
+                          </p>
+                        </div>
+
+                        <div class="modal-footer">
+                          <button
+                            class="btn btn-secondary"
+                            type="button"
+                            data-bs-dismiss="modal"
+                          >
+                            Cancel
+                          </button>
+                          <button
+                            id="confirmDeleteElement"
+                            class="btn btn-danger"
+                            type="button"
+                          >
+                            Delete
+                          </button>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </main>
+
+              <footer>
+                <div id="viewlet-below-content">
+                  <div class="row managePortlets-row">
+                    <a
+                      class="managePortletsFallback"
+                      href="http://localhost:53343/plone/folder/@@manage-portlets"
+                      >Manage portlets</a
+                    >
+                  </div>
+                </div>
+              </footer>
+            </article>
+          </section>
+        </main>
+
+        <!--/row-->
+      </div>
+
+      <!--/container-->
+    </div>
+    <!--/outer-wrapper -->
+    <footer class="mt-auto" id="portal-footer-wrapper">
+      <div class="container" id="portal-footer">
+        <div class="doormat row"></div>
+
+        <div class="copyright row">
+          <div class="col-12">
+            The
+            <a href="http://plone.org">Plone<sup>®</sup> Open Source CMS/WCM</a>
+            is <abbr title="Copyright">©</abbr> 2000-2025 by the
+            <a href="http://plone.org/foundation">Plone Foundation</a> and
+            friends. Distributed under the
+            <a href="https://www.gnu.org/licenses/old-licenses/gpl-2.0.html"
+              >GNU GPL license</a
+            >.
+          </div>
+        </div>
+
+        <div class="colophon row">
+          <div class="col-12">
+            <a
+              href="http://plone.org"
+              target="_blank"
+              title="This site was built using the Plone Open Source CMS/WCM."
+              >Powered by Plone</a
+            >
+          </div>
+        </div>
+
+        <div class="site-actions row">
+          <div class="col-12">
+            <ul class="actions-site_actions">
+              <li class="portletItem action-item-sitemap">
+                <a href="http://localhost:53343/plone/sitemap">
+                  <span>Site Map</span>
+                </a>
+              </li>
+
+              <li class="portletItem action-item-accessibility">
+                <a href="http://localhost:53343/plone/accessibility-info">
+                  <span>Accessibility</span>
+                </a>
+              </li>
+
+              <li class="portletItem action-item-contact">
+                <a
+                  href="http://localhost:53343/plone/contact-info"
+                  class="pat-plone-modal"
+                  data-pat-plone-modal="{}"
+                >
+                  <span>Contact</span>
+                </a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+    <script
+      type="application/javascript"
+      src="http://localhost:53343/plone/++resource++protect.js"
+      data-site-url="http://localhost:53343/plone"
+      data-token="792b8fe9d654404d9149a3dd212c8e132305f143"
+      id="protect-script"
+    ></script>
+  </body>
+</html>

From 0016a8527256a3a22417473ef5dcb65f6af3b267 Mon Sep 17 00:00:00 2001
From: Mikel Larreategi <mlarreategi@codesyntax.com>
Date: Fri, 18 Jul 2025 11:38:48 +0200
Subject: [PATCH 06/24] remove unneeded file

---
 tests/content/test.html | 1895 ---------------------------------------
 1 file changed, 1895 deletions(-)
 delete mode 100644 tests/content/test.html

diff --git a/tests/content/test.html b/tests/content/test.html
deleted file mode 100644
index eb08124..0000000
--- a/tests/content/test.html
+++ /dev/null
@@ -1,1895 +0,0 @@
-<!DOCTYPE html>
-<html
-  xmlns="http://www.w3.org/1999/xhtml"
-  class="h-100"
-  lang="en"
-  xml:lang="en"
->
-  <head>
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-
-    <title>folder — Plone site</title>
-
-    <link
-      href="/plone/++theme++barceloneta/++theme++barceloneta/barceloneta-apple-touch-icon.png"
-      rel="apple-touch-icon"
-    />
-
-    <link
-      href="/plone/++theme++barceloneta/++theme++barceloneta/barceloneta-apple-touch-icon-144x144-precomposed.png"
-      rel="apple-touch-icon-precomposed"
-      sizes="144x144"
-    />
-
-    <link
-      href="/plone/++theme++barceloneta/++theme++barceloneta/barceloneta-apple-touch-icon-114x114-precomposed.png"
-      rel="apple-touch-icon-precomposed"
-      sizes="114x114"
-    />
-
-    <link
-      href="/plone/++theme++barceloneta/++theme++barceloneta/barceloneta-apple-touch-icon-72x72-precomposed.png"
-      rel="apple-touch-icon-precomposed"
-      sizes="72x72"
-    />
-
-    <link
-      href="/plone/++theme++barceloneta/++theme++barceloneta/barceloneta-apple-touch-icon-57x57-precomposed.png"
-      rel="apple-touch-icon-precomposed"
-      sizes="57x57"
-    />
-
-    <link
-      href="/plone/++theme++barceloneta/++theme++barceloneta/barceloneta-apple-touch-icon-precomposed.png"
-      rel="apple-touch-icon-precomposed"
-    />
-
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <meta name="generator" content="Plone - https://plone.org/" />
-    <link
-      href="http://localhost:53343/plone/author/test_user_1_"
-      rel="author"
-      title="Author information"
-    />
-    <link rel="canonical" href="http://localhost:53343/plone/folder" />
-    <link
-      rel="preload icon"
-      type="image/vnd.microsoft.icon"
-      href="http://localhost:53343/plone/favicon.ico"
-    />
-    <link rel="mask-icon" href="http://localhost:53343/plone/favicon.ico" />
-    <link
-      href="http://localhost:53343/plone/@@search"
-      rel="search"
-      title="Search this site"
-    />
-    <link
-      data-bundle="cs_dynamicpages.dynamicpagerow_edit"
-      href="http://localhost:53343/plone/++webresource++2c5eff19-8f3e-55d3-aaa2-e7027f18ee6d/++plone++cs_dynamicpages.edit/dynamicpageview.css"
-      media="all"
-      rel="stylesheet"
-      type="text/css"
-    />
-    <link
-      data-bundle="plone-fullscreen"
-      href="http://localhost:53343/plone/++webresource++ac83a459-aa2c-5a45-80a9-9d3e95ae0847/++plone++static/plone-fullscreen/fullscreen.css"
-      media="all"
-      rel="stylesheet"
-      type="text/css"
-    />
-    <link
-      data-bundle="diazo"
-      href="http://localhost:53343/plone/++webresource++eb035faa-4ad1-5dd5-b6ab-112fbde31b25/++theme++barceloneta/css/barceloneta.min.css"
-      media="all"
-      rel="stylesheet"
-      type="text/css"
-    />
-    <script
-      data-bundle="eventedit"
-      integrity="sha384-W20cxl3CtPwJZfDR4x60HI2//XDXqbP6rtk2An7KEhulYuPl0XI5ug/DjONVDc0h"
-      src="http://localhost:53343/plone/++webresource++8d417e05-799d-5735-a6da-1c458ea67e57/++plone++plone.app.event/event.js"
-    ></script>
-    <script
-      data-bundle="plone-fullscreen"
-      integrity="sha384-yAbXscL0aoE/0AkFhaGNz6d74lDy9Cz7PXfkWNqRnFm0/ewX0uoBBoyPBU5qW7Nr"
-      src="http://localhost:53343/plone/++webresource++6aa4c841-faf5-51e8-8109-90bd97e7aa07/++plone++static/plone-fullscreen/fullscreen.js"
-    ></script>
-    <script
-      data-bundle="plone"
-      integrity="sha384-6Wh7fW8sei4bJMY3a6PIfr5jae6gj9dIadjpiDZBJsr9pJ5gW0bsg0IzoolcL3H0"
-      src="http://localhost:53343/plone/++webresource++cff93eba-89cf-5661-8beb-464cc1d0cbc7/++plone++static/bundle-plone/bundle.min.js"
-    ></script>
-    <script
-      data-bundle="datagridfield-bundle"
-      integrity="sha384-jKJmts2h4d/arNI0xwrgtirtgzvtPVCCkvp/Cm+TQbJcgWDWRenBt8B2zZJXjLIM"
-      src="http://localhost:53343/plone/++webresource++be85199e-564e-50ca-b62d-4bcea4c4b51b/++resource++collective.z3cform.datagridfield/datagridfield-remote.min.js"
-    ></script>
-    <script
-      async="True"
-      data-bundle="cs_dynamicpages.editmode_toggle"
-      integrity="sha384-X0JdcpK52S7/0ST5m5d5CjeOGWMBRVwsCspkQ7/8wN3/G5w03o2h3XlyC8TM9UbV"
-      src="http://localhost:53343/plone/++webresource++fe2ea940-f8c0-510e-a8ea-dc1f9c4a5128/++plone++cs_dynamicpages.edit/editmode-toggle.js"
-    ></script>
-    <script
-      async="True"
-      data-bundle="cs_dynamicpages.dynamicpagerow_view_reorder"
-      integrity="sha384-05wk5CoObLEHvpCGbl/qNTOB5tXF5vqLLWSJjlzzbHLQuOSmj6EGFAwhLisP9Svi"
-      src="http://localhost:53343/plone/++webresource++febdadea-db03-5c36-a194-0ec17778983d/++plone++cs_dynamicpages.edit/reorder-rows.js"
-    ></script>
-    <script
-      async="True"
-      data-bundle="cs_dynamicpages.dynamicpagerow_view_delete"
-      integrity="sha384-boNhazG37V/5rqVh2R1FfWj+OkPVJVLFcyamIZ1+1dIidcft79e2B2EYVrnriKo7"
-      src="http://localhost:53343/plone/++webresource++64c1423e-28bb-55a3-be2e-3736fd59af4b/++plone++cs_dynamicpages.edit/delete-row.js"
-    ></script>
-    <script
-      async="True"
-      data-bundle="cs_dynamicpages.dynamicpagerow_edit"
-      integrity="sha384-a1Dk4Tn89JBx/FWY7s9xK4NJmc6doTOt/tvJ/Qb0CDpTtfb34pXo1tkXye4u36ZH"
-      src="http://localhost:53343/plone/++webresource++87223d23-63f4-5305-a177-2de0cc081cea/++plone++cs_dynamicpages.edit/edit_dynamicpagerow.js"
-    ></script>
-  </head>
-  <body
-    class="d-flex flex-column h-100 col-content frontend icons-on plone-toolbar-expanded plone-toolbar-left plone-toolbar-left-expanded portaltype-folder section-folder site-plone template-dynamic-view thumbs-on userrole-authenticated userrole-manager userrole-owner viewpermission-view"
-    id="visual-portal-wrapper"
-    dir="ltr"
-    data-base-url="http://localhost:53343/plone/folder"
-    data-view-url="http://localhost:53343/plone/folder"
-    data-portal-url="http://localhost:53343/plone"
-    data-i18ncatalogurl="http://localhost:53343/plone/plonejsi18n"
-    data-pat-pickadate='{"date": {"selectYears": 200}, "time": {"interval": 5 } }'
-    data-pat-plone-modal='{"actionOptions": {"displayInModal": false}}'
-  >
-    <section id="edit-bar" role="toolbar">
-      <div
-        class="pat-toolbar"
-        id="edit-zone"
-        role="toolbar"
-        data-bs-scroll="true"
-      >
-        <div class="toolbar-header nav">
-          <a class="toolbar-collapse" aria-label="Unpin">
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              width="16"
-              height="16"
-              fill="currentColor"
-              class="plone-icon bi bi-arrow-bar-left"
-              viewbox="0 0 16 16"
-            >
-              <path
-                fill-rule="evenodd"
-                d="M12.5 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5M10 8a.5.5 0 0 1-.5.5H3.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L3.707 7.5H9.5a.5.5 0 0 1 .5.5"
-              ></path>
-            </svg>
-          </a>
-          <a class="toolbar-expand" aria-label="Pin">
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              width="16"
-              height="16"
-              fill="currentColor"
-              class="plone-icon bi bi-arrow-bar-right"
-              viewbox="0 0 16 16"
-            >
-              <path
-                fill-rule="evenodd"
-                d="M6 8a.5.5 0 0 0 .5.5h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 0 0-.708.708L12.293 7.5H6.5A.5.5 0 0 0 6 8m-2.5 7a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5"
-              ></path>
-            </svg>
-          </a>
-        </div>
-
-        <ul class="nav flex-column plone-toolbar-main">
-          <li class="nav-item" id="contentview-folderContents">
-            <a
-              class="nav-link"
-              href="http://localhost:53343/plone/folder/folder_contents?_authenticator=de98c16956946b08f68c58d8435a49664393d565"
-            >
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="16"
-                height="16"
-                fill="currentColor"
-                class="plone-icon me-1 bi bi-folder2-open"
-                viewbox="0 0 16 16"
-              >
-                <path
-                  d="M1 3.5A1.5 1.5 0 0 1 2.5 2h2.764c.958 0 1.76.56 2.311 1.184C7.985 3.648 8.48 4 9 4h4.5A1.5 1.5 0 0 1 15 5.5v.64c.57.265.94.876.856 1.546l-.64 5.124A2.5 2.5 0 0 1 12.733 15H3.266a2.5 2.5 0 0 1-2.481-2.19l-.64-5.124A1.5 1.5 0 0 1 1 6.14zM2 6h12v-.5a.5.5 0 0 0-.5-.5H9c-.964 0-1.71-.629-2.174-1.154C6.374 3.334 5.82 3 5.264 3H2.5a.5.5 0 0 0-.5.5zm-.367 1a.5.5 0 0 0-.496.562l.64 5.124A1.5 1.5 0 0 0 3.266 14h9.468a1.5 1.5 0 0 0 1.489-1.314l.64-5.124A.5.5 0 0 0 14.367 7z"
-                ></path>
-              </svg>
-              <span class="toolbar-label">Contents</span>
-            </a>
-          </li>
-
-          <li class="nav-item" id="contentview-edit">
-            <a
-              class="nav-link"
-              href="http://localhost:53343/plone/folder/edit?_authenticator=de98c16956946b08f68c58d8435a49664393d565"
-            >
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="16"
-                height="16"
-                fill="currentColor"
-                class="plone-icon me-1 bi bi-pencil"
-                viewbox="0 0 16 16"
-              >
-                <path
-                  d="M12.146.146a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-10 10a.5.5 0 0 1-.168.11l-5 2a.5.5 0 0 1-.65-.65l2-5a.5.5 0 0 1 .11-.168zM11.207 2.5 13.5 4.793 14.793 3.5 12.5 1.207zm1.586 3L10.5 3.207 4 9.707V10h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.293zm-9.761 5.175-.106.106-1.528 3.821 3.821-1.528.106-.106A.5.5 0 0 1 5 12.5V12h-.5a.5.5 0 0 1-.5-.5V11h-.5a.5.5 0 0 1-.468-.325"
-                ></path>
-              </svg>
-              <span class="toolbar-label">Edit</span>
-            </a>
-          </li>
-
-          <li class="nav-item" id="contentview-view">
-            <a
-              class="nav-link"
-              href="http://localhost:53343/plone/folder?_authenticator=de98c16956946b08f68c58d8435a49664393d565"
-            >
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="16"
-                height="16"
-                fill="currentColor"
-                class="plone-icon me-1 bi bi-eye"
-                viewbox="0 0 16 16"
-              >
-                <path
-                  d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8M1.173 8a13 13 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5s3.879 1.168 5.168 2.457A13 13 0 0 1 14.828 8q-.086.13-.195.288c-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5s-3.879-1.168-5.168-2.457A13 13 0 0 1 1.172 8z"
-                ></path>
-
-                <path
-                  d="M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5M4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0"
-                ></path>
-              </svg>
-              <span class="toolbar-label">View</span>
-            </a>
-          </li>
-
-          <li class="border-top my-2"></li>
-
-          <li
-            class="plonetoolbar-contenttype dropend"
-            id="plone-contentmenu-factories"
-          >
-            <a
-              class="nav-link dropdown-toggle"
-              aria-expanded="false"
-              href="http://localhost:53343/plone/folder/folder_factories?_authenticator=de98c16956946b08f68c58d8435a49664393d565"
-              data-bs-offset="0,0"
-              data-bs-toggle="dropdown"
-              title="Add new items inside this item"
-            >
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="16"
-                height="16"
-                fill="currentColor"
-                class="plone-icon bi bi-plus-square"
-                viewbox="0 0 16 16"
-              >
-                <path
-                  d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2z"
-                ></path>
-
-                <path
-                  d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4"
-                ></path>
-              </svg>
-              <span class="toolbar-label">
-                Add new… <span class=""></span>
-              </span>
-            </a>
-            <ul class="dropdown-menu">
-              <li>
-                <h6 class="dropdown-header">Add new…</h6>
-              </li>
-
-              <li>
-                <a
-                  class="nav-link dropdown-item contenttype-collection"
-                  href="http://localhost:53343/plone/folder/++add++Collection"
-                  title=""
-                  id="collection"
-                >
-                  <svg
-                    xmlns="http://www.w3.org/2000/svg"
-                    width="16"
-                    height="16"
-                    fill="currentColor"
-                    class="plone-icon bi bi-collection"
-                    viewbox="0 0 16 16"
-                  >
-                    <path
-                      d="M2.5 3.5a.5.5 0 0 1 0-1h11a.5.5 0 0 1 0 1zm2-2a.5.5 0 0 1 0-1h7a.5.5 0 0 1 0 1zM0 13a1.5 1.5 0 0 0 1.5 1.5h13A1.5 1.5 0 0 0 16 13V6a1.5 1.5 0 0 0-1.5-1.5h-13A1.5 1.5 0 0 0 0 6zm1.5.5A.5.5 0 0 1 1 13V6a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-.5.5z"
-                    ></path>
-                  </svg>
-                  Collection
-                </a>
-              </li>
-
-              <li>
-                <a
-                  class="nav-link dropdown-item contenttype-dynamicpagefolder"
-                  href="http://localhost:53343/plone/folder/++add++DynamicPageFolder"
-                  title=""
-                  id="dynamicpagefolder"
-                >
-                  <svg
-                    xmlns="http://www.w3.org/2000/svg"
-                    width="16"
-                    height="16"
-                    fill="currentColor"
-                    class="plone-icon bi bi-puzzle"
-                    viewbox="0 0 16 16"
-                  >
-                    <path
-                      d="M3.112 3.645A1.5 1.5 0 0 1 4.605 2H7a.5.5 0 0 1 .5.5v.382c0 .696-.497 1.182-.872 1.469a.5.5 0 0 0-.115.118l-.012.025L6.5 4.5v.003l.003.01q.005.015.036.053a.9.9 0 0 0 .27.194C7.09 4.9 7.51 5 8 5c.492 0 .912-.1 1.19-.24a.9.9 0 0 0 .271-.194.2.2 0 0 0 .039-.063v-.009l-.012-.025a.5.5 0 0 0-.115-.118c-.375-.287-.872-.773-.872-1.469V2.5A.5.5 0 0 1 9 2h2.395a1.5 1.5 0 0 1 1.493 1.645L12.645 6.5h.237c.195 0 .42-.147.675-.48.21-.274.528-.52.943-.52.568 0 .947.447 1.154.862C15.877 6.807 16 7.387 16 8s-.123 1.193-.346 1.638c-.207.415-.586.862-1.154.862-.415 0-.733-.246-.943-.52-.255-.333-.48-.48-.675-.48h-.237l.243 2.855A1.5 1.5 0 0 1 11.395 14H9a.5.5 0 0 1-.5-.5v-.382c0-.696.497-1.182.872-1.469a.5.5 0 0 0 .115-.118l.012-.025.001-.006v-.003a.2.2 0 0 0-.039-.064.9.9 0 0 0-.27-.193C8.91 11.1 8.49 11 8 11s-.912.1-1.19.24a.9.9 0 0 0-.271.194.2.2 0 0 0-.039.063v.003l.001.006.012.025c.016.027.05.068.115.118.375.287.872.773.872 1.469v.382a.5.5 0 0 1-.5.5H4.605a1.5 1.5 0 0 1-1.493-1.645L3.356 9.5h-.238c-.195 0-.42.147-.675.48-.21.274-.528.52-.943.52-.568 0-.947-.447-1.154-.862C.123 9.193 0 8.613 0 8s.123-1.193.346-1.638C.553 5.947.932 5.5 1.5 5.5c.415 0 .733.246.943.52.255.333.48.48.675.48h.238zM4.605 3a.5.5 0 0 0-.498.55l.001.007.29 3.4A.5.5 0 0 1 3.9 7.5h-.782c-.696 0-1.182-.497-1.469-.872a.5.5 0 0 0-.118-.115l-.025-.012L1.5 6.5h-.003a.2.2 0 0 0-.064.039.9.9 0 0 0-.193.27C1.1 7.09 1 7.51 1 8s.1.912.24 1.19c.07.14.14.225.194.271a.2.2 0 0 0 .063.039H1.5l.006-.001.025-.012a.5.5 0 0 0 .118-.115c.287-.375.773-.872 1.469-.872H3.9a.5.5 0 0 1 .498.542l-.29 3.408a.5.5 0 0 0 .497.55h1.878c-.048-.166-.195-.352-.463-.557-.274-.21-.52-.528-.52-.943 0-.568.447-.947.862-1.154C6.807 10.123 7.387 10 8 10s1.193.123 1.638.346c.415.207.862.586.862 1.154 0 .415-.246.733-.52.943-.268.205-.415.39-.463.557h1.878a.5.5 0 0 0 .498-.55l-.001-.007-.29-3.4A.5.5 0 0 1 12.1 8.5h.782c.696 0 1.182.497 1.469.872.05.065.091.099.118.115l.025.012.006.001h.003a.2.2 0 0 0 .064-.039.9.9 0 0 0 .193-.27c.14-.28.24-.7.24-1.191s-.1-.912-.24-1.19a.9.9 0 0 0-.194-.271.2.2 0 0 0-.063-.039H14.5l-.006.001-.025.012a.5.5 0 0 0-.118.115c-.287.375-.773.872-1.469.872H12.1a.5.5 0 0 1-.498-.543l.29-3.407a.5.5 0 0 0-.497-.55H9.517c.048.166.195.352.463.557.274.21.52.528.52.943 0 .568-.447.947-.862 1.154C9.193 5.877 8.613 6 8 6s-1.193-.123-1.638-.346C5.947 5.447 5.5 5.068 5.5 4.5c0-.415.246-.733.52-.943.268-.205.415-.39.463-.557z"
-                    ></path>
-                  </svg>
-                  DynamicPageFolder
-                </a>
-              </li>
-
-              <li>
-                <a
-                  class="nav-link dropdown-item contenttype-event"
-                  href="http://localhost:53343/plone/folder/++add++Event"
-                  title="Events can be shown in calendars."
-                  id="event"
-                >
-                  <svg
-                    xmlns="http://www.w3.org/2000/svg"
-                    width="16"
-                    height="16"
-                    fill="currentColor"
-                    class="plone-icon bi bi-calendar-event"
-                    viewbox="0 0 16 16"
-                  >
-                    <path
-                      d="M11 6.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5z"
-                    ></path>
-
-                    <path
-                      d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5M1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4z"
-                    ></path>
-                  </svg>
-                  Event
-                </a>
-              </li>
-
-              <li>
-                <a
-                  class="nav-link dropdown-item contenttype-file"
-                  href="http://localhost:53343/plone/folder/++add++File"
-                  title="Lets you upload a file to the site."
-                  id="file"
-                >
-                  <svg
-                    xmlns="http://www.w3.org/2000/svg"
-                    width="16"
-                    height="16"
-                    fill="currentColor"
-                    class="plone-icon bi bi-file-earmark"
-                    viewbox="0 0 16 16"
-                  >
-                    <path
-                      d="M14 4.5V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h5.5zm-3 0A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4.5z"
-                    ></path>
-                  </svg>
-                  File
-                </a>
-              </li>
-
-              <li>
-                <a
-                  class="nav-link dropdown-item contenttype-folder"
-                  href="http://localhost:53343/plone/folder/++add++Folder"
-                  title=""
-                  id="folder"
-                >
-                  <svg
-                    xmlns="http://www.w3.org/2000/svg"
-                    width="16"
-                    height="16"
-                    fill="currentColor"
-                    class="plone-icon bi bi-folder"
-                    viewbox="0 0 16 16"
-                  >
-                    <path
-                      d="M.54 3.87.5 3a2 2 0 0 1 2-2h3.672a2 2 0 0 1 1.414.586l.828.828A2 2 0 0 0 9.828 3h3.982a2 2 0 0 1 1.992 2.181l-.637 7A2 2 0 0 1 13.174 14H2.826a2 2 0 0 1-1.991-1.819l-.637-7a2 2 0 0 1 .342-1.31zM2.19 4a1 1 0 0 0-.996 1.09l.637 7a1 1 0 0 0 .995.91h10.348a1 1 0 0 0 .995-.91l.637-7A1 1 0 0 0 13.81 4zm4.69-1.707A1 1 0 0 0 6.172 2H2.5a1 1 0 0 0-1 .981l.006.139q.323-.119.684-.12h5.396z"
-                    ></path>
-                  </svg>
-                  Folder
-                </a>
-              </li>
-
-              <li>
-                <a
-                  class="nav-link dropdown-item contenttype-image"
-                  href="http://localhost:53343/plone/folder/++add++Image"
-                  title="Images can be referenced in pages or displayed in an album."
-                  id="image"
-                >
-                  <svg
-                    xmlns="http://www.w3.org/2000/svg"
-                    width="16"
-                    height="16"
-                    fill="currentColor"
-                    class="plone-icon bi bi-file-earmark-image"
-                    viewbox="0 0 16 16"
-                  >
-                    <path
-                      d="M6.502 7a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3"
-                    ></path>
-
-                    <path
-                      d="M14 14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h5.5L14 4.5zM4 1a1 1 0 0 0-1 1v10l2.224-2.224a.5.5 0 0 1 .61-.075L8 11l2.157-3.02a.5.5 0 0 1 .76-.063L13 10V4.5h-2A1.5 1.5 0 0 1 9.5 3V1z"
-                    ></path>
-                  </svg>
-                  Image
-                </a>
-              </li>
-
-              <li>
-                <a
-                  class="nav-link dropdown-item contenttype-link"
-                  href="http://localhost:53343/plone/folder/++add++Link"
-                  title=""
-                  id="link"
-                >
-                  <svg
-                    xmlns="http://www.w3.org/2000/svg"
-                    width="16"
-                    height="16"
-                    fill="currentColor"
-                    class="plone-icon bi bi-link-45deg"
-                    viewbox="0 0 16 16"
-                  >
-                    <path
-                      d="M4.715 6.542 3.343 7.914a3 3 0 1 0 4.243 4.243l1.828-1.829A3 3 0 0 0 8.586 5.5L8 6.086a1 1 0 0 0-.154.199 2 2 0 0 1 .861 3.337L6.88 11.45a2 2 0 1 1-2.83-2.83l.793-.792a4 4 0 0 1-.128-1.287z"
-                    ></path>
-
-                    <path
-                      d="M6.586 4.672A3 3 0 0 0 7.414 9.5l.775-.776a2 2 0 0 1-.896-3.346L9.12 3.55a2 2 0 1 1 2.83 2.83l-.793.792c.112.42.155.855.128 1.287l1.372-1.372a3 3 0 1 0-4.243-4.243z"
-                    ></path>
-                  </svg>
-                  Link
-                </a>
-              </li>
-
-              <li>
-                <a
-                  class="nav-link dropdown-item contenttype-news-item"
-                  href="http://localhost:53343/plone/folder/++add++News Item"
-                  title=""
-                  id="news-item"
-                >
-                  <svg
-                    xmlns="http://www.w3.org/2000/svg"
-                    width="16"
-                    height="16"
-                    fill="currentColor"
-                    class="plone-icon bi bi-file-earmark-richtext"
-                    viewbox="0 0 16 16"
-                  >
-                    <path
-                      d="M14 4.5V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h5.5zm-3 0A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4.5z"
-                    ></path>
-
-                    <path
-                      d="M4.5 12.5A.5.5 0 0 1 5 12h3a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5m0-2A.5.5 0 0 1 5 10h6a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5m1.639-3.708 1.33.886 1.854-1.855a.25.25 0 0 1 .289-.047l1.888.974V8.5a.5.5 0 0 1-.5.5H5a.5.5 0 0 1-.5-.5V8s1.54-1.274 1.639-1.208M6.25 6a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5"
-                    ></path>
-                  </svg>
-                  News Item
-                </a>
-              </li>
-
-              <li>
-                <a
-                  class="nav-link dropdown-item contenttype-document"
-                  href="http://localhost:53343/plone/folder/++add++Document"
-                  title=""
-                  id="document"
-                >
-                  <svg
-                    xmlns="http://www.w3.org/2000/svg"
-                    width="16"
-                    height="16"
-                    fill="currentColor"
-                    class="plone-icon bi bi-file-earmark-text"
-                    viewbox="0 0 16 16"
-                  >
-                    <path
-                      d="M5.5 7a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1zM5 9.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5m0 2a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5"
-                    ></path>
-
-                    <path
-                      d="M9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.5zm0 1v2A1.5 1.5 0 0 0 11 4.5h2V14a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1z"
-                    ></path>
-                  </svg>
-                  Page
-                </a>
-              </li>
-
-              <li>
-                <a
-                  class="nav-link dropdown-item"
-                  href="http://localhost:53343/plone/folder/folder_constraintypes_form"
-                  title="Configure which content types can be added here"
-                  id="plone-contentmenu-settings"
-                >
-                  <svg
-                    xmlns="http://www.w3.org/2000/svg"
-                    width="16"
-                    height="16"
-                    fill="currentColor"
-                    class="plone-icon bi bi-dot"
-                    viewbox="0 0 16 16"
-                  >
-                    <path d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3"></path>
-                  </svg>
-                  Restrictions…
-                </a>
-              </li>
-            </ul>
-          </li>
-
-          <li
-            class="plonetoolbar-workfow-transition dropend"
-            id="plone-contentmenu-workflow"
-          >
-            <a
-              class="nav-link dropdown-toggle"
-              aria-expanded="false"
-              href="http://localhost:53343/plone/folder/content_status_history"
-              data-bs-offset="0,0"
-              data-bs-toggle="dropdown"
-              title="Change the state of this item"
-            >
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="16"
-                height="16"
-                fill="currentColor"
-                class="plone-icon bi bi-bezier2"
-                viewbox="0 0 16 16"
-              >
-                <path
-                  fill-rule="evenodd"
-                  d="M1 2.5A1.5 1.5 0 0 1 2.5 1h1A1.5 1.5 0 0 1 5 2.5h4.134a1 1 0 1 1 0 1h-2.01q.269.27.484.605C8.246 5.097 8.5 6.459 8.5 8c0 1.993.257 3.092.713 3.7.356.476.895.721 1.787.784A1.5 1.5 0 0 1 12.5 11h1a1.5 1.5 0 0 1 1.5 1.5v1a1.5 1.5 0 0 1-1.5 1.5h-1a1.5 1.5 0 0 1-1.5-1.5H6.866a1 1 0 1 1 0-1h1.711a3 3 0 0 1-.165-.2C7.743 11.407 7.5 10.007 7.5 8c0-1.46-.246-2.597-.733-3.355-.39-.605-.952-1-1.767-1.112A1.5 1.5 0 0 1 3.5 5h-1A1.5 1.5 0 0 1 1 3.5zM2.5 2a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zm10 10a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5z"
-                ></path>
-              </svg>
-              <span class="toolbar-label">
-                State: <span class="label-state-private">Private</span>
-              </span>
-            </a>
-            <ul class="dropdown-menu">
-              <li>
-                <h6 class="dropdown-header">State:</h6>
-              </li>
-
-              <li>
-                <a
-                  class="nav-link dropdown-item"
-                  href="http://localhost:53343/plone/folder/content_status_modify?workflow_action=publish&amp;_authenticator=de98c16956946b08f68c58d8435a49664393d565"
-                  title="Publishing the item makes it visible to other users."
-                  id="workflow-transition-publish"
-                >
-                  <svg
-                    xmlns="http://www.w3.org/2000/svg"
-                    width="16"
-                    height="16"
-                    fill="currentColor"
-                    class="plone-icon bi bi-dot"
-                    viewbox="0 0 16 16"
-                  >
-                    <path d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3"></path>
-                  </svg>
-                  Publish
-                </a>
-              </li>
-
-              <li>
-                <a
-                  class="nav-link dropdown-item"
-                  href="http://localhost:53343/plone/folder/content_status_modify?workflow_action=submit&amp;_authenticator=de98c16956946b08f68c58d8435a49664393d565"
-                  title="Puts your item in a review queue, so it can be published on the site."
-                  id="workflow-transition-submit"
-                >
-                  <svg
-                    xmlns="http://www.w3.org/2000/svg"
-                    width="16"
-                    height="16"
-                    fill="currentColor"
-                    class="plone-icon bi bi-dot"
-                    viewbox="0 0 16 16"
-                  >
-                    <path d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3"></path>
-                  </svg>
-                  Submit for publication
-                </a>
-              </li>
-
-              <li>
-                <a
-                  class="nav-link dropdown-item pat-plone-modal"
-                  href="http://localhost:53343/plone/folder/content_status_history"
-                  title=""
-                  id="workflow-transition-advanced"
-                  data-pat-plone-modal='{"modalSizeClass": "modal-xl", "actionOptions": {"redirectOnResponse": true}}'
-                >
-                  <svg
-                    xmlns="http://www.w3.org/2000/svg"
-                    width="16"
-                    height="16"
-                    fill="currentColor"
-                    class="plone-icon bi bi-dot"
-                    viewbox="0 0 16 16"
-                  >
-                    <path d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3"></path>
-                  </svg>
-                  Advanced...
-                </a>
-              </li>
-            </ul>
-          </li>
-
-          <li
-            class="plonetoolbar-content-action dropend"
-            id="plone-contentmenu-actions"
-          >
-            <a
-              class="nav-link dropdown-toggle"
-              aria-expanded="false"
-              href="http://localhost:53343/plone/folder/folder_contents"
-              data-bs-offset="0,0"
-              data-bs-toggle="dropdown"
-              title="Actions for the current content item"
-            >
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="16"
-                height="16"
-                fill="currentColor"
-                class="plone-icon bi bi-lightning"
-                viewbox="0 0 16 16"
-              >
-                <path
-                  d="M5.52.359A.5.5 0 0 1 6 0h4a.5.5 0 0 1 .474.658L8.694 6H12.5a.5.5 0 0 1 .395.807l-7 9a.5.5 0 0 1-.873-.454L6.823 9.5H3.5a.5.5 0 0 1-.48-.641zM6.374 1 4.168 8.5H7.5a.5.5 0 0 1 .478.647L6.78 13.04 11.478 7H8a.5.5 0 0 1-.474-.658L9.306 1z"
-                ></path>
-              </svg>
-              <span class="toolbar-label">
-                Actions <span class=""></span>
-              </span>
-            </a>
-            <ul class="dropdown-menu">
-              <li>
-                <h6 class="dropdown-header">Actions</h6>
-              </li>
-
-              <li>
-                <a
-                  class="nav-link dropdown-item actionicon-object_buttons-cut"
-                  href="http://localhost:53343/plone/folder/object_cut?_authenticator=de98c16956946b08f68c58d8435a49664393d565"
-                  title=""
-                  id="plone-contentmenu-actions-cut"
-                >
-                  <svg
-                    xmlns="http://www.w3.org/2000/svg"
-                    width="16"
-                    height="16"
-                    fill="currentColor"
-                    class="plone-icon bi bi-scissors"
-                    viewbox="0 0 16 16"
-                  >
-                    <path
-                      d="M3.5 3.5c-.614-.884-.074-1.962.858-2.5L8 7.226 11.642 1c.932.538 1.472 1.616.858 2.5L8.81 8.61l1.556 2.661a2.5 2.5 0 1 1-.794.637L8 9.73l-1.572 2.177a2.5 2.5 0 1 1-.794-.637L7.19 8.61zm2.5 10a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0m7 0a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0"
-                    ></path>
-                  </svg>
-                  Cut
-                </a>
-              </li>
-
-              <li>
-                <a
-                  class="nav-link dropdown-item actionicon-object_buttons-copy"
-                  href="http://localhost:53343/plone/folder/object_copy?_authenticator=de98c16956946b08f68c58d8435a49664393d565"
-                  title=""
-                  id="plone-contentmenu-actions-copy"
-                >
-                  <svg
-                    xmlns="http://www.w3.org/2000/svg"
-                    width="16"
-                    height="16"
-                    fill="currentColor"
-                    class="plone-icon bi bi-clipboard-plus"
-                    viewbox="0 0 16 16"
-                  >
-                    <path
-                      fill-rule="evenodd"
-                      d="M8 7a.5.5 0 0 1 .5.5V9H10a.5.5 0 0 1 0 1H8.5v1.5a.5.5 0 0 1-1 0V10H6a.5.5 0 0 1 0-1h1.5V7.5A.5.5 0 0 1 8 7"
-                    ></path>
-
-                    <path
-                      d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1z"
-                    ></path>
-
-                    <path
-                      d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0z"
-                    ></path>
-                  </svg>
-                  Copy
-                </a>
-              </li>
-
-              <li>
-                <a
-                  class="nav-link dropdown-item actionicon-object_buttons-delete pat-plone-modal"
-                  href="http://localhost:53343/plone/folder/delete_confirmation?_authenticator=de98c16956946b08f68c58d8435a49664393d565"
-                  title=""
-                  id="plone-contentmenu-actions-delete"
-                  data-pat-plone-modal='{"actionOptions": {"disableAjaxFormSubmit":true, "redirectOnResponse":true}}'
-                >
-                  <svg
-                    xmlns="http://www.w3.org/2000/svg"
-                    width="16"
-                    height="16"
-                    fill="currentColor"
-                    class="plone-icon bi bi-trash"
-                    viewbox="0 0 16 16"
-                  >
-                    <path
-                      d="M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0z"
-                    ></path>
-
-                    <path
-                      d="M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1zM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4zM2.5 3h11V2h-11z"
-                    ></path>
-                  </svg>
-                  Delete
-                </a>
-              </li>
-
-              <li>
-                <a
-                  class="nav-link dropdown-item actionicon-object_buttons-rename pat-plone-modal"
-                  href="http://localhost:53343/plone/folder/object_rename?_authenticator=de98c16956946b08f68c58d8435a49664393d565"
-                  title=""
-                  id="plone-contentmenu-actions-rename"
-                  data-pat-plone-modal="{}"
-                >
-                  <svg
-                    xmlns="http://www.w3.org/2000/svg"
-                    width="16"
-                    height="16"
-                    fill="currentColor"
-                    class="plone-icon bi bi-arrow-left-right"
-                    viewbox="0 0 16 16"
-                  >
-                    <path
-                      fill-rule="evenodd"
-                      d="M1 11.5a.5.5 0 0 0 .5.5h11.793l-3.147 3.146a.5.5 0 0 0 .708.708l4-4a.5.5 0 0 0 0-.708l-4-4a.5.5 0 0 0-.708.708L13.293 11H1.5a.5.5 0 0 0-.5.5m14-7a.5.5 0 0 1-.5.5H2.707l3.147 3.146a.5.5 0 1 1-.708.708l-4-4a.5.5 0 0 1 0-.708l4-4a.5.5 0 1 1 .708.708L2.707 4H14.5a.5.5 0 0 1 .5.5"
-                    ></path>
-                  </svg>
-                  Rename
-                </a>
-              </li>
-
-              <li>
-                <a
-                  class="nav-link dropdown-item actionicon-object_buttons-redirection"
-                  href=" http://localhost:53343/plone/folder/@@manage-aliases"
-                  title=""
-                  id="plone-contentmenu-actions-redirection"
-                >
-                  <svg
-                    xmlns="http://www.w3.org/2000/svg"
-                    width="16"
-                    height="16"
-                    fill="currentColor"
-                    class="plone-icon bi bi-alt"
-                    viewbox="0 0 16 16"
-                  >
-                    <path
-                      d="M1 13.5a.5.5 0 0 0 .5.5h3.797a.5.5 0 0 0 .439-.26L11 3h3.5a.5.5 0 0 0 0-1h-3.797a.5.5 0 0 0-.439.26L5 13H1.5a.5.5 0 0 0-.5.5m10 0a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 0-1h-3a.5.5 0 0 0-.5.5"
-                    ></path>
-                  </svg>
-                  URL Management
-                </a>
-              </li>
-            </ul>
-          </li>
-
-          <li
-            class="plonetoolbar-display-view dropend"
-            id="plone-contentmenu-display"
-          >
-            <a
-              class="nav-link dropdown-toggle"
-              aria-expanded="false"
-              href="http://localhost:53343/plone/folder/select_default_view"
-              data-bs-offset="0,0"
-              data-bs-toggle="dropdown"
-              title="Select the view mode for this folder, or set a content item as its default view."
-            >
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="16"
-                height="16"
-                fill="currentColor"
-                class="plone-icon bi bi-layers-half"
-                viewbox="0 0 16 16"
-              >
-                <path
-                  d="M8.235 1.559a.5.5 0 0 0-.47 0l-7.5 4a.5.5 0 0 0 0 .882L3.188 8 .264 9.559a.5.5 0 0 0 0 .882l7.5 4a.5.5 0 0 0 .47 0l7.5-4a.5.5 0 0 0 0-.882L12.813 8l2.922-1.559a.5.5 0 0 0 0-.882zM8 9.433 1.562 6 8 2.567 14.438 6z"
-                ></path>
-              </svg>
-              <span class="toolbar-label">
-                Display <span class=""></span>
-              </span>
-            </a>
-            <ul class="dropdown-menu">
-              <li>
-                <h6 class="dropdown-header">Display</h6>
-              </li>
-
-              <li>
-                <a
-                  class="nav-link dropdown-item active"
-                  href="http://localhost:53343/plone/folder/selectViewTemplate?templateId=dynamic-view&amp;_authenticator=de98c16956946b08f68c58d8435a49664393d565"
-                  title=""
-                  id="plone-contentmenu-display-dynamic-view"
-                >
-                  <svg
-                    xmlns="http://www.w3.org/2000/svg"
-                    width="16"
-                    height="16"
-                    fill="currentColor"
-                    class="plone-icon bi bi-check"
-                    viewbox="0 0 16 16"
-                  >
-                    <path
-                      d="M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425z"
-                    ></path>
-                  </svg>
-                  dynamic-view
-                </a>
-              </li>
-
-              <li>
-                <a
-                  class="nav-link dropdown-item"
-                  href="http://localhost:53343/plone/folder/selectViewTemplate?templateId=album_view&amp;_authenticator=de98c16956946b08f68c58d8435a49664393d565"
-                  title=""
-                  id="plone-contentmenu-display-album_view"
-                >
-                  <svg
-                    xmlns="http://www.w3.org/2000/svg"
-                    width="16"
-                    height="16"
-                    fill="currentColor"
-                    class="plone-icon bi bi-dot"
-                    viewbox="0 0 16 16"
-                  >
-                    <path d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3"></path>
-                  </svg>
-                  Album view
-                </a>
-              </li>
-
-              <li>
-                <a
-                  class="nav-link dropdown-item"
-                  href="http://localhost:53343/plone/folder/selectViewTemplate?templateId=full_view&amp;_authenticator=de98c16956946b08f68c58d8435a49664393d565"
-                  title=""
-                  id="plone-contentmenu-display-full_view"
-                >
-                  <svg
-                    xmlns="http://www.w3.org/2000/svg"
-                    width="16"
-                    height="16"
-                    fill="currentColor"
-                    class="plone-icon bi bi-dot"
-                    viewbox="0 0 16 16"
-                  >
-                    <path d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3"></path>
-                  </svg>
-                  All content
-                </a>
-              </li>
-
-              <li>
-                <a
-                  class="nav-link dropdown-item"
-                  href="http://localhost:53343/plone/folder/selectViewTemplate?templateId=listing_view&amp;_authenticator=de98c16956946b08f68c58d8435a49664393d565"
-                  title=""
-                  id="plone-contentmenu-display-listing_view"
-                >
-                  <svg
-                    xmlns="http://www.w3.org/2000/svg"
-                    width="16"
-                    height="16"
-                    fill="currentColor"
-                    class="plone-icon bi bi-dot"
-                    viewbox="0 0 16 16"
-                  >
-                    <path d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3"></path>
-                  </svg>
-                  Standard view
-                </a>
-              </li>
-
-              <li>
-                <a
-                  class="nav-link dropdown-item"
-                  href="http://localhost:53343/plone/folder/selectViewTemplate?templateId=summary_view&amp;_authenticator=de98c16956946b08f68c58d8435a49664393d565"
-                  title=""
-                  id="plone-contentmenu-display-summary_view"
-                >
-                  <svg
-                    xmlns="http://www.w3.org/2000/svg"
-                    width="16"
-                    height="16"
-                    fill="currentColor"
-                    class="plone-icon bi bi-dot"
-                    viewbox="0 0 16 16"
-                  >
-                    <path d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3"></path>
-                  </svg>
-                  Summary view
-                </a>
-              </li>
-
-              <li>
-                <a
-                  class="nav-link dropdown-item"
-                  href="http://localhost:53343/plone/folder/selectViewTemplate?templateId=tabular_view&amp;_authenticator=de98c16956946b08f68c58d8435a49664393d565"
-                  title=""
-                  id="plone-contentmenu-display-tabular_view"
-                >
-                  <svg
-                    xmlns="http://www.w3.org/2000/svg"
-                    width="16"
-                    height="16"
-                    fill="currentColor"
-                    class="plone-icon bi bi-dot"
-                    viewbox="0 0 16 16"
-                  >
-                    <path d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3"></path>
-                  </svg>
-                  Tabular view
-                </a>
-              </li>
-
-              <li>
-                <a
-                  class="nav-link dropdown-item"
-                  href="http://localhost:53343/plone/folder/selectViewTemplate?templateId=event_listing&amp;_authenticator=de98c16956946b08f68c58d8435a49664393d565"
-                  title=""
-                  id="plone-contentmenu-display-event_listing"
-                >
-                  <svg
-                    xmlns="http://www.w3.org/2000/svg"
-                    width="16"
-                    height="16"
-                    fill="currentColor"
-                    class="plone-icon bi bi-dot"
-                    viewbox="0 0 16 16"
-                  >
-                    <path d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3"></path>
-                  </svg>
-                  Event listing
-                </a>
-              </li>
-
-              <li>
-                <a
-                  class="nav-link dropdown-item pat-plone-modal"
-                  href="http://localhost:53343/plone/folder/select_default_page?_authenticator=de98c16956946b08f68c58d8435a49664393d565"
-                  title="Select an item to be used as default view in this folder..."
-                  id="contextSetDefaultPage"
-                  data-pat-plone-modal='{"actionOptions": {"redirectOnResponse": true}}'
-                >
-                  <svg
-                    xmlns="http://www.w3.org/2000/svg"
-                    width="16"
-                    height="16"
-                    fill="currentColor"
-                    class="plone-icon bi bi-dot"
-                    viewbox="0 0 16 16"
-                  >
-                    <path d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3"></path>
-                  </svg>
-                  Select a content itemas default view...
-                </a>
-              </li>
-            </ul>
-          </li>
-
-          <li
-            class="plonetoolbar-portlet-manager dropend"
-            id="plone-contentmenu-portletmanager"
-          >
-            <a
-              class="nav-link dropdown-toggle"
-              aria-expanded="false"
-              href="http://localhost:53343/plone/folder/manage-portlets"
-              data-bs-offset="0,0"
-              data-bs-toggle="dropdown"
-              title="Change the portlets of this item"
-            >
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="16"
-                height="16"
-                fill="currentColor"
-                class="plone-icon bi bi-window"
-                viewbox="0 0 16 16"
-              >
-                <path
-                  d="M2.5 4a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1m2-.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0m1 .5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1"
-                ></path>
-
-                <path
-                  d="M2 1a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2zm13 2v2H1V3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1M2 14a1 1 0 0 1-1-1V6h14v7a1 1 0 0 1-1 1z"
-                ></path>
-              </svg>
-              <span class="toolbar-label">
-                Manage portlets <span class=""></span>
-              </span>
-            </a>
-            <ul class="dropdown-menu">
-              <li>
-                <h6 class="dropdown-header">Manage portlets</h6>
-              </li>
-
-              <li>
-                <a
-                  class="nav-link dropdown-item"
-                  href="http://localhost:53343/plone/folder/manage-portlets?_authenticator=de98c16956946b08f68c58d8435a49664393d565"
-                  title="Manage all portlets"
-                  id="portlet-manager-all"
-                >
-                  <svg
-                    xmlns="http://www.w3.org/2000/svg"
-                    width="16"
-                    height="16"
-                    fill="currentColor"
-                    class="plone-icon bi bi-dot"
-                    viewbox="0 0 16 16"
-                  >
-                    <path d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3"></path>
-                  </svg>
-                  All…
-                </a>
-              </li>
-
-              <li>
-                <a
-                  class="nav-link dropdown-item"
-                  href="http://localhost:53343/plone/folder/@@topbar-manage-portlets/plone.footerportlets?_authenticator=de98c16956946b08f68c58d8435a49664393d565"
-                  title="Footer"
-                  id="portlet-manager-plone.footerportlets"
-                >
-                  <svg
-                    xmlns="http://www.w3.org/2000/svg"
-                    width="16"
-                    height="16"
-                    fill="currentColor"
-                    class="plone-icon bi bi-dot"
-                    viewbox="0 0 16 16"
-                  >
-                    <path d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3"></path>
-                  </svg>
-                  Footer
-                </a>
-              </li>
-
-              <li>
-                <a
-                  class="nav-link dropdown-item"
-                  href="http://localhost:53343/plone/folder/@@topbar-manage-portlets/plone.leftcolumn?_authenticator=de98c16956946b08f68c58d8435a49664393d565"
-                  title="Left column"
-                  id="portlet-manager-plone.leftcolumn"
-                >
-                  <svg
-                    xmlns="http://www.w3.org/2000/svg"
-                    width="16"
-                    height="16"
-                    fill="currentColor"
-                    class="plone-icon bi bi-dot"
-                    viewbox="0 0 16 16"
-                  >
-                    <path d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3"></path>
-                  </svg>
-                  Left column
-                </a>
-              </li>
-
-              <li>
-                <a
-                  class="nav-link dropdown-item"
-                  href="http://localhost:53343/plone/folder/@@topbar-manage-portlets/plone.rightcolumn?_authenticator=de98c16956946b08f68c58d8435a49664393d565"
-                  title="Right column"
-                  id="portlet-manager-plone.rightcolumn"
-                >
-                  <svg
-                    xmlns="http://www.w3.org/2000/svg"
-                    width="16"
-                    height="16"
-                    fill="currentColor"
-                    class="plone-icon bi bi-dot"
-                    viewbox="0 0 16 16"
-                  >
-                    <path d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3"></path>
-                  </svg>
-                  Right column
-                </a>
-              </li>
-            </ul>
-          </li>
-
-          <li class="border-top my-2"></li>
-
-          <li class="nav-item" id="contentview-history">
-            <a
-              class="nav-link"
-              href="http://localhost:53343/plone/folder/@@historyview?_authenticator=de98c16956946b08f68c58d8435a49664393d565"
-            >
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="16"
-                height="16"
-                fill="currentColor"
-                class="plone-icon me-1 bi bi-clock"
-                viewbox="0 0 16 16"
-              >
-                <path
-                  d="M8 3.5a.5.5 0 0 0-1 0V9a.5.5 0 0 0 .252.434l3.5 2a.5.5 0 0 0 .496-.868L8 8.71z"
-                ></path>
-
-                <path
-                  d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m7-8A7 7 0 1 1 1 8a7 7 0 0 1 14 0"
-                ></path>
-              </svg>
-              <span class="toolbar-label">
-                <time
-                  class="pat-display-time"
-                  datetime="2025-07-17T15:15:11+02:00"
-                  data-pat-display-time="output-format: L LTS"
-                ></time>
-              </span>
-            </a>
-          </li>
-
-          <li class="nav-item" id="contentview-local_roles">
-            <a
-              class="nav-link"
-              href="http://localhost:53343/plone/folder/@@sharing?_authenticator=de98c16956946b08f68c58d8435a49664393d565"
-            >
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="16"
-                height="16"
-                fill="currentColor"
-                class="plone-icon me-1 bi bi-people"
-                viewbox="0 0 16 16"
-              >
-                <path
-                  d="M15 14s1 0 1-1-1-4-5-4-5 3-5 4 1 1 1 1zm-7.978-1L7 12.996c.001-.264.167-1.03.76-1.72C8.312 10.629 9.282 10 11 10c1.717 0 2.687.63 3.24 1.276.593.69.758 1.457.76 1.72l-.008.002-.014.002zM11 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4m3-2a3 3 0 1 1-6 0 3 3 0 0 1 6 0M6.936 9.28a6 6 0 0 0-1.23-.247A7 7 0 0 0 5 9c-4 0-5 3-5 4q0 1 1 1h4.216A2.24 2.24 0 0 1 5 13c0-1.01.377-2.042 1.09-2.904.243-.294.526-.569.846-.816M4.92 10A5.5 5.5 0 0 0 4 13H1c0-.26.164-1.03.76-1.724.545-.636 1.492-1.256 3.16-1.275ZM1.5 5.5a3 3 0 1 1 6 0 3 3 0 0 1-6 0m3-2a2 2 0 1 0 0 4 2 2 0 0 0 0-4"
-                ></path>
-              </svg>
-              <span class="toolbar-label">Sharing</span>
-            </a>
-          </li>
-        </ul>
-
-        <div class="personaltools-wrapper nav dropend">
-          <a
-            class="nav-link dropdown-toggle"
-            id="personaltools-menulink"
-            aria-expanded="false"
-            data-bs-offset="0,0"
-            data-bs-toggle="dropdown"
-            href="http://localhost:53343/plone/useractions"
-          >
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              width="16"
-              height="16"
-              fill="currentColor"
-              class="plone-icon bi bi-person"
-              viewbox="0 0 16 16"
-            >
-              <path
-                d="M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6m2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0m4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4m-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10s-3.516.68-4.168 1.332c-.678.678-.83 1.418-.832 1.664z"
-              ></path>
-            </svg>
-            <span class="toolbar-label">admin</span>
-          </a>
-          <ul
-            class="dropdown-menu"
-            id="collapse-personaltools"
-            aria-labelledby="personaltools-menulink"
-          >
-            <li>
-              <h6 class="dropdown-header">admin</h6>
-            </li>
-
-            <li>
-              <a
-                class="nav-link dropdown-item"
-                title="Preferences"
-                href="http://localhost:53343/plone/@@personal-preferences"
-                id="personaltools-preferences"
-                icon="plone-user"
-              >
-                <svg
-                  xmlns="http://www.w3.org/2000/svg"
-                  width="16"
-                  height="16"
-                  fill="currentColor"
-                  class="plone-icon bi bi-person"
-                  viewbox="0 0 16 16"
-                >
-                  <path
-                    d="M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6m2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0m4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4m-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10s-3.516.68-4.168 1.332c-.678.678-.83 1.418-.832 1.664z"
-                  ></path>
-                </svg>
-                Preferences
-              </a>
-            </li>
-
-            <li>
-              <a
-                class="nav-link dropdown-item"
-                title="Dashboard"
-                href="http://localhost:53343/plone/dashboard"
-                id="personaltools-dashboard"
-                icon="plone-dashboard"
-              >
-                <svg
-                  xmlns="http://www.w3.org/2000/svg"
-                  width="16"
-                  height="16"
-                  fill="currentColor"
-                  class="plone-icon bi bi-kanban"
-                  viewbox="0 0 16 16"
-                >
-                  <path
-                    d="M13.5 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1h-11a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1zm-11-1a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h11a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2z"
-                  ></path>
-
-                  <path
-                    d="M6.5 3a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1zm-4 0a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1zm8 0a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1z"
-                  ></path>
-                </svg>
-                Dashboard
-              </a>
-            </li>
-
-            <li>
-              <a
-                class="nav-link dropdown-item"
-                title="Site Setup"
-                href="http://localhost:53343/plone/@@overview-controlpanel"
-                id="personaltools-plone_setup"
-                icon="plone-controlpanel"
-              >
-                <svg
-                  xmlns="http://www.w3.org/2000/svg"
-                  width="16"
-                  height="16"
-                  fill="currentColor"
-                  class="plone-icon bi bi-gear"
-                  viewbox="0 0 16 16"
-                >
-                  <path
-                    d="M8 4.754a3.246 3.246 0 1 0 0 6.492 3.246 3.246 0 0 0 0-6.492M5.754 8a2.246 2.246 0 1 1 4.492 0 2.246 2.246 0 0 1-4.492 0"
-                  ></path>
-
-                  <path
-                    d="M9.796 1.343c-.527-1.79-3.065-1.79-3.592 0l-.094.319a.873.873 0 0 1-1.255.52l-.292-.16c-1.64-.892-3.433.902-2.54 2.541l.159.292a.873.873 0 0 1-.52 1.255l-.319.094c-1.79.527-1.79 3.065 0 3.592l.319.094a.873.873 0 0 1 .52 1.255l-.16.292c-.892 1.64.901 3.434 2.541 2.54l.292-.159a.873.873 0 0 1 1.255.52l.094.319c.527 1.79 3.065 1.79 3.592 0l.094-.319a.873.873 0 0 1 1.255-.52l.292.16c1.64.893 3.434-.902 2.54-2.541l-.159-.292a.873.873 0 0 1 .52-1.255l.319-.094c1.79-.527 1.79-3.065 0-3.592l-.319-.094a.873.873 0 0 1-.52-1.255l.16-.292c.893-1.64-.902-3.433-2.541-2.54l-.292.159a.873.873 0 0 1-1.255-.52zm-2.633.283c.246-.835 1.428-.835 1.674 0l.094.319a1.873 1.873 0 0 0 2.693 1.115l.291-.16c.764-.415 1.6.42 1.184 1.185l-.159.292a1.873 1.873 0 0 0 1.116 2.692l.318.094c.835.246.835 1.428 0 1.674l-.319.094a1.873 1.873 0 0 0-1.115 2.693l.16.291c.415.764-.42 1.6-1.185 1.184l-.291-.159a1.873 1.873 0 0 0-2.693 1.116l-.094.318c-.246.835-1.428.835-1.674 0l-.094-.319a1.873 1.873 0 0 0-2.692-1.115l-.292.16c-.764.415-1.6-.42-1.184-1.185l.159-.291A1.873 1.873 0 0 0 1.945 8.93l-.319-.094c-.835-.246-.835-1.428 0-1.674l.319-.094A1.873 1.873 0 0 0 3.06 4.377l-.16-.292c-.415-.764.42-1.6 1.185-1.184l.292.159a1.873 1.873 0 0 0 2.692-1.115z"
-                  ></path>
-                </svg>
-                Site Setup
-              </a>
-            </li>
-
-            <li>
-              <a
-                class="nav-link dropdown-item"
-                title="Log out"
-                href="http://localhost:53343/plone/logout"
-                id="personaltools-logout"
-                icon="plone-logout"
-              >
-                <svg
-                  xmlns="http://www.w3.org/2000/svg"
-                  width="16"
-                  height="16"
-                  fill="currentColor"
-                  class="plone-icon bi bi-box-arrow-right"
-                  viewbox="0 0 16 16"
-                >
-                  <path
-                    fill-rule="evenodd"
-                    d="M10 12.5a.5.5 0 0 1-.5.5h-8a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 .5.5v2a.5.5 0 0 0 1 0v-2A1.5 1.5 0 0 0 9.5 2h-8A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h8a1.5 1.5 0 0 0 1.5-1.5v-2a.5.5 0 0 0-1 0z"
-                  ></path>
-
-                  <path
-                    fill-rule="evenodd"
-                    d="M15.854 8.354a.5.5 0 0 0 0-.708l-3-3a.5.5 0 0 0-.708.708L14.293 7.5H5.5a.5.5 0 0 0 0 1h8.793l-2.147 2.146a.5.5 0 0 0 .708.708z"
-                  ></path>
-                </svg>
-                Log out
-              </a>
-            </li>
-          </ul>
-        </div>
-      </div>
-    </section>
-    <div class="outer-wrapper flex-shrink-0">
-      <header
-        class="container d-flex pt-3 flex-column justify-content-between align-items-lg-start flex-lg-row"
-        id="content-header"
-      >
-        <div class="mb-3 d-flex justify-content-end" id="portal-top"></div>
-
-        <div
-          class="pb-3 d-flex justify-content-between align-items-center order-lg-first w-auto"
-          id="portal-logo-wrapper"
-        >
-          <a
-            id="portal-logo"
-            title="Plone site"
-            href="http://localhost:53343/plone"
-          >
-            <img
-              alt="Plone site"
-              src="http://localhost:53343/plone/++resource++plone-logo.svg"
-              title="Plone site"
-          /></a>
-          <div class="navbar navbar-expand-lg">
-            <button
-              class="navbar-toggler border-secondary"
-              aria-controls="offcanvasNavbar"
-              type="button"
-              data-bs-target="#offcanvasNavbar"
-              data-bs-toggle="offcanvas"
-              aria-label="Toggle navigation"
-            >
-              <span class="navbar-toggler-icon"></span>
-            </button>
-          </div>
-        </div>
-      </header>
-
-      <div id="mainnavigation-wrapper">
-        <div id="mainnavigation">
-          <nav
-            class="navbar navbar-expand-lg navbar-barceloneta pat-navigationmarker"
-            id="portal-globalnav-wrapper"
-          >
-            <div class="container">
-              <div
-                class="offcanvas offcanvas-end"
-                id="offcanvasNavbar"
-                aria-labelledby="offcanvasNavbarLabel"
-                tabindex="-1"
-              >
-                <div class="offcanvas-header justify-content-end">
-                  <button
-                    class="btn-close btn-close-white text-reset"
-                    aria-label="Close"
-                    type="button"
-                    data-bs-dismiss="offcanvas"
-                  ></button>
-                </div>
-
-                <div class="offcanvas-body align-items-center">
-                  <ul class="navbar-nav me-auto" id="portal-globalnav">
-                    <li class="index_html nav-item">
-                      <a
-                        href="http://localhost:53343/plone"
-                        class="state-None nav-link"
-                        >Home</a
-                      >
-                    </li>
-                    <li class="folder nav-item">
-                      <a
-                        href="http://localhost:53343/plone/folder"
-                        class="state-private nav-link"
-                        >folder</a
-                      >
-                    </li>
-                  </ul>
-
-                  <div
-                    class="d-flex flex-column position-relative"
-                    id="portal-searchbox"
-                  >
-                    <form
-                      class="d-flex pat-livesearch show_images"
-                      id="searchGadget_form"
-                      action="http://localhost:53343/plone/@@search"
-                      role="search"
-                      data-pat-livesearch="ajaxUrl:http://localhost:53343/plone/@@ajax-search"
-                    >
-                      <label class="hiddenStructure" for="searchGadget"
-                        >Search Site</label
-                      >
-                      <input
-                        class="searchField form-control me-2"
-                        id="searchGadget"
-                        name="SearchableText"
-                        placeholder="Search Site"
-                        size="18"
-                        title="Search Site"
-                        type="text"
-                      />
-                      <button
-                        class="searchButton btn btn-outline-light"
-                        type="submit"
-                      >
-                        Search
-                      </button>
-                      <div class="hiddenStructure" id="portal-advanced-search">
-                        <a href="http://localhost:53343/plone/@@search"
-                          >Advanced Search…</a
-                        >
-                      </div>
-                    </form>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </nav>
-        </div>
-      </div>
-
-      <div class="principal" id="hero">
-        <div class="container">
-          <div class="gigantic"></div>
-        </div>
-      </div>
-
-      <div id="above-content-wrapper">
-        <div id="viewlet-above-content">
-          <nav id="portal-breadcrumbs" aria-label="breadcrumb">
-            <div class="container">
-              <ol class="breadcrumb">
-                <li class="breadcrumb-item">
-                  <a href="http://localhost:53343/plone">Home</a>
-                </li>
-
-                <li class="breadcrumb-item active" aria-current="page">
-                  folder
-                </li>
-              </ol>
-            </div>
-          </nav>
-        </div>
-      </div>
-
-      <div class="container">
-        <div class="row">
-          <aside class="col-12" id="global_statusmessage">
-            <div></div>
-          </aside>
-        </div>
-
-        <main class="row" id="main-container">
-          <section id="portal-column-content">
-            <article id="content">
-              <main id="content">
-                <div class="fixed-top d-flex justify-content-end py-2 me-2">
-                  <div
-                    class="d-inline-flex mb-3 px-3 py-2 fw-semibold text-warning-emphasis bg-warning-subtle border border-warning-subtle rounded-5"
-                  >
-                    <div class="form-check form-switch">
-                      <input
-                        id="editModeToggle"
-                        class="form-check-input"
-                        role="switch"
-                        type="checkbox"
-                      />
-                      <label for="editModeToggle" class="form-check-label"
-                        >Edit Mode</label
-                      >
-                    </div>
-                  </div>
-
-                  <section
-                    class="dynamic-row horizontal-rule-view state-private"
-                    data-delete-target="true"
-                    data-elementid="row-1"
-                    data-elementurl="http://localhost:53343/plone/folder/dpf/row-1"
-                    data-move-target="true"
-                    data-parenturl="http://localhost:53343/plone/folder/dpf"
-                  >
-                    <div class="edit-options edit-buttons d-flex gap-2">
-                      <small
-                        class="d-inline-flex mb-3 px-2 py-1 fw-semibold text-warning-emphasis bg-warning-subtle border border-warning-subtle rounded-2 position-relative"
-                      >
-                        Template: horizontal-rule-view
-                      </small>
-                      <!-- <a class="btn btn-outline-primary btn-sm align-self-start" href="${row/absolute_url}">View</a> -->
-                      <a
-                        class="btn btn-outline-primary btn-sm align-self-start"
-                        href="http://localhost:53343/plone/folder/dpf/row-1/edit"
-                        >Edit</a
-                      >
-                      <a
-                        class="btn btn-sm btn-danger align-self-start btn-delete-element"
-                        href="#"
-                        data-bs-target="#deleteElementModal"
-                        data-bs-toggle="modal"
-                        data-rowid="row-1"
-                        >Delete row</a
-                      >
-                      <div class="ms-auto d-flex gap-2 align-items-start">
-                        <a
-                          class="btn btn-outline-primary btn-sm align-self-start"
-                          href="#"
-                          data-action="move-down"
-                          >Move down</a
-                        >
-                        <div class="btn-group">
-                          <a
-                            class="position-relative btn btn-outline-danger btn-sm bg-danger-subtle dropdown-toggle"
-                            aria-expanded="false"
-                            type="button"
-                            data-bs-display="static"
-                            data-bs-toggle="dropdown"
-                          >
-                            Review state: private
-                            <span
-                              class="position-absolute top-0 start-100 translate-middle p-2 bg-danger border border-light rounded-circle"
-                            ></span>
-                          </a>
-                          <ul class="dropdown-menu">
-                            <li>
-                              <a
-                                class="dropdown-item"
-                                href="http://localhost:53343/plone/folder/dpf/row-1/content_status_modify?workflow_action=publish&amp;_authenticator=b10e67971ff181b5f158fd206f6ada278d9a9d52"
-                                >Publish</a
-                              >
-                            </li>
-
-                            <li>
-                              <a
-                                class="dropdown-item"
-                                href="http://localhost:53343/plone/folder/dpf/row-1/content_status_modify?workflow_action=submit&amp;_authenticator=de98c16956946b08f68c58d8435a49664393d565"
-                                >Submit for publication</a
-                              >
-                            </li>
-                          </ul>
-                        </div>
-                      </div>
-                    </div>
-
-                    <div
-                      class="edit-options features-list d-flex gap-2 align-items-start mb-3"
-                    ></div>
-
-                    <div class="content">
-                      <hr class="my-5 border border-primary opacity-100" />
-                    </div>
-                  </section>
-
-                  <section
-                    class="dynamic-row horizontal-rule-view state-private"
-                    data-delete-target="true"
-                    data-elementid="row-2"
-                    data-elementurl="http://localhost:53343/plone/folder/dpf/row-2"
-                    data-move-target="true"
-                    data-parenturl="http://localhost:53343/plone/folder/dpf"
-                  >
-                    <div class="edit-options edit-buttons d-flex gap-2">
-                      <small
-                        class="d-inline-flex mb-3 px-2 py-1 fw-semibold text-warning-emphasis bg-warning-subtle border border-warning-subtle rounded-2 position-relative"
-                      >
-                        Template: horizontal-rule-view
-                      </small>
-                      <!-- <a class="btn btn-outline-primary btn-sm align-self-start" href="${row/absolute_url}">View</a> -->
-                      <a
-                        class="btn btn-outline-primary btn-sm align-self-start"
-                        href="http://localhost:53343/plone/folder/dpf/row-2/edit"
-                        >Edit</a
-                      >
-                      <a
-                        class="btn btn-sm btn-danger align-self-start btn-delete-element"
-                        href="#"
-                        data-bs-target="#deleteElementModal"
-                        data-bs-toggle="modal"
-                        data-rowid="row-2"
-                        >Delete row</a
-                      >
-                      <div class="ms-auto d-flex gap-2 align-items-start">
-                        <a
-                          class="btn btn-outline-primary btn-sm align-self-start"
-                          href="#"
-                          data-action="move-up"
-                          >Move up</a
-                        >
-                        <a
-                          class="btn btn-outline-primary btn-sm align-self-start"
-                          href="#"
-                          data-action="move-down"
-                          >Move down</a
-                        >
-                        <div class="btn-group">
-                          <a
-                            class="position-relative btn btn-outline-danger btn-sm bg-danger-subtle dropdown-toggle"
-                            aria-expanded="false"
-                            type="button"
-                            data-bs-display="static"
-                            data-bs-toggle="dropdown"
-                          >
-                            Review state: private
-                            <span
-                              class="position-absolute top-0 start-100 translate-middle p-2 bg-danger border border-light rounded-circle"
-                            ></span>
-                          </a>
-                          <ul class="dropdown-menu">
-                            <li>
-                              <a
-                                class="dropdown-item"
-                                href="http://localhost:53343/plone/folder/dpf/row-2/content_status_modify?workflow_action=publish&amp;_authenticator=b10e67971ff181b5f158fd206f6ada278d9a9d52"
-                                >Publish</a
-                              >
-                            </li>
-
-                            <li>
-                              <a
-                                class="dropdown-item"
-                                href="http://localhost:53343/plone/folder/dpf/row-2/content_status_modify?workflow_action=submit&amp;_authenticator=b10e67971ff181b5f158fd206f6ada278d9a9d52"
-                                >Submit for publication</a
-                              >
-                            </li>
-                          </ul>
-                        </div>
-                      </div>
-                    </div>
-
-                    <div
-                      class="edit-options features-list d-flex gap-2 align-items-start mb-3"
-                    ></div>
-
-                    <div class="content">
-                      <hr class="my-5 border border-primary opacity-100" />
-                    </div>
-                  </section>
-
-                  <section
-                    class="dynamic-row horizontal-rule-view state-private"
-                    data-delete-target="true"
-                    data-elementid="row-3"
-                    data-elementurl="http://localhost:53343/plone/folder/dpf/row-3"
-                    data-move-target="true"
-                    data-parenturl="http://localhost:53343/plone/folder/dpf"
-                  >
-                    <div class="edit-options edit-buttons d-flex gap-2">
-                      <small
-                        class="d-inline-flex mb-3 px-2 py-1 fw-semibold text-warning-emphasis bg-warning-subtle border border-warning-subtle rounded-2 position-relative"
-                      >
-                        Template: horizontal-rule-view
-                      </small>
-                      <!-- <a class="btn btn-outline-primary btn-sm align-self-start" href="${row/absolute_url}">View</a> -->
-                      <a
-                        class="btn btn-outline-primary btn-sm align-self-start"
-                        href="http://localhost:53343/plone/folder/dpf/row-3/edit"
-                        >Edit</a
-                      >
-                      <a
-                        class="btn btn-sm btn-danger align-self-start btn-delete-element"
-                        href="#"
-                        data-bs-target="#deleteElementModal"
-                        data-bs-toggle="modal"
-                        data-rowid="row-3"
-                        >Delete row</a
-                      >
-                      <div class="ms-auto d-flex gap-2 align-items-start">
-                        <a
-                          class="btn btn-outline-primary btn-sm align-self-start"
-                          href="#"
-                          data-action="move-up"
-                          >Move up</a
-                        >
-                        <div class="btn-group">
-                          <a
-                            class="position-relative btn btn-outline-danger btn-sm bg-danger-subtle dropdown-toggle"
-                            aria-expanded="false"
-                            type="button"
-                            data-bs-display="static"
-                            data-bs-toggle="dropdown"
-                          >
-                            Review state: private
-                            <span
-                              class="position-absolute top-0 start-100 translate-middle p-2 bg-danger border border-light rounded-circle"
-                            ></span>
-                          </a>
-                          <ul class="dropdown-menu">
-                            <li>
-                              <a
-                                class="dropdown-item"
-                                href="http://localhost:53343/plone/folder/dpf/row-3/content_status_modify?workflow_action=publish&amp;_authenticator=de98c16956946b08f68c58d8435a49664393d565"
-                                >Publish</a
-                              >
-                            </li>
-
-                            <li>
-                              <a
-                                class="dropdown-item"
-                                href="http://localhost:53343/plone/folder/dpf/row-3/content_status_modify?workflow_action=submit&amp;_authenticator=792b8fe9d654404d9149a3dd212c8e132305f143"
-                                >Submit for publication</a
-                              >
-                            </li>
-                          </ul>
-                        </div>
-                      </div>
-                    </div>
-
-                    <div
-                      class="edit-options features-list d-flex gap-2 align-items-start mb-3"
-                    ></div>
-
-                    <div class="content">
-                      <hr class="my-5 border border-primary opacity-100" />
-                    </div>
-                  </section>
-
-                  <div
-                    class="edit-options dynamic-row d-flex justify-content-center align-items-center"
-                  >
-                    <a
-                      class="btn btn-primary btn-lg"
-                      href="http://localhost:53343/plone/folder/dpf/++add++DynamicPageRow"
-                      >Add new row</a
-                    >
-                  </div>
-
-                  <!-- Delete Confirmation Modal -->
-                  <div
-                    id="deleteElementModal"
-                    class="modal fade"
-                    aria-hidden="true"
-                    aria-labelledby="deleteElementModalLabel"
-                    tabindex="-1"
-                  >
-                    <div class="modal-dialog">
-                      <div class="modal-content">
-                        <div class="modal-header">
-                          <h5 id="deleteElementModalLabel" class="modal-title">
-                            Confirm Deletion
-                          </h5>
-
-                          <button
-                            class="btn-close"
-                            aria-label="Close"
-                            type="button"
-                            data-bs-dismiss="modal"
-                          ></button>
-                        </div>
-
-                        <div class="modal-body">
-                          <p>
-                            Are you sure you want to delete this item? This
-                            action cannot be undone.
-                          </p>
-                        </div>
-
-                        <div class="modal-footer">
-                          <button
-                            class="btn btn-secondary"
-                            type="button"
-                            data-bs-dismiss="modal"
-                          >
-                            Cancel
-                          </button>
-                          <button
-                            id="confirmDeleteElement"
-                            class="btn btn-danger"
-                            type="button"
-                          >
-                            Delete
-                          </button>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </main>
-
-              <footer>
-                <div id="viewlet-below-content">
-                  <div class="row managePortlets-row">
-                    <a
-                      class="managePortletsFallback"
-                      href="http://localhost:53343/plone/folder/@@manage-portlets"
-                      >Manage portlets</a
-                    >
-                  </div>
-                </div>
-              </footer>
-            </article>
-          </section>
-        </main>
-
-        <!--/row-->
-      </div>
-
-      <!--/container-->
-    </div>
-    <!--/outer-wrapper -->
-    <footer class="mt-auto" id="portal-footer-wrapper">
-      <div class="container" id="portal-footer">
-        <div class="doormat row"></div>
-
-        <div class="copyright row">
-          <div class="col-12">
-            The
-            <a href="http://plone.org">Plone<sup>®</sup> Open Source CMS/WCM</a>
-            is <abbr title="Copyright">©</abbr> 2000-2025 by the
-            <a href="http://plone.org/foundation">Plone Foundation</a> and
-            friends. Distributed under the
-            <a href="https://www.gnu.org/licenses/old-licenses/gpl-2.0.html"
-              >GNU GPL license</a
-            >.
-          </div>
-        </div>
-
-        <div class="colophon row">
-          <div class="col-12">
-            <a
-              href="http://plone.org"
-              target="_blank"
-              title="This site was built using the Plone Open Source CMS/WCM."
-              >Powered by Plone</a
-            >
-          </div>
-        </div>
-
-        <div class="site-actions row">
-          <div class="col-12">
-            <ul class="actions-site_actions">
-              <li class="portletItem action-item-sitemap">
-                <a href="http://localhost:53343/plone/sitemap">
-                  <span>Site Map</span>
-                </a>
-              </li>
-
-              <li class="portletItem action-item-accessibility">
-                <a href="http://localhost:53343/plone/accessibility-info">
-                  <span>Accessibility</span>
-                </a>
-              </li>
-
-              <li class="portletItem action-item-contact">
-                <a
-                  href="http://localhost:53343/plone/contact-info"
-                  class="pat-plone-modal"
-                  data-pat-plone-modal="{}"
-                >
-                  <span>Contact</span>
-                </a>
-              </li>
-            </ul>
-          </div>
-        </div>
-      </div>
-    </footer>
-    <script
-      type="application/javascript"
-      src="http://localhost:53343/plone/++resource++protect.js"
-      data-site-url="http://localhost:53343/plone"
-      data-token="792b8fe9d654404d9149a3dd212c8e132305f143"
-      id="protect-script"
-    ></script>
-  </body>
-</html>

From 287f41421903bc08246242ad1c2a2bb4c7b67551 Mon Sep 17 00:00:00 2001
From: Mikel Larreategi <mlarreategi@codesyntax.com>
Date: Fri, 18 Jul 2025 11:39:42 +0200
Subject: [PATCH 07/24] add namespaces

---
 src/cs_dynamicpages/views/accordion_view.pt | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/cs_dynamicpages/views/accordion_view.pt b/src/cs_dynamicpages/views/accordion_view.pt
index c638c84..196e04b 100644
--- a/src/cs_dynamicpages/views/accordion_view.pt
+++ b/src/cs_dynamicpages/views/accordion_view.pt
@@ -1,4 +1,8 @@
-<div class="my-5 accordion accordion-flush"
+<div xmlns="http://www.w3.org/1999/xhtml"
+     xmlns:i18n="http://xml.zope.org/namespaces/i18n"
+     xmlns:metal="http://xml.zope.org/namespaces/metal"
+     xmlns:tal="http://xml.zope.org/namespaces/tal"
+     class="my-5 accordion accordion-flush"
      id="accordionDynamicPage-${context/id}"
      tal:define="
        elements view/elements;

From b508c790e057618a5d833c33ce5c2fa4e120cad3 Mon Sep 17 00:00:00 2001
From: Mikel Larreategi <mlarreategi@codesyntax.com>
Date: Fri, 18 Jul 2025 12:13:45 +0200
Subject: [PATCH 08/24] adjust python version to run tests

---
 Makefile | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/Makefile b/Makefile
index c80356e..a82064a 100644
--- a/Makefile
+++ b/Makefile
@@ -31,6 +31,12 @@ else
 PLONE_VERSION := 6.1.2
 endif
 
+ifdef python-version
+python-version := $(python-version)
+else
+python-version := 3.10
+endif
+
 VENV_FOLDER=$(BACKEND_FOLDER)/.venv
 export VIRTUAL_ENV=$(VENV_FOLDER)
 BIN_FOLDER=$(VENV_FOLDER)/bin
@@ -54,7 +60,7 @@ requirements-mxdev.txt: pyproject.toml mx.ini ## Generate constraints file
 
 $(VENV_FOLDER): requirements-mxdev.txt ## Install dependencies
 	@echo "$(GREEN)==> Install environment$(RESET)"
-	@uv venv --python=3.10 $(VENV_FOLDER)
+	@uv venv --python=$(python-version) $(VENV_FOLDER)
 	@uv pip install -r requirements-mxdev.txt
 
 .PHONY: sync

From 4b8af14460b596d2a110cebbf6d340c7077e083e Mon Sep 17 00:00:00 2001
From: Mikel Larreategi <mlarreategi@codesyntax.com>
Date: Fri, 18 Jul 2025 12:25:56 +0200
Subject: [PATCH 09/24] Revert "adjust python version to run tests"

This reverts commit b508c790e057618a5d833c33ce5c2fa4e120cad3.
---
 Makefile | 8 +-------
 1 file changed, 1 insertion(+), 7 deletions(-)

diff --git a/Makefile b/Makefile
index a82064a..c80356e 100644
--- a/Makefile
+++ b/Makefile
@@ -31,12 +31,6 @@ else
 PLONE_VERSION := 6.1.2
 endif
 
-ifdef python-version
-python-version := $(python-version)
-else
-python-version := 3.10
-endif
-
 VENV_FOLDER=$(BACKEND_FOLDER)/.venv
 export VIRTUAL_ENV=$(VENV_FOLDER)
 BIN_FOLDER=$(VENV_FOLDER)/bin
@@ -60,7 +54,7 @@ requirements-mxdev.txt: pyproject.toml mx.ini ## Generate constraints file
 
 $(VENV_FOLDER): requirements-mxdev.txt ## Install dependencies
 	@echo "$(GREEN)==> Install environment$(RESET)"
-	@uv venv --python=$(python-version) $(VENV_FOLDER)
+	@uv venv --python=3.10 $(VENV_FOLDER)
 	@uv pip install -r requirements-mxdev.txt
 
 .PHONY: sync

From 751f6c3f69b764f3e8dea232f103bf23642f801d Mon Sep 17 00:00:00 2001
From: Mikel Larreategi <mlarreategi@codesyntax.com>
Date: Fri, 18 Jul 2025 12:27:57 +0200
Subject: [PATCH 10/24] don't be explicit about the python version

---
 Makefile | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/Makefile b/Makefile
index c80356e..991eda2 100644
--- a/Makefile
+++ b/Makefile
@@ -54,7 +54,7 @@ requirements-mxdev.txt: pyproject.toml mx.ini ## Generate constraints file
 
 $(VENV_FOLDER): requirements-mxdev.txt ## Install dependencies
 	@echo "$(GREEN)==> Install environment$(RESET)"
-	@uv venv --python=3.10 $(VENV_FOLDER)
+	@uv venv $(VENV_FOLDER)
 	@uv pip install -r requirements-mxdev.txt
 
 .PHONY: sync

From c0948daa3ba8683b6379585a772e2de9f4f8166a Mon Sep 17 00:00:00 2001
From: Mikel Larreategi <mlarreategi@codesyntax.com>
Date: Thu, 24 Jul 2025 14:07:58 +0200
Subject: [PATCH 11/24] fix: set python version in Makefile, and let it come
 from environment, to be able to run CI in GHA

---
 Makefile | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/Makefile b/Makefile
index 991eda2..4699031 100644
--- a/Makefile
+++ b/Makefile
@@ -31,6 +31,13 @@ else
 PLONE_VERSION := 6.1.2
 endif
 
+ifdef python-version
+PYTHON_VERSION := $(python-version)
+else
+PYTHON_VERSION := 3.10
+endif
+
+
 VENV_FOLDER=$(BACKEND_FOLDER)/.venv
 export VIRTUAL_ENV=$(VENV_FOLDER)
 BIN_FOLDER=$(VENV_FOLDER)/bin
@@ -54,7 +61,7 @@ requirements-mxdev.txt: pyproject.toml mx.ini ## Generate constraints file
 
 $(VENV_FOLDER): requirements-mxdev.txt ## Install dependencies
 	@echo "$(GREEN)==> Install environment$(RESET)"
-	@uv venv $(VENV_FOLDER)
+	@uv venv --python= ${PYTHON_VERSION} $(VENV_FOLDER)
 	@uv pip install -r requirements-mxdev.txt
 
 .PHONY: sync

From 0a2b0b8c248d1fd6f4dbfe67f26d002f796ba876 Mon Sep 17 00:00:00 2001
From: Mikel Larreategi <mlarreategi@codesyntax.com>
Date: Thu, 24 Jul 2025 14:08:58 +0200
Subject: [PATCH 12/24] fix syntax

---
 Makefile | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/Makefile b/Makefile
index 4699031..8c49288 100644
--- a/Makefile
+++ b/Makefile
@@ -61,7 +61,7 @@ requirements-mxdev.txt: pyproject.toml mx.ini ## Generate constraints file
 
 $(VENV_FOLDER): requirements-mxdev.txt ## Install dependencies
 	@echo "$(GREEN)==> Install environment$(RESET)"
-	@uv venv --python= ${PYTHON_VERSION} $(VENV_FOLDER)
+	@uv venv --python ${PYTHON_VERSION} $(VENV_FOLDER)
 	@uv pip install -r requirements-mxdev.txt
 
 .PHONY: sync

From 7cb40af37f7e669a8b284518dcef053461f8eed9 Mon Sep 17 00:00:00 2001
From: Mikel Larreategi <mlarreategi@codesyntax.com>
Date: Thu, 24 Jul 2025 14:13:37 +0200
Subject: [PATCH 13/24] explicitely run on the created venv

---
 Makefile | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/Makefile b/Makefile
index 8c49288..19fc366 100644
--- a/Makefile
+++ b/Makefile
@@ -62,12 +62,12 @@ requirements-mxdev.txt: pyproject.toml mx.ini ## Generate constraints file
 $(VENV_FOLDER): requirements-mxdev.txt ## Install dependencies
 	@echo "$(GREEN)==> Install environment$(RESET)"
 	@uv venv --python ${PYTHON_VERSION} $(VENV_FOLDER)
-	@uv pip install -r requirements-mxdev.txt
+	@uv $(VENV_FOLDER)/bin/pip install -r requirements-mxdev.txt
 
 .PHONY: sync
 sync: $(VENV_FOLDER) ## Sync project dependencies
 	@echo "$(GREEN)==> Sync project dependencies$(RESET)"
-	@uv pip install -r requirements-mxdev.txt
+	@uv $(VENV_FOLDER)/pip install -r requirements-mxdev.txt
 
 instance/etc/zope.ini instance/etc/zope.conf: instance.yaml ## Create instance configuration
 	@echo "$(GREEN)==> Create instance configuration$(RESET)"

From f025f4b76e5880557ea74e9a8eb4ac04d296b195 Mon Sep 17 00:00:00 2001
From: Mikel Larreategi <mlarreategi@codesyntax.com>
Date: Thu, 24 Jul 2025 14:14:31 +0200
Subject: [PATCH 14/24] restore

---
 Makefile | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/Makefile b/Makefile
index 19fc366..8c49288 100644
--- a/Makefile
+++ b/Makefile
@@ -62,12 +62,12 @@ requirements-mxdev.txt: pyproject.toml mx.ini ## Generate constraints file
 $(VENV_FOLDER): requirements-mxdev.txt ## Install dependencies
 	@echo "$(GREEN)==> Install environment$(RESET)"
 	@uv venv --python ${PYTHON_VERSION} $(VENV_FOLDER)
-	@uv $(VENV_FOLDER)/bin/pip install -r requirements-mxdev.txt
+	@uv pip install -r requirements-mxdev.txt
 
 .PHONY: sync
 sync: $(VENV_FOLDER) ## Sync project dependencies
 	@echo "$(GREEN)==> Sync project dependencies$(RESET)"
-	@uv $(VENV_FOLDER)/pip install -r requirements-mxdev.txt
+	@uv pip install -r requirements-mxdev.txt
 
 instance/etc/zope.ini instance/etc/zope.conf: instance.yaml ## Create instance configuration
 	@echo "$(GREEN)==> Create instance configuration$(RESET)"

From 6c55e0c40e9345f4a3927c400fb5bf093d535455 Mon Sep 17 00:00:00 2001
From: Mikel Larreategi <mlarreategi@codesyntax.com>
Date: Thu, 24 Jul 2025 14:17:46 +0200
Subject: [PATCH 15/24] change env var check

---
 Makefile | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/Makefile b/Makefile
index 8c49288..d6e9ba0 100644
--- a/Makefile
+++ b/Makefile
@@ -31,7 +31,7 @@ else
 PLONE_VERSION := 6.1.2
 endif
 
-ifdef python-version
+ifdef $(python-version)
 PYTHON_VERSION := $(python-version)
 else
 PYTHON_VERSION := 3.10

From 5ff07d8b83af877dbbb2d1c604fca3c0db52c671 Mon Sep 17 00:00:00 2001
From: Mikel Larreategi <mlarreategi@codesyntax.com>
Date: Thu, 24 Jul 2025 14:23:21 +0200
Subject: [PATCH 16/24] explicitely activate the venv

---
 Makefile | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/Makefile b/Makefile
index d6e9ba0..d398e76 100644
--- a/Makefile
+++ b/Makefile
@@ -37,7 +37,6 @@ else
 PYTHON_VERSION := 3.10
 endif
 
-
 VENV_FOLDER=$(BACKEND_FOLDER)/.venv
 export VIRTUAL_ENV=$(VENV_FOLDER)
 BIN_FOLDER=$(VENV_FOLDER)/bin
@@ -62,6 +61,7 @@ requirements-mxdev.txt: pyproject.toml mx.ini ## Generate constraints file
 $(VENV_FOLDER): requirements-mxdev.txt ## Install dependencies
 	@echo "$(GREEN)==> Install environment$(RESET)"
 	@uv venv --python ${PYTHON_VERSION} $(VENV_FOLDER)
+	@source .venv/bin/activate
 	@uv pip install -r requirements-mxdev.txt
 
 .PHONY: sync

From cdef0ad9eae982b41a1bbd81b3c95eff9fef7c5a Mon Sep 17 00:00:00 2001
From: Mikel Larreategi <mlarreategi@codesyntax.com>
Date: Thu, 24 Jul 2025 14:25:04 +0200
Subject: [PATCH 17/24] do not be exoplicit

---
 Makefile | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/Makefile b/Makefile
index d398e76..af4743a 100644
--- a/Makefile
+++ b/Makefile
@@ -60,8 +60,7 @@ requirements-mxdev.txt: pyproject.toml mx.ini ## Generate constraints file
 
 $(VENV_FOLDER): requirements-mxdev.txt ## Install dependencies
 	@echo "$(GREEN)==> Install environment$(RESET)"
-	@uv venv --python ${PYTHON_VERSION} $(VENV_FOLDER)
-	@source .venv/bin/activate
+	@uv venv $(VENV_FOLDER)
 	@uv pip install -r requirements-mxdev.txt
 
 .PHONY: sync

From c792347cd348de08589cfe891e0d10d669ef45ac Mon Sep 17 00:00:00 2001
From: Mikel Larreategi <mlarreategi@codesyntax.com>
Date: Thu, 24 Jul 2025 14:29:58 +0200
Subject: [PATCH 18/24] ignore python versions

---
 Makefile | 6 ------
 1 file changed, 6 deletions(-)

diff --git a/Makefile b/Makefile
index af4743a..991eda2 100644
--- a/Makefile
+++ b/Makefile
@@ -31,12 +31,6 @@ else
 PLONE_VERSION := 6.1.2
 endif
 
-ifdef $(python-version)
-PYTHON_VERSION := $(python-version)
-else
-PYTHON_VERSION := 3.10
-endif
-
 VENV_FOLDER=$(BACKEND_FOLDER)/.venv
 export VIRTUAL_ENV=$(VENV_FOLDER)
 BIN_FOLDER=$(VENV_FOLDER)/bin

From 1defe85b350a55629afd92648805b5c78e388b30 Mon Sep 17 00:00:00 2001
From: Mikel Larreategi <mlarreategi@codesyntax.com>
Date: Thu, 24 Jul 2025 14:33:06 +0200
Subject: [PATCH 19/24] adjust deps

---
 pyproject.toml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pyproject.toml b/pyproject.toml
index 04c36e3..e8b66c9 100644
--- a/pyproject.toml
+++ b/pyproject.toml
@@ -26,7 +26,7 @@ dependencies = [
     "Products.CMFPlone",
     "plone.api",
     "collective.z3cform.datagridfield",
-    "z3c.jbot",
+    "plone.app.z3cform",
 ]
 
 [project.optional-dependencies]

From ddcac3dd057b5f4181bba1d4af5da743d091cf1f Mon Sep 17 00:00:00 2001
From: Mikel Larreategi <mlarreategi@codesyntax.com>
Date: Thu, 24 Jul 2025 14:35:02 +0200
Subject: [PATCH 20/24] remove dependency

---
 pyproject.toml | 1 -
 1 file changed, 1 deletion(-)

diff --git a/pyproject.toml b/pyproject.toml
index e8b66c9..65913da 100644
--- a/pyproject.toml
+++ b/pyproject.toml
@@ -26,7 +26,6 @@ dependencies = [
     "Products.CMFPlone",
     "plone.api",
     "collective.z3cform.datagridfield",
-    "plone.app.z3cform",
 ]
 
 [project.optional-dependencies]

From 160b92f8bad98e0887ea5d39d15963d9e451cae6 Mon Sep 17 00:00:00 2001
From: Mikel Larreategi <mlarreategi@codesyntax.com>
Date: Fri, 25 Jul 2025 18:50:34 +0200
Subject: [PATCH 21/24] feat: make browser view registrations conditional on
 being Plone 6.1 because they are using a feature only available  on Plone 6.1

---
 src/cs_dynamicpages/views/configure.zcml | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/cs_dynamicpages/views/configure.zcml b/src/cs_dynamicpages/views/configure.zcml
index 9fa7921..931c9f1 100644
--- a/src/cs_dynamicpages/views/configure.zcml
+++ b/src/cs_dynamicpages/views/configure.zcml
@@ -2,6 +2,7 @@
     xmlns="http://namespaces.zope.org/zope"
     xmlns:browser="http://namespaces.zope.org/browser"
     xmlns:plone="http://namespaces.plone.org/plone"
+    xmlns:zcml="http://namespaces.zope.org/zcml"
     i18n_domain="cs_dynamicpages"
     >
 
@@ -54,11 +55,13 @@
     <browser:page
         name="cs_dynamicpages-featured-view"
         template="featured_view.pt"
+        zcml:condition="have plone-61"
         />
 
     <browser:page
         name="cs_dynamicpages-featured-overlay-view"
         template="featured_overlay_view.pt"
+        zcml:condition="have plone-61"
         />
 
     <browser:page
@@ -86,6 +89,7 @@
     <browser:page
         name="cs_dynamicpages-query-columns-view"
         template="query_columns_view.pt"
+        zcml:condition="have plone-61"
         />
   </browser:pages>
 
@@ -98,6 +102,7 @@
     <browser:page
         name="cs_dynamicpages-slider-view"
         template="slider_view.pt"
+        zcml:condition="have plone-61"
         />
 
     <browser:page
@@ -108,6 +113,7 @@
     <browser:page
         name="cs_dynamicpages-features-view"
         template="features_view.pt"
+        zcml:condition="have plone-61"
         />
   </browser:pages>
 

From eaac651fd92da8607bd8a4ad07ecdbdf42dbba9d Mon Sep 17 00:00:00 2001
From: Mikel Larreategi <mlarreategi@codesyntax.com>
Date: Fri, 25 Jul 2025 18:51:03 +0200
Subject: [PATCH 22/24] feat: support Plone 6.0 configuring the RelatedItems
 widget

---
 src/cs_dynamicpages/behaviors/related_image.py | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/cs_dynamicpages/behaviors/related_image.py b/src/cs_dynamicpages/behaviors/related_image.py
index 4326972..792b13b 100644
--- a/src/cs_dynamicpages/behaviors/related_image.py
+++ b/src/cs_dynamicpages/behaviors/related_image.py
@@ -1,4 +1,4 @@
-from plone.app.z3cform.widgets.contentbrowser import ContentBrowserFieldWidget
+# from plone.app.z3cform.widgets.contentbrowser import ContentBrowserFieldWidget
 from plone.autoform import directives as form
 from plone.autoform.interfaces import IFormFieldProvider
 from plone.supermodel import model
@@ -11,6 +11,13 @@
 from zope.interface import Interface
 from zope.interface import provider
 
+try:
+    # This is for Plone 6.1
+    from plone.app.z3cform.widgets.contentbrowser import ContentBrowserFieldWidget as RelatedImageFieldWidget
+except:
+    # This is for previous versions of Plone
+    from plone.app.z3cform.widgets.relateditems import RelatedItemsFieldWidget as RelatedImageFieldWidget
+
 
 class IRelatedImageMarker(Interface):
     pass
@@ -30,7 +37,7 @@ class IRelatedImage(model.Schema):
 
     form.widget(
         "related_image",
-        ContentBrowserFieldWidget,
+        RelatedImageFieldWidget,
         vocabulary="plone.app.vocabularies.Catalog",
         pattern_options={
             "recentlyUsed": True,

From d734e406ee05137bde5e8434dd44cd079560c19a Mon Sep 17 00:00:00 2001
From: Mikel Larreategi <mlarreategi@codesyntax.com>
Date: Fri, 25 Jul 2025 18:55:44 +0200
Subject: [PATCH 23/24] internal: lint and format

---
 src/cs_dynamicpages/behaviors/related_image.py | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/cs_dynamicpages/behaviors/related_image.py b/src/cs_dynamicpages/behaviors/related_image.py
index 792b13b..afcf6d3 100644
--- a/src/cs_dynamicpages/behaviors/related_image.py
+++ b/src/cs_dynamicpages/behaviors/related_image.py
@@ -11,12 +11,17 @@
 from zope.interface import Interface
 from zope.interface import provider
 
+
 try:
     # This is for Plone 6.1
-    from plone.app.z3cform.widgets.contentbrowser import ContentBrowserFieldWidget as RelatedImageFieldWidget
-except:
+    from plone.app.z3cform.widgets.contentbrowser import (
+        ContentBrowserFieldWidget as RelatedImageFieldWidget,
+    )
+except ImportError:
     # This is for previous versions of Plone
-    from plone.app.z3cform.widgets.relateditems import RelatedItemsFieldWidget as RelatedImageFieldWidget
+    from plone.app.z3cform.widgets.relateditems import (
+        RelatedItemsFieldWidget as RelatedImageFieldWidget,
+    )
 
 
 class IRelatedImageMarker(Interface):

From 2a6a7a6d64265664086f4c31b85239f964bdf271 Mon Sep 17 00:00:00 2001
From: Mikel Larreategi <mlarreategi@codesyntax.com>
Date: Fri, 25 Jul 2025 18:57:06 +0200
Subject: [PATCH 24/24] internal: add releasing features

---
 Makefile       | 6 ++++++
 pyproject.toml | 9 +++++++++
 2 files changed, 15 insertions(+)

diff --git a/Makefile b/Makefile
index 991eda2..72b1955 100644
--- a/Makefile
+++ b/Makefile
@@ -132,3 +132,9 @@ test-coverage: $(VENV_FOLDER) ## run tests with coverage
 ## Add bobtemplates features (check bobtemplates.plone's documentation to get the list of available features)
 add: $(VENV_FOLDER)
 	@uvx plonecli add -b .mrbob.ini $(filter-out $@,$(MAKECMDGOALS))
+
+.PHONY: release
+release: $(VENV_FOLDER) ## Create a release
+	@echo "$(GREEN)==> Create a release$(RESET)"
+	@uv pip install -e ".[release]"
+	@uv run fullrelease
\ No newline at end of file
diff --git a/pyproject.toml b/pyproject.toml
index 65913da..811ef4c 100644
--- a/pyproject.toml
+++ b/pyproject.toml
@@ -39,6 +39,11 @@ test = [
     "pytest-cov",
     "pytest-plone>=0.5.0",
 ]
+release = [
+    "zest.releaser[recommended]",
+    "zestreleaser.towncrier",
+    "zest.pocompile",
+]
 
 [project.urls]
 Homepage = "https://github.com/collective/cs_dynamicpages"
@@ -169,3 +174,7 @@ source_pkgs = ["cs_dynamicpages", "tests"]
 branch = true
 parallel = true
 omit = ["src/cs_dynamicpages/locales/*.py"]
+
+
+[tool.zest-releaser]
+python-file-with-version = "src/cs_dynamicpages/__init__.py"