{% 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 xl:flex xl:flex-row md:py-2 lg:py-2"%} {% 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-8 md:mb-0 md:mx-8" %} {% if style %} {% if "center" in style %} {% set row_class = row_class ~ " text-center mx-auto justify-center" %} {% set col_class = col_class ~ " flex-1 m-4 lg:m-0" %} {% endif %} {% if "lean" in style %} {% set row_class = "relative flex flex-col lg:flex-row items-baseline -mx-8 sm:-mx-12 md:-mx-16 lg:-mx-20" %} {% set col_class = "flex-1 m-4 lg:m-0" %} {% endif %} {% if "between" in style %} {% set row_class = row_class ~ " lg:max-w-6xl" %} {% elif "moderate" in style %} {% set row_class = row_class ~ " lg:m-20" %} {% endif %} {% if "narrow" in style %} {% set row_class = row_class ~ " lg:max-w-3xl" %} {% elif "moderate" in style %} {% set row_class = row_class ~ " lg:m-20" %} {% endif %} {% endif %} {% set styles = "" %} {% if bgPath %} {% set styles = "background: url('" ~ bgPath ~ "'); background-size: cover" %} {% set row_class = row_class ~ "w-screen -mx-8 sm:-mx-12 md:-mx-16 lg:-mx-20 lg:py-40 p-8 sm:p-12 md:p-16 lg:p-20" %} {% endif %} {% if bgColor %} {% set styles = "background-color: " ~ bgColor ~ "; background-size: cover" %} {% set row_class = row_class ~ "w-screen -mx-8 sm:-mx-12 md:-mx-16 lg:-mx-20 lg:py-20 p-8 sm:p-12 md:p-16 lg:p-20" %} {% 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 %}