templates/partials/slides.html.twig line 1

Open in your IDE?
  1. {% if slides|length >0 %}
  2.     {% set i = 2801 %}
  3.     {% set z = 10 %}
  4.     {% for slide in slides %}
  5.         {# @var slide \App\Controller\Objects\SliderItem #}
  6.         <!-- SLIDE  -->
  7.         <li data-index="rs-{{ i }}" data-transition="slidingoverlayhorizontal" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off"  data-easein="default" data-easeout="default" data-masterspeed="default"  data-thumb="assets/plugins/revolution/assets/images/citybg-100x50.jpg"  data-rotate="0"  data-saveperformance="off"  data-title="Slide" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
  8.             <!-- MAIN IMAGE -->
  9.             <img src="{{ slide.picture.small }}"  alt=""  data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
  10.             <!-- LAYERS -->
  11.             {% set z = z+1 %}
  13.             <!-- LAYER NR. 8 -->
  14.             <div class="tp-caption tp-shape tp-shapewrapper "
  15.                  data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
  16.                  data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']"
  17.                  data-width="full"
  18.                  data-height="full"
  19.                  data-whitespace="nowrap"
  21.                  data-type="shape"
  22.                  data-basealign="slide"
  23.                  data-responsive_offset="off"
  24.                  data-responsive="off"
  25.                  data-frames='[{"from":"opacity:0;","speed":1000,"to":"o:1;","delay":0,"ease":"Power4.easeOut"},{"delay":"wait","speed":1000,"to":"opacity:0;","ease":"Power4.easeOut"}]'
  26.                  data-textAlign="['left','left','left','left']"
  27.                  data-paddingtop="[0,0,0,0]"
  28.                  data-paddingright="[0,0,0,0]"
  29.                  data-paddingbottom="[0,0,0,0]"
  30.                  data-paddingleft="[0,0,0,0]"
  32.                  style="z-index: {{ z }};background-color:rgba(0, 0, 0, 0.60);border-color:rgba(0, 0, 0, 0);border-width:0px;"> </div>
  33.             {% set z = z+1 %}
  35.             <!-- LAYER NR. 9 -->
  36.             <div class="tp-caption   tp-resizeme"
  37.                  data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
  38.                  data-y="['middle','middle','middle','middle']" data-voffset="['-150','-150','-150','-130']"
  39.                  data-fontsize="['130','130','100','80']"
  40.                  data-lineheight="['130','130','100','80']"
  41.                  data-width="none"
  42.                  data-height="none"
  43.                  data-whitespace="wrap"
  45.                  data-type="text"
  46.                  data-responsive_offset="on"
  48.                  data-frames='[{"from":"y:50px;sX:1;sY:1;opacity:0;","speed":2500,"to":"o:1;","delay":500,"ease":"Power4.easeOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"}]'
  49.                  data-textAlign="['center','center','center','center']"
  50.                  data-paddingtop="[0,0,0,0]"
  51.                  data-paddingright="[0,0,0,0]"
  52.                  data-paddingbottom="[0,0,0,0]"
  53.                  data-paddingleft="[0,0,0,0]"
  55.                  style="z-index: {{ z }}; white-space: nowrap; font-size: 130px; line-height: 130px; font-weight: 700; color: rgba(255, 255, 255, 1.00);font-family:Arial, Helvetica, sans-serif;background-color:rgba(0, 0, 0, 0);border-width:0px;letter-spacing:-7px;">{{ slide.title|raw }}</div>
  56.             {% set z = z+1 %}
  59.             {% set z = z+1 %}
  61.             <!-- LAYER NR. 11 -->
  62.             <div class="tp-caption   tp-resizeme"
  63.                  data-x="['center','center','center','center']" data-hoffset="['-10','-10','-10','-10']"
  64.                  data-y="['middle','middle','middle','middle']" data-voffset="['150','150','150','100']"
  65.                  data-fontsize="['40','40','30','30']"
  66.                  data-width="['640','640','480','360']"
  67.                  data-height="none"
  68.                  data-whitespace="normal"
  70.                  data-type="text"
  71.                  data-typewriter=""
  72.                  data-responsive_offset="on"
  74.                  data-frames='[{"from":"y:50px;sX:1;sY:1;opacity:0;","speed":2500,"to":"o:1;","delay":500,"ease":"Power4.easeOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"}]'
  75.                  data-textAlign="['center','center','center','center']"
  76.                  data-paddingtop="[0,0,0,0]"
  77.                  data-paddingright="[0,0,0,0]"
  78.                  data-paddingbottom="[0,0,0,0]"
  79.                  data-paddingleft="[0,0,0,0]"
  81.                  style="z-index: {{ z }}; min-width: 640px; max-width: 640px; white-space: normal; font-size: 40px; line-height: 40px; font-weight: 300; color: rgba(255, 255, 255, 1.00);font-family:Roboto, sans-serif;border-width:0px; line-height: 1.2">{{ slide.text }}</div>
  82.             {% set z = z+1 %}
  84.             <!-- LAYER NR. 12 -->
  85.             <div class="tp-caption rev-btn tp-resizeme header-btn"
  86.                  data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
  87.                  data-y="['bottom','bottom','bottom','bottom']" data-voffset="['150','60','40','20']"
  88.                  data-width="none"
  89.                  data-height="none"
  90.                  data-whitespace="nowrap"
  92.                  data-link="{{ slide.link }}"
  93.                  data-type="button"
  94.                  data-responsive_offset="on"
  96.                  data-frames='[{"from":"x:-50px;opacity:0;","speed":2500,"to":"o:1;","delay":500,"ease":"Power4.easeOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"},{"frame":"hover","speed":"150","ease":"Power2.easeInOut","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgba(0, 0, 0, 1.00);bg:rgba(255, 255, 255, 1.00);bc:rgba(255, 255, 255, 0);bw:2px 2px 2px 2px;"}]'
  97.                  data-textAlign="['left','left','left','left']"
  98.                  data-paddingtop="[0,0,0,0]"
  99.                  data-paddingright="[50,50,50,50]"
  100.                  data-paddingbottom="[0,0,0,0]"
  101.                  data-paddingleft="[50,50,50,50]"
  103.                  style="z-index: {{ z }};">VÍCE INFORMACÍ</div>
  104.             {% set z = z+1 %}
  105.         </li>
  106.         <!-- SLIDE  -->
  107.         {% set i = i+1 %}
  108.     {% endfor %}
  109. {% endif %}