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