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>
+      <h1 class="fw-light">{{ call_to_action.header }}</h1>
-      <p class="lead text-body-secondary">{{ lead_text }}</p>
+      <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,10 +48,11 @@ template_vars = {
         "main_line": "Copyright 2024 Code Fox",
         "extra_lines": ["This is another line", "This is yet another line"],
     },
-    "active": False,
+    "call_to_action": {
+        "active": True,
         "header": "This is a call to action",
         "lead_text": "Some interesting text for the user",
-    "action_buttons": [
+        "buttons": [
             {"href": "1"},
             {"href": "2", "theme": "danger"},
             {"href": "3", "theme": "warning", "icon": "exclamation-diamond-fill"},
@@ -62,6 +63,7 @@ template_vars = {
                 "text": "some text",
             },
         ],
+    },
     "gallery_items": [
         {
             "src": "https://files.c0defox.es/Pictures/arctic-fox.jpg",