templates/includes/cards/default.html.twig line 1

Open in your IDE?
  1. {% set page = project.page() %}
  2. {% set mod = 1 %}
  3. {% set sector = project.sectors | first %}
  4. {% set image = project.visuals.current() %}
  6. {% if labelOverride is defined and labelOverride is not empty %}
  7.     {% set customLabel = labelOverride %}
  8. {% else %}
  9.     {% set customLabel = null %}
  10. {% endif %}
  12. <div
  13.     class="block col-span-12 transition duration-300 bg-white hover:text-blue relative rounded overflow-hidden {{ class ?? '' }}">
  14.     <a
  15.         href="{{ page ? (page.url | trimUrl) : '' }}"
  16.         class="relative"
  17.     >
  18.         {% if image %}
  19.             {{ image.getThumbnail('project-card').html({
  20.                 pictureAttributes: {class: 'block overflow-hidden'},
  21.                 imgAttributes: {class: 'w-full'},
  22.             })|raw }}
  23.         {% endif %}
  25.         {% if customLabel is not empty %}
  26.             {% include 'includes/cards/partials/label.html.twig' with {
  27.                 label: customLabel,
  28.                 position: 'absolute top-6 right-6'
  29.             } %}
  30.         {% elseif sector is defined and sector %}
  31.             {% set icon = sector.icon %}
  33.             {% include 'includes/cards/partials/label.html.twig' with {
  34.                 label: sector.branchename,
  35.                 labelIcon: icon,
  36.                 position: 'absolute top-6 right-6'
  37.             } %}
  38.         {% endif %}
  40.     </a>
  41.     <div class="p-6">
  42.         <a href="{{ page ? (page.url | trimUrl) : '' }}">
  43.             <h3 class="text-xl">
  44.                 {{ project.title }}
  45.             </h3>
  46.             <p class="mb-3">
  47.                 {{ (project.meta_description ?: (project.webdesq_content|striptags|slice(0, 44) ~ '...'))|raw }}
  48.             </p>
  49.             <div class="flex justify-end pt-8">
  50.                 <span
  51.                     class=" absolute right-6 bottom-6 flex items-center justify-center w-8 h-8 ml-3 transition-all bg-white rounded-full text-blue border-2 border-blue group-hover:bg-blue group-hover:text-white">
  52.                     <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14"
  53.                          height="10" viewBox="0 0 15.5857104 11.2450309" version="1.1">
  54.                         <g stroke="none" stroke-width="1" fill="none"
  55.                            fill-rule="evenodd">
  56.                             <g transform="translate(-895.000000, -698.366712)"
  57.                                fill="#0072BB">
  58.                                 <g id="img+text" transform="translate(0.000000, 174.000000)">
  59.                                     <g id="Group-13" transform="translate(316.000000, 80.000000)">
  60.                                         <g id="Group-10" transform="translate(0.000000, 395.000000)">
  61.                                             <g id="Group-5" transform="translate(562.000000, 30.000000)">
  62.                                                 <g id="icons/ui/arrow-line-right"
  63.                                                    transform="translate(17.000000, 19.000000)">
  64.                                                     <path
  65.                                                         d="M15.1058206,5.09504853 L3.39640583,5.09504853 L3.39640583,5.09504853 L6.61428562,1.8778871 C6.96000795,1.53224195 6.96007051,0.971777868 6.61442536,0.626055538 C6.61440207,0.626032244 6.61437878,0.626008952 6.61435549,0.625985661 C6.26865793,0.280288095 5.70817143,0.280288095 5.36247386,0.625985661 C5.36245892,0.62600061 5.36244397,0.626015558 5.36242902,0.626030508 L0.70705612,5.28207051 C0.316700705,5.67268453 0.316700705,6.30577137 0.70705612,6.69638539 L5.36242902,11.3524254 C5.70810182,11.6981477 6.26858831,11.6981879 6.61431065,11.3525151 C6.6143256,11.3525001 6.61434055,11.3524852 6.61435549,11.3524702 C6.96003924,11.0067865 6.96003924,10.4463224 6.61435549,10.1006387 C6.6143322,10.1006154 6.61430891,10.1005921 6.61428562,10.1005688 L3.39640583,6.88340737 L3.39640583,6.88340737 L15.1058206,6.88340737 C15.5996622,6.88340737 16,6.48306961 16,5.98922795 C16,5.49538629 15.5996622,5.09504853 15.1058206,5.09504853 Z"
  66.                                                         id="arrow-line-right"
  67.                                                         transform="translate(8.000000, 5.989228) scale(-1, 1) translate(-8.000000, -5.989228) "/>
  68.                                                 </g>
  69.                                             </g>
  70.                                         </g>
  71.                                     </g>
  72.                                 </g>
  73.                             </g>
  74.                         </g>
  75.                     </svg>
  76.                 </span>
  77.             </div>
  78.         </a>
  79.     </div>
  80. </div>