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 row g-5 justify-content-center">
  26. <div class="col-12 text-center">
  27. <a class="jeux-link swup-link" href="{{ path('solutions') }}" data-swup-color="#009FE3" id="jeu-solutions">
  28. <img src="/build/images/games/vignette-solutions.png" alt="Solutions des petits jeux" />
  29. <span>Découvre les solutions des jeux sur ton dépliant</span>
  30. </a>
  31. </div>
  32. <div class="col-12 text-center">
  33. <a class="jeux-link jeux-new swup-link" href="{{ path('tdm') }}" data-swup-color="#e0c5b0" id="jeu-tdm">
  34. <img src="/build/images/games/vignette-tdm.png" alt="Tour du monde rebondissant" />
  35. <span>Prêt pour un tour du monde rebondissant&nbsp;!</span>
  36. </a>
  37. </div>
  38. </div>
  39. <div class="jeux-grid row g-5 justify-content-center">
  40. <div class="col-12 text-center">
  41. <a class="jeux-link swup-link" href="{{ path('petits-sportifs') }}" data-swup-color="#009ce1" id="jeu-petitssportifs">
  42. <img src="/build/images/games/vignette-petitssportifs.png" alt="Petits Sportifs" />
  43. <span>Découvre les sports qui ont été créés en France&nbsp;!</span>
  44. </a>
  45. </div>
  46. <div class="col-12 text-center">
  47. <a class="jeux-link swup-link" href="{{ path('pitchos-bavards') }}" data-swup-color="#05baee" id="jeu-pitchosbavards">
  48. <img src="/build/images/games/vignette-pitchosbavards.png" alt="Écoute tes Pitchos Bavards !" />
  49. <span>Découvre les histoires farfelues de tes Pitchos bavards</span>
  50. </a>
  51. </div>
  52. </div>
  53. <div class="jeux-grid row g-5 justify-content-center">
  54. <div class="col-12 text-center">
  55. <a class="jeux-link swup-link" href="{{ path('marathon') }}" data-swup-color="#7AAC34" id="jeu-marathon">
  56. <img src="/build/images/games/vignette-marathon.png" alt="Marathon des jeux" />
  57. <span>Réussis plein de mini-jeux pour gagner la course</span>
  58. </a>
  59. </div>
  60. <div class="col-12 text-center">
  61. <a class="jeux-link swup-link" href="{{ path('pitchabulaire') }}" data-swup-color="#E0AC7A" id="jeu-pitchabulaire">
  62. <img src="/build/images/games/vignette-pitchabulaire.png" alt="Pitch'abulaire" />
  63. <span>Devine le mot mystère avant que ton Pitch soit dévoré&nbsp;!</span>
  64. </a>
  65. </div>
  66. </div>
  67. <div class="jeux-grid row g-5 justify-content-center">
  68. <div class="col-12 text-center">
  69. <a class="jeux-link swup-link" href="{{ path('attrappitch') }}" data-swup-color="#6BAD05" id="jeu-attrappitch">
  70. <img src="/build/images/games/vignette-attrappitch.png" alt="Attrap'pitch" />
  71. <span>Attrape les ingrédients de la recette Pitch sans te tromper&nbsp;!</span>
  72. </a>
  73. </div>
  74. <div class="col-12 text-center">
  75. <a class="jeux-link swup-link" href="{{ path('papertoys') }}" data-swup-color="#2e3d7a" id="jeu-papertoys">
  76. <img src="/build/images/games/vignette-papertoys.png" alt="Crée ton Pitchos !" />
  77. <span>Crée ton personnage de la tête aux pieds&nbsp;!</span>
  78. </a>
  79. </div>
  80. </div>
  81. <div class="jeux-grid row g-5 justify-content-center">
  82. <div class="col-12 text-center">
  83. <a class="jeux-link swup-link" href="{{ path('memory') }}" data-swup-color="#FF9800" id="jeu-memory">
  84. <img src="/build/images/games/vignette-memory.png" alt="Memory" />
  85. <span>Teste ta mémoire et découvre les ingrédients de ton Pitch&nbsp;!</span>
  86. </a>
  87. </div>
  88. <div class="col-12 text-center">
  89. <a class="jeux-link swup-link" href="{{ path('coloriage') }}" data-swup-color="#96c23f" id="jeu-coloriage">
  90. <img src="/build/images/games/vignette-coloriage.png" alt="Coloriage" />
  91. <span>Fais parler ton âme d’artiste&nbsp;!</span>
  92. </a>
  93. </div>
  94. </div>
  95. </div>
  96. </div>
  97. </div>
  98. <!--
  99. <div class="modal fade modal-recup" id="recupModal" tabindex="-1" role="dialog" aria-labelledby="" aria-hidden="true">
  100. <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
  101. <div class="modal-content container">
  102. <div class="row">
  103. <div class="col-12 col-md-4 col-lg-3">
  104. <div id="bg-modal-recup"></div>
  105. </div>
  106. <div class="col-12 col-md-8 col-lg-9">
  107. <div class="modal-header">
  108. <h5 class="modal-title">Plus besoin de compte pour profiter du mémory et des coloriages !</h5>
  109. <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  110. </div>
  111. <div class="modal-body">
  112. <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>
  113. </div>
  114. </div>
  115. </div>
  116. </div>
  117. </div>
  118. </div>
  119. -->
  120. </div>
  121. {% endblock %}