templates/games/jeux.html.twig line 1

Open in your IDE?
  1. {% set section = 'jeux' %}
  2. {% extends 'base.html.twig' %}
  3. {% block title %}Pitch - Joue avec Pitch{% endblock %}
  4. {% block body %}
  5. <div data-controller="jeux" class="games">
  6. {% include '_elements/page-header.html.twig'
  7. with {
  8. breadcrumb: [
  9. { path:'home', label:"Accueil"},
  10. { label: "Joue avec Pitch" }
  11. ],
  12. back: [
  13. { path:'home' }
  14. ]
  15. }
  16. %}
  17. <div class="jeux">
  18. <div class="container">
  19. <div id="header-jeux">
  20. <img src="build/images/games/header-jeux.svg" />
  21. </div>
  22. </div>
  23. <div style="overflow: hidden; position: relative;">
  24. <div class="container-md">
  25. <div class="jeux-grid jeux-push row g-5 justify-content-center" style="padding-top: 2.5em;">
  26. <div class="col-12 text-center">
  27. <a class="jeux-link jeux-new swup-link" href="{{ path('cdm2026') }}" data-swup-color="#262F5A" id="jeu-cdm">
  28. <img src="/build/images/games/vignette-cdm.png" alt="Calendrier des matchs de la Coupe du Monde 2026">
  29. <span>Suis la coupe du monde avec Pitch&nbsp;!</span>
  30. </a>
  31. </div>
  32. </div>
  33. <div class="jeux-grid row g-5 justify-content-center">
  34. <div class="col-12 text-center">
  35. <a class="jeux-link swup-link" href="{{ path('solutions-sac') }}" data-swup-color="#00b7ed" id="jeu-solutions-sac">
  36. <img src="/build/images/games/vignette-solutions-sac.png" alt="Solutions des petits jeux" />
  37. <span>Découvre les solutions des jeux sur ton dépliant</span>
  38. </a>
  39. </div>
  40. <div class="col-12 text-center">
  41. <a class="jeux-link swup-link" href="{{ path('solutions-cdm') }}" data-swup-color="#262f5a" id="jeu-solutions-cdm">
  42. <img src="/build/images/games/vignette-solutions-cdm.png" alt="Solutions des petits jeux" />
  43. <span>Découvre les solutions des jeux sur ton dépliant</span>
  44. </a>
  45. </div>
  46. </div>
  47. <div class="jeux-grid row g-5 justify-content-center">
  48. <div class="col-12 text-center">
  49. <a class="jeux-link swup-link" href="{{ path('souvenirs') }}" data-swup-color="#703d5d" id="jeu-souvenirs">
  50. <img src="/build/images/games/vignette-souvenirs.png" alt="Souvenirs d'enfance" />
  51. <span>Viens fouiller dans le grenier magique et retrouve les souvenirs cachés&nbsp;!</span>
  52. </a>
  53. </div>
  54. <div class="col-12 text-center">
  55. <a class="jeux-link jeux-new swup-link" href="/jeux/tour-du-monde/maroc/jeu" data-swup-color="#457C64" id="jeu-pitchobilles">
  56. <img src="/build/images/games/vignette-pitchobilles.png" alt="Pitcho'billes" />
  57. <span>Guide ton serpent et attrape toutes les billes&nbsp;!</span>
  58. </a>
  59. </div>
  60. </div>
  61. <div class="jeux-grid row g-5 justify-content-center">
  62. <div class="col-12 text-center">
  63. <a class="jeux-link jeux-new swup-link" href="/jeux/tour-du-monde/usa/jeu" data-swup-color="#2252AA" id="jeu-basket">
  64. <img src="/build/images/games/vignette-basket.png" alt="Basket" />
  65. <span>Enchaîne les paniers et bats tous les records&nbsp;!</span>
  66. </a>
  67. </div>
  68. <div class="col-12 text-center">
  69. <a class="jeux-link swup-link" href="{{ path('marathon') }}" data-swup-color="#7AAC34" id="jeu-marathon">
  70. <img src="/build/images/games/vignette-marathon.png" alt="Marathon des jeux" />
  71. <span>Réussis plein de mini-jeux pour gagner la course</span>
  72. </a>
  73. </div>
  74. </div>
  75. <div class="jeux-grid row g-5 justify-content-center">
  76. <div class="col-12 text-center">
  77. <a class="jeux-link swup-link" href="{{ path('tdm') }}" data-swup-color="#e0c5b0" id="jeu-tdm">
  78. <img src="/build/images/games/vignette-tdm.png" alt="Tour du monde rebondissant" />
  79. <span>Prêt pour un tour du monde rebondissant&nbsp;!</span>
  80. </a>
  81. </div>
  82. <div class="col-12 text-center">
  83. <a class="jeux-link swup-link" href="{{ path('petits-sportifs') }}" data-swup-color="#009ce1" id="jeu-petitssportifs">
  84. <img src="/build/images/games/vignette-petitssportifs.png" alt="Petits Sportifs" />
  85. <span>Découvre les sports qui ont été créés en France&nbsp;!</span>
  86. </a>
  87. </div>
  88. </div>
  89. <div class="jeux-grid row g-5 justify-content-center">
  90. <div class="col-12 text-center">
  91. <a class="jeux-link swup-link" href="{{ path('pitchabulaire') }}" data-swup-color="#E0AC7A" id="jeu-pitchabulaire">
  92. <img src="/build/images/games/vignette-pitchabulaire.png" alt="Pitch'abulaire" />
  93. <span>Devine le mot mystère avant que ton Pitch soit dévoré&nbsp;!</span>
  94. </a>
  95. </div>
  96. <div class="col-12 text-center">
  97. <a class="jeux-link swup-link" href="{{ path('attrappitch') }}" data-swup-color="#6BAD05" id="jeu-attrappitch">
  98. <img src="/build/images/games/vignette-attrappitch.png" alt="Attrap'pitch" />
  99. <span>Attrape les ingrédients de la recette Pitch sans te tromper&nbsp;!</span>
  100. </a>
  101. </div>
  102. </div>
  103. <div class="jeux-grid row g-5 justify-content-center">
  104. <div class="col-12 text-center">
  105. <a class="jeux-link swup-link" href="{{ path('papertoys') }}" data-swup-color="#2e3d7a" id="jeu-papertoys">
  106. <img src="/build/images/games/vignette-papertoys.png" alt="Crée ton Pitchos !" />
  107. <span>Crée ton personnage de la tête aux pieds&nbsp;!</span>
  108. </a>
  109. </div>
  110. <div class="col-12 text-center">
  111. <a class="jeux-link swup-link" href="{{ path('pitchos-bavards') }}" data-swup-color="#05baee" id="jeu-pitchosbavards">
  112. <img src="/build/images/games/vignette-pitchosbavards.png" alt="Écoute tes Pitchos Bavards !" />
  113. <span>Découvre les histoires farfelues de tes Pitchos bavards</span>
  114. </a>
  115. </div>
  116. </div>
  117. <div class="jeux-grid row g-5 justify-content-center">
  118. <div class="col-12 text-center">
  119. <a class="jeux-link swup-link" href="{{ path('coloriage') }}" data-swup-color="#96c23f" id="jeu-coloriage">
  120. <img src="/build/images/games/vignette-coloriage.png" alt="Coloriage" />
  121. <span>Fais parler ton âme d’artiste&nbsp;!</span>
  122. </a>
  123. </div>
  124. <div class="col-12 text-center">
  125. <a class="jeux-link swup-link" href="{{ path('memory') }}" data-swup-color="#FF9800" id="jeu-memory">
  126. <img src="/build/images/games/vignette-memory.png" alt="Memory" />
  127. <span>Teste ta mémoire et découvre les ingrédients de ton Pitch&nbsp;!</span>
  128. </a>
  129. </div>
  130. </div>
  131. </div>
  132. </div>
  133. </div>
  134. <!--
  135. <div class="modal fade modal-recup" id="recupModal" tabindex="-1" role="dialog" aria-labelledby="" aria-hidden="true">
  136. <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
  137. <div class="modal-content container">
  138. <div class="row">
  139. <div class="col-12 col-md-4 col-lg-3">
  140. <div id="bg-modal-recup"></div>
  141. </div>
  142. <div class="col-12 col-md-8 col-lg-9">
  143. <div class="modal-header">
  144. <h5 class="modal-title">Plus besoin de compte pour profiter du mémory et des coloriages !</h5>
  145. <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  146. </div>
  147. <div class="modal-body">
  148. <p>Si tu souhaites récupérer les dessins de <strong>ton album</strong> disponibles dans le <strong>compte personnel</strong> ouvert dans le précédent site internet, nous t’invitons à le faire en <a href="https://account.pitch-briochepasquier.fr/" target="_blank">cliquant ici</a>, avant le 15 septembre 2022. Après cette date, ton compte PITCH sera supprimé et son contenu effacé.</p>
  149. </div>
  150. </div>
  151. </div>
  152. </div>
  153. </div>
  154. </div>
  155. -->
  156. </div>
  157. {% endblock %}