templates/digitalwandler/DocumentType/successStorieSnipped.html.twig line 1

Open in your IDE?
  1. {% set successStory = pimcore_relation('successStory').getElement() %}
  2. {% if editmode %}
  3. <!doctype html>
  4. <html lang="{{ app.request.locale }}">
  5. <head>
  7.     {% block stylesheets deferred %}
  8.     {{ encore_entry_link_tags('app') }}
  9.     {{ pimcore_head_link() }}
  10.     {% endblock %}
  12. </head>
  13. <body class="bg-black text-white font-sans{% if editmode %} editmode{% endif %}">
  14. <main role="main">
  15.     <div class="text-white bg-black main-content">
  16.         {% endif %}
  17.         {{ pimcore_image("header_image") }}
  19.         <div class="relative max-w-md px-4 mx-auto sm:px-6 lg:px-8 sm:max-w-3xl lg:max-w-7xl">
  21.             {% if editmode %}
  22.                 <span>Set SuccessStory to fill release date:</span>
  23.                 {{ pimcore_relation("successStory",{
  24.                     "types": ["object"],
  25.                     "classes": ["SuccessStories"]
  26.                 }) }}
  27.             {% endif %}
  28.             <span class="block py-4 mt-8">{{ successStory is empty ? "" : successStory.ReleaseDate|date("d.m.Y", "Europe/Berlin") }}</span>
  29.             <h1 class="pl-4 mb-8 -ml-6 text-3xl text-white border-l-8 sm:leading-none xl:text-4xl border-rs-red">
  30.                 <span class="md:block">{{ pimcore_input('headline') }}</span>
  31.             </h1>
  32.             <div class="grid grid-cols-1 text-white sm:grid-cols-12">
  33.                 <div class="col-span-12 mt-10">
  34.                     <h3 class="col-span-2 text-2xl font-bold text-white">
  35.                         <span class="md:block">{{ pimcore_input('subheadline', {placeholder: 'Projektüberblick zusammengefasst' }) }}</span>
  36.                     </h3>
  37.                 </div>
  38.                 <dl class="grid grid-cols-2 col-span-12 gap-4 mt-5 mr-2 sm:col-span-6">
  39.                     <div class="relative flex items-center justify-center p-2 text-center bg-rs-red">
  40.                         <p class="text-lg">
  41.                             <span class="block w-6 h-6 mx-auto text-2xl heroicon heroicon-calander"></span>
  42.                             <span class="mb-1 font-bold leading-6">Projekt Entstehungsdatum</span><br>
  43.                             <span>{{ pimcore_input('project_year') }}</span>
  44.                         </p>
  45.                     </div>
  46.                     <div class="relative flex items-center justify-center p-2 text-center bg-rs-red">
  47.                         <p class="text-lg">
  48.                             <svg class="block w-6 h-6 mx-auto text-white" width="24" height="24" viewBox="0 0 24 24" stroke-width="2.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
  49.                                 <path stroke="none" d="M0 0h24v24H0z" />
  50.                                 <path d="M3.51 15a9 9 0 1 0 2.13-9.36L1 10" />
  51.                                 <polyline points="1 4 1 10 7 10" />
  52.                                 <polyline points="12 7 12 12 15 15" />
  53.                             </svg>
  54.                             <span class="mb-1 font-bold leading-6">Projektdauer</span><br>
  55.                             <span>{{ pimcore_input('project_duration') }}</span>
  56.                         </p>
  57.                     </div>
  58.                     <div class="relative flex items-center justify-center p-2 text-center bg-rs-red">
  59.                         <p class="text-lg">
  60.                             <span class="block w-6 h-6 mx-auto text-2xl heroicon heroicon-store"></span>
  61.                             <span class="mb-1 font-bold leading-6">Branche</span><br>
  62.                             <span>{{ pimcore_input('project_industry') }}</span>
  63.                         </p>
  64.                     </div>
  65.                     <div class="relative flex items-center justify-center p-2 text-center bg-rs-red">
  66.                         <p class="text-lg">
  67.                             <span class="block w-6 h-6 mx-auto text-2xl heroicon heroicon-calander"></span>
  68.                             <span class="mb-1 font-bold leading-6">Technologie-Einsatz</span><br>
  69.                             <span>{{ pimcore_input('project_technology_use') }}</span>
  70.                         </p>
  71.                     </div>
  72.                 </dl>
  73.                 <div></div>
  74.                 <div class="col-span-5">
  75.                     <p class="pl-2 mt-3 text-lg text-white sm:mt-5 sm:text-m lg:text-m xl:text-l">
  76.                         {{ pimcore_textarea('description') }}
  77.                     </p>
  78.                 </div>
  79.             </div>
  80.         </div>
  81.         {{ pimcore_areablock('default_snippet_template_content', toolbox_areablock_config('default_snippet_template_content')) }}
  82.         <div class="">
  83.             <div class="relative max-w-md px-4 py-10 mx-auto text-white bg-rs-red sm:px-6 lg:px-8 sm:max-w-3xl lg:max-w-7xl">
  84.                 <h3 class="text-2xl font-bold">
  85.                     <span class="md:block">Der Nutzen, den wir unseren Kunden verschafft haben</span>
  86.                 </h3>
  87.                 <dl class="mt-8 ">
  88.                     <dd class="flex text-lg text-white">
  89.                         <span class="text-2xl heroicon heroicon-check-circle"></span>
  90.                         <span class="w-full ml-3">{{ pimcore_input('use_one') }}</span>
  91.                     </dd>
  92.                     <dd class="flex text-lg text-white">
  93.                         <span class="text-2xl heroicon heroicon-check-circle"></span>
  94.                         <span class="w-full ml-3">{{ pimcore_input('use_two') }}</span>
  95.                     </dd>
  96.                     {% if editmode or pimcore_input("use_three") != "" %}
  97.                         <dd class="flex text-lg text-white">
  98.                             <span class="text-2xl heroicon heroicon-check-circle"></span>
  99.                             <span class="w-full ml-3">{{ pimcore_input('use_three') }}</span>
  100.                         </dd>
  101.                     {% endif %}
  102.                     {% for i in pimcore_block('usecasesBlock').iterator %}
  103.                         <dd class="flex text-lg text-white">
  104.                             <span class="text-2xl heroicon heroicon-check-circle"></span>
  105.                             <span class="w-full ml-3">{{ pimcore_input('use_x') }}</span>
  106.                         </dd>
  107.                     {% endfor %}
  108.                 </dl>
  109.             </div>
  110.         </div>
  111.         {{ pimcore_areablock('default_snippet_template_content_two', toolbox_areablock_config('default_snippet_template_content_tw')) }}
  112.         {% if editmode %}
  113.     </div>
  114. </main>
  116. {# output scripts added before #}
  117. {% block scripts deferred %}
  118. {{ encore_entry_script_tags('app') }}
  119. {{ pimcore_head_script() }}
  120. {% endblock %}
  121. </body>
  122. </html>
  123. {% endif %}