templates/document/division_page/polygraph.twig line 36

Open in your IDE?
  1. {% extends 'layout/default.html.twig' %}
  3. {% block contentBlock %}
  6. <main class="polygraphPage" style="background-attachment: fixed;background-image: url({{ document.getProperty('template_background_image') ? document.getProperty('template_background_image').getThumbnail('Stoelting_division_bg') }}) ;">
  7.     {% if app.flashes.success is defined %}
  8.         {% include 'Components/success-message.html.twig' with {
  9.                 message: 'Your password is recovered and you are now logged in.'
  10.             }
  11.         %}
  12.     {% endif %}
  13.     <div class="container pt-5 pt-lg-5 pt-md-5">
  14.         <div class="row">
  15.             <div class="col-lg-12 text-center">
  16.                 <div class="light-heading-wysiwyg">
  17.                     {{  pimcore_wysiwyg("homepageHeading", {
  18.                             "height": 100
  19.                         })
  20.                     }}
  21.                 </div>
  22.             </div>
  23.             <div class="col-lg-8 offset-lg-2">
  24.                 <div class="neurosciencePageSubheader text-center">
  25.                         {{  pimcore_wysiwyg("homepageSubHeading", {
  26.                             "height": 50
  27.                         })
  28.                     }}
  29.                 </div>
  30.             </div>
  31.         </div>
  32.     </div>
  33.     <div class="container polygraphPage-container">
  34.         <div class="row mt-5 mt-lg-5 mt-md-5">
  35.             <div class="col-lg-4 col-md-6 order-md-2 order-lg-1 col-sm-12">
  36.                 <a href="{{  editmode ? 'javascript:;' : pimcore_link('categoryCricle-link-1').getHref() }}" class="d-flex flex-column align-items-lg-end align-items-center">
  37.                     <div class="categoryCircles__circle">
  38.                         <div class="w-100 h-100 big-circle-hover"></div>
  39.                         <div class="categoryCircles__circleContent">
  40.                             {% if editmode %}
  41.                                 {{ pimcore_image('categoryCircle-1') }}
  42.                                 <div class="categoryCircles__circleLinkEdit">
  43.                                     {{ pimcore_link('categoryCricle-link-1') }}
  44.                                 </div>
  45.                             {% else %}
  46.                                 <div class="categoryCircles__circleImage">
  47.                                     <img src="{{ pimcore_image('categoryCircle-1').getThumbnail('Stoelting_neuroscience_circle') }}" alt="{{ pimcore_image('categoryCircle-1').getAlt() }}" title="{{ pimcore_image('categoryCircle-1').getAlt() }}">
  48.                                 </div>
  49.                             {% endif %}
  51.                             <span class="categoryCircles__circle__divider"></span>
  52.                             <h4 class="text-navyBlue font-weight-light font-italic mb-0">
  53.                                 {{ pimcore_input('categoryCircle-1__heading',{placeholder: " Text "}) }}
  54.                             </h4>
  55.                         </div>
  56.                     </div>
  57.                 </a>
  58.             </div>
  59.             <div class="col-lg-4 col-md-12 order-md-1 order-lg-2 col-sm-12 d-flex flex-column align-items-center">
  60.                 <a href="{{  editmode ? 'javascript:;' : pimcore_link('categoryCircles__circle--middle-link').getHref() }}" class="d-flex flex-column align-items-center">
  61.                     <div class="categoryCircles__circle categoryCircles__circle--middle">
  62.                         <div class="w-100 h-100 big-circle-hover"></div>
  63.                         <div class="categoryCircles__circleContent">
  64.                             {% if editmode %}
  65.                                 {{ pimcore_image('categoryCircles__circle--middle') }}
  66.                                 <div class="categoryCircles__circleLinkEdit">
  67.                                     {{ pimcore_link('categoryCircles__circle--middle-link') }}
  68.                                 </div>
  69.                             {% else %}
  70.                                 <div class="categoryCircles__circleImage">
  71.                                     <img src="{{ pimcore_image('categoryCircles__circle--middle').getThumbnail('Stoelting_neuroscience_circle') }}" alt="{{ pimcore_image('categoryCircles__circle--middle').getAlt() }}" title="{{ pimcore_image('categoryCircles__circle--middle').getAlt() }}">
  72.                                 </div>
  73.                             {% endif %}
  75.                             <span class="categoryCircles__circle__divider"></span>
  76.                             <h4 class="text-navyBlue font-weight-light font-italic mb-0">{{ pimcore_input('categoryCircles__circle--middle__heading',{placeholder: " Text "}) }}</h4>
  77.                             <a href="{{ editmode ? 'javascript:;' : pimcore_link('categoryCircles__circle--middle__subCircle-link').getHref() }}">
  78.                                 <div class="bg-linkWater categoryCircles__circle categoryCircles__circle--middle__subCircle d-flex flex-columng align-items-center justify-content-center">
  79.                                     {% if editmode %}
  81.                                         <div class="categoryCircles__circleLinkEdit">
  82.                                             {{ pimcore_link('categoryCircles__circle--middle__subCircle-link') }}
  83.                                         </div>
  85.                                     {% endif %}
  86.                                     <h4 class="text-navyBlue font-weight-light font-italic mb-0">
  87.                                         {{ pimcore_input('categoryCircles__circle--middle__subCircle',{placeholder: " Text "}) }}
  88.                                     </h4>
  89.                                 </div>
  90.                             </a>
  91.                             <a href="{{ editmode ? 'javascript:;' : pimcore_link('categoryCircles__circle--middle__subCircle-link-2').getHref() }}">
  92.                                 <div class="bg-linkWater categoryCircles__circle categoryCircles__circle--middle__subCircle-2 d-flex flex-columng align-items-center justify-content-center">
  93.                                     {% if editmode %}
  95.                                         <div class="categoryCircles__circleLinkEdit">
  96.                                             {{ pimcore_link('categoryCircles__circle--middle__subCircle-link-2') }}
  97.                                         </div>
  99.                                     {% endif %}
  100.                                     <h4 class="text-navyBlue font-weight-light font-italic mb-0">
  101.                                         {{ pimcore_input('categoryCircles__circle--middle__subCircle-2',{placeholder: " Text "}) }}
  102.                                     </h4>
  103.                                 </div>
  104.                             </a>
  105.                             <a href="{{ editmode ? 'javascript:;' : pimcore_link('categoryCircles__circle--middle__subCircle-link-3').getHref() }}">
  106.                                 <div class="bg-linkWater categoryCircles__circle categoryCircles__circle--middle__subCircle-3 d-flex flex-columng align-items-center justify-content-center">
  107.                                     {% if editmode %}
  109.                                         <div class="categoryCircles__circleLinkEdit">
  110.                                             {{ pimcore_link('categoryCircles__circle--middle__subCircle-link-3') }}
  111.                                         </div>
  113.                                     {% endif %}
  114.                                     <h4 class="text-navyBlue font-weight-light font-italic mb-0">
  115.                                         {{ pimcore_input('categoryCircles__circle--middle__subCircle-3',{placeholder: " Text "}) }}
  116.                                     </h4>
  117.                                 </div>
  118.                             </a>
  119.                         </div>
  120.                     </div>
  121.                 </a>
  122.             </div>
  123.             <div class="col-lg-4 col-md-6 order-md-3 order-lg-3 col-sm-12">
  124.                 <a href="{{  editmode ? 'javascript:;' : pimcore_link('categoryCricle-link-3').getHref() }}" class="d-flex flex-column align-items-lg-start align-items-center">
  125.                     <div class="categoryCircles__circle">
  126.                         <div class="w-100 h-100 big-circle-hover"></div>
  127.                         <div class="categoryCircles__circleContent">
  128.                             {% if editmode %}
  129.                                 {{ pimcore_image('categoryCircle-3') }}
  130.                                 <div class="categoryCircles__circleLinkEdit">
  131.                                     {{ pimcore_link('categoryCricle-link-3') }}
  132.                                 </div>
  133.                             {% else %}
  134.                                 <div class="categoryCircles__circleImage">
  135.                                     <img src="{{ pimcore_image('categoryCircle-3').getThumbnail('Stoelting_neuroscience_circle') }}" alt="{{ pimcore_image('categoryCircle-3').getAlt() }}" title="{{ pimcore_image('categoryCircle-3').getAlt() }}">
  136.                                 </div>
  137.                             {% endif %}
  139.                             <span class="categoryCircles__circle__divider"></span>
  140.                             <h4 class="text-navyBlue font-weight-light font-italic mb-0">
  141.                                 {{ pimcore_input('categoryCircle-3__heading',{placeholder: " Text "}) }}
  142.                             </h4>
  143.                         </div>
  144.                     </div>
  145.                 </a>
  146.             </div>
  147.         </div>
  148.     </div>
  149. </main>
  151. {% endblock %}