templates/la-fabrique/savoir-faire.html.twig line 1

Open in your IDE?
  1. {% set section = 'knowledge' %}
  2. {% extends 'base.html.twig' %}
  3. {% block title %}Pitch - Brioche Pasquier{% endblock %}
  4. {% block body %}
  5. <div data-controller="knowledge">
  6. {% include '_elements/page-header.html.twig'
  7. with {
  8. breadcrumb: [
  9. { path:'home', label:"Accueil"},
  10. { path:'factory', label:"La fabrique"},
  11. { label: "Prépare ton Pitch" }
  12. ],
  13. back: [
  14. { path:'factory' }
  15. ]
  16. }
  17. %}
  18. <div class="knowledge__layers">
  19. <div class="knowledge__background">
  20. {% include 'la-fabrique/savoir-faire/background.svg' %}
  21. </div>
  22. <div class="knowledge__theme">
  23. {% include 'la-fabrique/savoir-faire/theme.svg' %}
  24. </div>
  25. <div class="knowledge__ui">
  26. <div class="js-swiper">
  27. <div class="knowledge__slider">
  28. <div class="swiper">
  29. <div class="swiper-wrapper">
  30. <div class="swiper-slide">
  31. <div class="pitch-chooser-item">
  32. <div class="knowledge__ui1" data-width="1600">
  33. <div id="drop-target"></div>
  34. {% include 'la-fabrique/savoir-faire/ui1.svg' %}
  35. </div>
  36. <div class="knowledge__ux1" data-width="1600">
  37. {% include 'la-fabrique/savoir-faire/ux2.svg' %}
  38. <ul class="knowledge__ingredients">
  39. <li class="knowledge__ingredient knowledge__ingredient--1">
  40. <div id="drag-ingredient1">
  41. {% include '_elements/image.html.twig'
  42. with {src: "/build/images/la-fabrique/savoir-faire/levure.svg", mode: "height", lazy:true} %}
  43. </div>
  44. </li>
  45. <li class="knowledge__ingredient knowledge__ingredient--2">
  46. <div id="drag-ingredient2">
  47. {% include '_elements/image.html.twig'
  48. with {src: "/build/images/la-fabrique/savoir-faire/sel.svg", mode: "height", lazy:true} %}
  49. </div>
  50. </li>
  51. <li class="knowledge__ingredient knowledge__ingredient--3">
  52. <div id="drag-ingredient3">
  53. {% include '_elements/image.html.twig'
  54. with {src: "/build/images/la-fabrique/savoir-faire/farine.svg", mode: "height", lazy:true} %}
  55. </div>
  56. </li>
  57. <li class="knowledge__ingredient knowledge__ingredient--4">
  58. <div id="drag-ingredient4">
  59. {% include '_elements/image.html.twig'
  60. with {src: "/build/images/la-fabrique/savoir-faire/sucre.svg", mode: "height", lazy:true} %}
  61. </div>
  62. </li>
  63. <li class="knowledge__ingredient knowledge__ingredient--5">
  64. <div id="drag-ingredient5">
  65. {% include '_elements/image.html.twig'
  66. with {src: "/build/images/la-fabrique/savoir-faire/oeuf.svg", mode: "height", lazy:true} %}
  67. </div>
  68. </li>
  69. <li class="knowledge__ingredient knowledge__ingredient--6">
  70. <div id="drag-ingredient6">
  71. {% include '_elements/image.html.twig'
  72. with {src: "/build/images/la-fabrique/savoir-faire/eau.svg", mode: "height", lazy:true} %}
  73. </div>
  74. </li>
  75. <li class="knowledge__ingredient knowledge__ingredient--7">
  76. <div id="drag-ingredient7">
  77. {% include '_elements/image.html.twig'
  78. with {src: "/build/images/la-fabrique/savoir-faire/levain.svg", mode: "height", lazy:true} %}
  79. </div>
  80. </li>
  81. <li class="knowledge__ingredient knowledge__ingredient--8">
  82. <div id="drag-ingredient8">
  83. {% include '_elements/image.html.twig'
  84. with {src: "/build/images/la-fabrique/savoir-faire/beurre.svg", mode: "height", lazy:true} %}
  85. </div>
  86. </li>
  87. </ul>
  88. {% include 'la-fabrique/savoir-faire/ux1.svg' %}
  89. </div>
  90. </div>
  91. </div>
  92. <div class="swiper-slide">
  93. <div class="pitch-chooser-item">
  94. <div class="knowledge__ui2" data-width="1600" data-x="795" data-y="572">
  95. {% include 'la-fabrique/savoir-faire/ui2.svg' %}
  96. </div>
  97. <div id="drag-spoon" class="knowledge__ux2">
  98. {% include 'la-fabrique/savoir-faire/ux3.svg' %}
  99. </div>
  100. <div class="knowledge__ux3">
  101. {% include 'la-fabrique/savoir-faire/ux4.svg' %}
  102. </div>
  103. </div>
  104. </div>
  105. <div class="swiper-slide">
  106. <div class="pitch-chooser-item">
  107. <div class="knowledge__ui3" data-width="1600">
  108. {% include 'la-fabrique/savoir-faire/ui3.svg' %}
  109. </div>
  110. </div>
  111. </div>
  112. <div class="swiper-slide">
  113. <div class="pitch-chooser-item">
  114. <div class="knowledge__ui4" data-width="1600">
  115. {% include 'la-fabrique/savoir-faire/ui4.svg' %}
  116. </div>
  117. </div>
  118. </div>
  119. <div class="swiper-slide">
  120. <div class="pitch-chooser-item">
  121. <div class="knowledge__ui5" data-width="1600">
  122. {% include 'la-fabrique/savoir-faire/ui5.svg' %}
  123. </div>
  124. </div>
  125. </div>
  126. <div class="swiper-slide">
  127. <div class="pitch-chooser-item">
  128. <div class="knowledge__ui6" data-width="1600">
  129. {% include 'la-fabrique/savoir-faire/ui6.svg' %}
  130. </div>
  131. </div>
  132. </div>
  133. <div class="swiper-slide">
  134. <div class="pitch-chooser-item">
  135. <div class="knowledge__ui7" data-width="1600">
  136. {% include 'la-fabrique/savoir-faire/ui7.svg' %}
  137. </div>
  138. </div>
  139. </div>
  140. </div>
  141. </div>
  142. {# <div class="healthy__slider-button healthy__slider-button--prev js-swiper-button-prev"></div>
  143. <div class="healthy__slider-button healthy__slider-button--next js-swiper-button-next"></div> #}
  144. </div>
  145. </div>
  146. </div>
  147. </div>
  148. </div>
  149. {% endblock %}