templates/page/index.html.twig line 1

  1. {% import "macros/contact.html.twig" as contactMacro %}
  2. {% import "macros/donate.html.twig" as donateMacro %}
  3. {% import "macros/partypillar.html.twig" as partypillarMacro %}
  4. {% import "macros/helpdesk.html.twig" as helpdeskMacro %}
  6. {% extends 'base.html.twig' %}
  7. {% block title %}
  8.   {{ page.title|capitalize }}
  9. {% endblock %}
  11. {% block body %}
  12.   {% if page.title != 'contact' and page.title != 'donate' and page.title != 'Party Pillar' and page.title != 'Help Desk' %}
  13.     <section
  14.       class="banner lg:py-32 py-24 bg-neutral-900 bg-center bg-cover bg-no-repeat bg-blend-overlay"
  15.     >
  16.       <div class="mx-auto md:max-w-3xl text-center">
  17.         <h1 class="lg:text-5xl text-3xl !leading-relaxed font-semibold text-white capitalize">
  18.           {{ page.title|replace({'-': ' '}) }}
  19.         </h1>
  20.       </div>
  21.     </section>
  23.     <article
  24.       class="
  25.         content
  26.         prose
  27.         lg:prose-lg
  28.         mx-auto
  29.         py-24
  30.         lg:px-0
  31.         px-6 
  32.         {% if page.urlTitle == 'contact' %}
  33.         lg:max-w-6xl
  34.         {% endif %}
  35.         max-w-4xl
  36.         prose-neutral
  37.         prose-img:object-cover
  38.         prose-img:object-center
  39.         prose-img:mt-6
  40.         prose-a:text-brand
  41.         prose-p:md:leading-9
  42.         prose-li:md:text-base
  43.         prose-li:text-base
  44.         prose-li:leading-7
  45.         prose-li:md:leading-9
  46.         prose-p:text-base
  47.         prose-p:leading-7
  48.         prose-p:font-normal
  49.         prose-table:md:max-w-md
  50.         prose-table:border
  51.         prose-table:border-neutral-200
  52.         prose-td:p-2
  53.         prose-h4:leading-relaxed
  54.         prose-h4:mb-2
  55.       "
  56.     >
  57.       {% apply markdown_to_html %}
  58.         {{ page.body| raw }}
  59.       {% endapply %}
  60.     </article>
  61.   {% elseif page.title == 'Party Pillar' %}
  62.     {{ partypillarMacro.renderPartypillarComponent() }}
  63.   {% elseif page.title == 'Help Desk' %}
  64.     {{ helpdeskMacro.renderHelpdeskComponent() }}
  65.   {% elseif page.title == 'contact' %}
  66.     {{ contactMacro.renderContactComponent() }}
  67.   {% else %}
  68.     {{ donateMacro.renderDonatePage(uploadForm) }}
  69.   {% endif %}
  72. <script>
  73.   const banner = document.querySelector('.banner')
  74.   const firstImage = document.querySelector('.content').querySelector('img')
  75.   const defaultBanner = "{{ asset('/images/composition-5.svg') }}"
  76.   if (firstImage.src) {
  77.     banner.style.backgroundImage = `url('${firstImage?.src}')`
  78.   } else {
  79.     banner.style.backgroundImage = `url('${defaultBanner}')`
  80.   }
  81. </script>
  82. {% endblock %}