templates/content/includes/case-study-carousel.html.twig line 1

Open in your IDE?
  1. <section class="section top-bottom-padding case-studies bg-color--dark">
  2.     <div class="inner bottom-margin-2em">
  3.         <h2 class="h2--lg">{% if blogPost is defined %}Torq&#8217;s Case Studies{% else %}More Case Studies{% endif %}</h2>
  4.     </div>
  5.     <div data-aos="swipe-right" class="horizontal-overflow position-relative">
  6.         <div class="inner">
  7.             <div class="row">
  8.             {% set caseStudies = app_case_studies_get() %}
  9.             {% if caseStudies and caseStudies|length > 0 %}
  10.             {% for caseStudy in caseStudies %}
  11.             {% set caseStudyLink = caseStudy['slug'] %}
  12.             {% set currentPath = path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) %}
  13.             {% set caseStudyPath = '/case-studies/' ~ caseStudyLink %}
  14.             {% if currentPath is not same as caseStudyPath %}
  15.                 <div class="col col-lg-6 col-md-6 col-sm-6 col-xs-12 case-studies">
  16.                     <a href="{{ caseStudyPath }}" class="card-link">
  17.                         
  18.                         <div class="card--inner">
  19.                             <div class="row no-gutter">
  20.                                 <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
  21.                                     <div class="feat-img-container">
  22.                                     {% set caseStudyImage = caseStudy['featuredImage'] %}
  23.                                     {% if caseStudyImage is empty %}
  24.                                     {{ source("@torq_static/img/backgrounds/placeholder-image.svg") }}
  25.                                     {% else %}
  26.                                     <!-- TODO convert this to be a thumbnail so we aren't loading the original image -->
  27.                                     <img src="{{ caseStudyImage }}" class="img--object-cover" />
  28.                                     {% endif %}
  29.                                     </div>
  30.                                 </div>
  31.                                 <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8">
  32.                                     <div class="padding-2em">
  33.                                     <div class="position-relative card-content-container">
  34.                                         <div class="absolute-top-right">
  35.                                         {{ source("@torq_static/img/icons/arrow-right.svg") }}
  36.                                         </div>
  37.                                         {# <div class="tag">
  38.                                             <p>Case study</p>
  39.                                         </div> #}
  40.                                         {% if caseStudy['solutions'] %}
  41.                                         <div class="tags">
  42.                                             <i class="fa fa-tag"></i> {{ caseStudy['solutions']|join(', ') }}
  43.                                         </div>
  44.                                         {% endif %}
  45.                                         <h3{% if not caseStudy['solutions'] %} style="max-width: calc(100% - 60px);"{% endif %}>{{ caseStudy['title'] }}</h3>
  46.                                         {% if caseStudy['description'] %}
  47.                                         <p>{{ caseStudy['description'] }}</p>
  48.                                         {% endif %}
  49.                                     </div>
  50.                                     </div>
  51.                                 </div>
  52.                             </div>
  53.                         </div>
  54.                     </a> 
  55.                 </div>
  56.             {% endif %}
  57.             {% endfor %}
  58.             {% endif %}
  59.             </div>
  60.         </div>
  61.     </div>
  62. </section>