templates/la-famille/la-famille.html.twig line 1

Open in your IDE?
  1. {% set section = 'family' %}
  2. {% extends 'base.html.twig' %}
  3. {% block title %}Pitch - Brioche Pasquier{% endblock %}
  4. {% block body %}
  5. <div data-controller="family">
  6. {% include '_elements/page-header.html.twig'
  7. with {
  8. breadcrumb: [
  9. { path:'home', label:"Accueil"},
  10. { label: "Cache-cache Pitch" }
  11. ],
  12. back: [
  13. { path:'home' }
  14. ]
  15. }
  16. %}
  17. <div class="family__layers">
  18. <div class="family__theme family__theme--depth0">
  19. {% include 'la-famille/themes/cache-cache-depth0-summer-01.svg' %}
  20. </div>
  21. <div class="family__theme family__theme--depth1">
  22. {% include 'la-famille/themes/cache-cache-depth1-summer-01.svg' %}
  23. </div>
  24. <div class="family__theme family__theme--depth2">
  25. {% include 'la-famille/themes/cache-cache-depth2-summer-01.svg' %}
  26. </div>
  27. <div class="family__theme family__theme--depth3">
  28. {% include 'la-famille/themes/cache-cache-depth3-summer-01.svg' %}
  29. </div>
  30. <div class="family__theme family__theme--depth4">
  31. {% include 'la-famille/themes/cache-cache-depth4-summer-01.svg' %}
  32. </div>
  33. <div class="family__theme family__theme--depth5">
  34. {% include 'la-famille/themes/cache-cache-depth5-summer-01.svg' %}
  35. </div>
  36. <div class="family__theme family__theme--depth6">
  37. {% include 'la-famille/themes/cache-cache-depth6-summer-01.svg' %}
  38. </div>
  39. <div class="family__theme family__theme--depth7">
  40. {% include 'la-famille/themes/cache-cache-depth7-summer-01.svg' %}
  41. </div>
  42. <div class="family__theme family__theme--depth8">
  43. {% include 'la-famille/themes/cache-cache-depth8-summer-01.svg' %}
  44. </div>
  45. <div class="family__ui">
  46. {% include 'la-famille/themes/ui.svg' %}
  47. </div>
  48. </div>
  49. </div>
  51. <div class="modal fade show modal-family" id="pitchModal" tabindex="-1" role="dialog" aria-labelledby="pitchModalTitle" aria-hidden="true">
  52. <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
  53. <div class="modal-content">
  54. <div class="modal-header pt-3">
  55. <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  56. </div>
  57. <div class="modal-body">
  58. <div class="modal-family__wrapper">
  59. <div class="modal-family__image">
  61. </div>
  62. <div class="modal-family__content">
  63. <div class="modal-family__title">BRAVO !</div>
  64. <div class="modal-family__text">
  65. Tu as trouvé un des Pitch qui compose la famille&nbsp;! Au total, 10 Pitch sont à découvrir dans le décor, à toi de jouer&nbsp;!
  66. </div>
  67. <div class="modal-family__count">
  68. {% include 'la-famille/themes/counter.svg' with { units:1, tens:0} %}
  69. </div>
  70. <div class="modal-family__buttons">
  71. <button class="btn btn--green" data-bs-dismiss="modal">Je continue à jouer&nbsp;!</button>
  72. <a href="la-famille/la-gamme" class="btn btn--pink swup-link">Je découvre toute la famille&nbsp;!</a>
  73. </div>
  74. </div>
  75. </div>
  76. </div>
  77. </div>
  78. </div>
  79. </div>
  81. <div class="modal fade show modal-family" id="pitchModalMobile" tabindex="-1" role="dialog" aria-labelledby="pitchModalMobileTitle" aria-hidden="true">
  82. <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
  83. <div class="modal-content">
  84. <div class="modal-header pt-3">
  85. <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  86. </div>
  87. <div class="modal-body">
  88. <div class="modal-family__wrapper">
  89. <div class="modal-family__image">
  91. </div>
  92. <div class="modal-family__content">
  93. <div class="modal-family__title">BRAVO !</div>
  94. <div class="modal-family__text">
  95. Tu as trouvé tous les Pitch qui composent la famille&nbsp;!
  96. </div>
  97. <div class="modal-family__count">
  98. {% include 'la-famille/themes/counter.svg' with { units:0, tens:1} %}
  99. </div>
  100. <div class="modal-family__buttons">
  101. <button class="btn btn--green" data-bs-dismiss="modal">Recommencer&nbsp;!</button>
  102. <a href="la-famille/la-gamme" class="btn btn--pink swup-link">Je découvre toute la famille&nbsp;!</a>
  103. </div>
  104. </div>
  105. </div>
  106. </div>
  107. </div>
  108. </div>
  109. </div>
  110. {% endblock %}
  112. {% block modals %}
  113. {{ parent() }}
  114. {% endblock %}