move call to action vars to be scoped

templates/call_to_action.html

@@ -11,16 +11,16 @@
       - text | yes | none
     ... (etc)
 #}-->
-{% if active | default(false) %}
+{% if call_to_action.active | default(false) %}
 <section class="py-5 text-center container">
   <div class="row py-lg-5">
     <div class="col-lg-6 col-md-8 mx-auto">
-      <h1 class="fw-light">{{ header }}</h1>
-      <p class="lead text-body-secondary">{{ lead_text }}</p>
+      <h1 class="fw-light">{{ call_to_action.header }}</h1>
+      <p class="lead text-body-secondary">{{ call_to_action.lead_text }}</p>
 
-      {% if action_buttons %}
+      {% if call_to_action.buttons %}
       <p>
-        {% for button in action_buttons %}
+        {% for button in call_to_action.buttons %}
         <a
           href="{{ button.href | default('#') }}"
           class="btn btn-{{ button.theme | default('primary') }} my-2 d-inline-flex"

test.py

@@ -48,20 +48,22 @@ template_vars = {
         "main_line": "Copyright 2024 Code Fox",
         "extra_lines": ["This is another line", "This is yet another line"],
     },
-    "active": False,
-    "header": "This is a call to action",
-    "lead_text": "Some interesting text for the user",
-    "action_buttons": [
-        {"href": "1"},
-        {"href": "2", "theme": "danger"},
-        {"href": "3", "theme": "warning", "icon": "exclamation-diamond-fill"},
-        {
-            "href": "3",
-            "theme": "warning",
-            "icon": "exclamation-diamond-fill",
-            "text": "some text",
-        },
-    ],
+    "call_to_action": {
+        "active": True,
+        "header": "This is a call to action",
+        "lead_text": "Some interesting text for the user",
+        "buttons": [
+            {"href": "1"},
+            {"href": "2", "theme": "danger"},
+            {"href": "3", "theme": "warning", "icon": "exclamation-diamond-fill"},
+            {
+                "href": "3",
+                "theme": "warning",
+                "icon": "exclamation-diamond-fill",
+                "text": "some text",
+            },
+        ],
+    },
     "gallery_items": [
         {
             "src": "https://files.c0defox.es/Pictures/arctic-fox.jpg",