There are a few places where these popup cards or similar elements are used but the data inside the popup cards is purely API driven. In most places, these cards are data driven from the templates, though usually have some data patched in from an API response.
To make popup cards optionally API driven:
[ ] The popup card template should be output inline as a template. This only needs to happen once on the page, as the JS can reference the template to embed the rendered template.
[ ] The popup card template shouldn't need to hit the API again, as we are likely working from an existing API response.
[ ] The existing popup card pattern should still remain, and the API driven interface is probably some more like a template parameter, ie {% include 'includes/elements/chip/project.html' template=True %}
There are a few places where these popup cards or similar elements are used but the data inside the popup cards is purely API driven. In most places, these cards are data driven from the templates, though usually have some data patched in from an API response.
To make popup cards optionally API driven:
{% include 'includes/elements/chip/project.html' template=True %}