{% set columns = body | safe | markdown | split(pat="|||") %} {% set row_class = "relative pt-12 flex flex-col sm:grid sm:grid-cols-2 sm:gap-10 md:flex md:flex-row md:py-4 lg:py-8"%} {% if 2 < columns | length %} {% set row_class = row_class ~ " lg:items-start" %} {% else %} {% set row_class = row_class ~ " lg:items-center" %} {% endif %} {% set col_class = "flex-1 mb-20 lg:mb-0 " %} {% if style %} {% if "center" in style %} {% set row_class = row_class ~ " text-center items-center mx-auto justify-center " %} {% set col_class = col_class ~ " flex-1 " %} {% endif %} {% if "lean" in style %} {% if "lean-left" in style %} {% set col_class = col_class ~ " last:px-20 max-w-[50%] " %} {% set row_class = row_class ~ " sm:gap-0 " %} {% elif "lean-right" in style %} {% set col_class = col_class ~ " first:px-20 max-w-[50%] " %} {% set row_class = row_class ~ " sm:gap-0 " %} {% else %} {% set row_class = row_class ~ " md:py-0 " %} {% set col_class = col_class ~ " lg:m-0" %} {% endif %} {% else %} {% set row_class = row_class ~ " mx-8" %} {% set col_class = col_class ~ " lg:mx-8 " %} {% endif %} {% if "between" in style %} {% set row_class = row_class ~ " lg:max-w-6xl " %} {% elif "moderate" in style %} {% set row_class = row_class ~ " lg:mx-20 " %} {% endif %} {% if "narrow" in style %} {% set row_class = row_class ~ " lg:max-w-3xl " %} {% elif "tight" in style %} {% set row_class = row_class ~ " lg:max-w-sm " %} {% elif "moderate" in style %} {% set row_class = row_class ~ " lg:mx-20 " %} {% endif %} {% if "invert-color" in style %} {% set row_class = row_class ~ " text-white " %} {% endif %} {% else %} {% set row_class = row_class ~ " mx-12 " %} {% endif %} {% set anchor_link = ""%} {% if anchor %} {% set anchor_link = anchor %} {% endif %} {% set styles = "" %} {% if bgPath %} {% set styles = "background: url('" ~ bgPath ~ "'); background-size: cover;" %} {% endif %} {% if bgStyle %} {% set styles = "background: url('" ~ bgPath ~ "'); background-size: cover; height: -webkit-fill-available" %} {% endif %} {% if bgColor %} {% set styles = "background-color: " ~ bgColor ~ "; background-size: cover" %} {% set row_class = row_class ~ " py-0 " %} {% endif %}
{% for column in columns%} {% if column | as_str | length < 10 %} {% else %}
{% if "{% mermaid() %}" in column %} {% set mermaid_section = column | safe | markdown | split(pat="{% mermaid() %}") %} {% set mermaid_content = mermaid_section[1] | striptags | replace(from="–", to="--")%}
{{mermaid_content | safe }}
{% else %} {{ column | safe }} {% endif %}
{% endif %} {% endfor %}