templates/components/PageMainContent.html.twig line 1

Open in your IDE?
  1. {% set imageSrc = null %}
  2. {% if image is not null %}
  3. {% set imageSrc = image %}
  4. {% endif %}
  5. {% if not center %}
  6. {% set containerClasses = 'container flex flex-wrap lg:flex-nowrap gap-8 justify-between' %}
  7. {% set contentClasses = 'w-full lg:w-7/12' %}
  8. {% set content2Classes = 'w-full lg:w-4/12' %}
  9. {% if imageSrc is not null %}
  10. {% set containerClasses = 'container flex flex-wrap lg:flex-nowrap gap-8 items-center justify-between' %}
  11. {% set contentClasses = 'w-full lg:w-1/2' %}
  12. {% set content2Classes = 'w-full lg:w-1/2' %}
  13. {% endif %}
  14. {% else %}
  15. {% set containerClasses = 'container' %}
  16. {% set contentClasses = 'w-full' %}
  17. {% endif %}
  18. <section class="{{ center ? 'page-main-content page-main-content--center' : 'page-main-content' }} {{ theme == 'purple' ? 'page-main-content--purple' : '' }}">
  19. <div class="{{ containerClasses }}">
  20. {% if imageSrc is not null %}
  21. <div class="page-main-content__image w-full lg:w-5/12">
  22. <div class="page-main-content__image-container">
  23. <img
  24. src="{{ imageCache(imageSrc, 'cropResize', 1500, 1000) }}"
  25. alt="Hero Image"
  26. loading="lazy"
  27. >
  28. {% if theme != 'purple' %}
  29. <img
  30. class="pointer-events-none"
  31. src="{{ asset("build/images/gradient-pill-landscape.svg") }}"
  32. role="presentation"
  33. loading="lazy"
  34. >
  35. {% endif %}
  36. </div>
  37. </div>
  38. {% endif %}
  39. {% if block('content') %}
  40. <div class="page-main-content__text {{ contentClasses }}">
  41. {% block content %}{% endblock %}
  42. {% if block('buttons') %}
  43. <div class="page-main-content__buttons">
  44. {% block buttons %}{% endblock %}
  45. </div>
  46. {% endif %}
  47. </div>
  48. {% endif %}
  49. {% if block('content2') and imageSrc is null %}
  50. <div class="page-main-content__text {{ content2Classes }}">
  51. {% block content2 %}{% endblock %}
  52. </div>
  53. {% endif %}
  54. </div>
  55. </section>