templates/games/tdm/australie-jeu.html.twig line 1

Open in your IDE?
  1. {% set section = 'tdm' %}
  2. {% extends 'base.html.twig' %}
  3. {% block title %}Pitch - Tour du monde rebondissant - Australie{% endblock %}
  4. {% block body %}
  5. <div data-controller="tdm-pays">
  6. <div id="nav-header" class="nav-header">
  7. <div class="nav-header__breadcrumb">
  8. <nav aria-label="breadcrumb">
  9. <ol class="breadcrumb">
  10. <li class="breadcrumb-item"><a href="{{ path('tdm') }}" class="swup-link">Tour du monde rebondissant</a></li>
  11. <li class="breadcrumb-item"><a href="/jeux/tour-du-monde/australie" class="swup-link" data-swup-color="#0A2065">Australie</a></li>
  12. <li class="breadcrumb-item active" aria-current="page">Memory</li>
  13. </ol>
  14. </nav>
  15. </div>
  16. </div>
  17. <div id="tdm-pays">
  18. <div id="tdm-game" class="australie">
  19. <a href="/jeux/tour-du-monde/australie" class="tdm-game-back swup-link" data-swup-color="#C02E35"></a>
  20. <div id="tdm-memory">
  21. <h2>Memory</h2>
  22. <div id="tdm-memory-container">
  23. <section class="memory-game">
  24. <div class="memory-card" data-serie="1">
  25. <img class="front-face" src="/build/images/tdm/australie/carte-1.svg" />
  26. <img class="back-face" src="/build/images/tdm/australie/carte-dos.svg" />
  27. </div>
  28. <div class="memory-card" data-serie="1">
  29. <img class="front-face" src="/build/images/tdm/australie/carte-1.svg" />
  30. <img class="back-face" src="/build/images/tdm/australie/carte-dos.svg" />
  31. </div>
  32. <div class="memory-card" data-serie="2">
  33. <img class="front-face" src="/build/images/tdm/australie/carte-2.svg" />
  34. <img class="back-face" src="/build/images/tdm/australie/carte-dos.svg" />
  35. </div>
  36. <div class="memory-card" data-serie="2">
  37. <img class="front-face" src="/build/images/tdm/australie/carte-2.svg" />
  38. <img class="back-face" src="/build/images/tdm/australie/carte-dos.svg" />
  39. </div>
  40. <div class="memory-card" data-serie="3">
  41. <img class="front-face" src="/build/images/tdm/australie/carte-3.svg" />
  42. <img class="back-face" src="/build/images/tdm/australie/carte-dos.svg" />
  43. </div>
  44. <div class="memory-card" data-serie="3">
  45. <img class="front-face" src="/build/images/tdm/australie/carte-3.svg" />
  46. <img class="back-face" src="/build/images/tdm/australie/carte-dos.svg" />
  47. </div>
  48. <div class="memory-card" data-serie="4">
  49. <img class="front-face" src="/build/images/tdm/australie/carte-4.svg" />
  50. <img class="back-face" src="/build/images/tdm/australie/carte-dos.svg" />
  51. </div>
  52. <div class="memory-card" data-serie="4">
  53. <img class="front-face" src="/build/images/tdm/australie/carte-4.svg" />
  54. <img class="back-face" src="/build/images/tdm/australie/carte-dos.svg" />
  55. </div>
  56. <div class="memory-card" data-serie="5">
  57. <img class="front-face" src="/build/images/tdm/australie/carte-5.svg" />
  58. <img class="back-face" src="/build/images/tdm/australie/carte-dos.svg" />
  59. </div>
  60. <div class="memory-card" data-serie="5">
  61. <img class="front-face" src="/build/images/tdm/australie/carte-5.svg" />
  62. <img class="back-face" src="/build/images/tdm/australie/carte-dos.svg" />
  63. </div>
  64. <div class="memory-card" data-serie="6">
  65. <img class="front-face" src="/build/images/tdm/australie/carte-6.svg" />
  66. <img class="back-face" src="/build/images/tdm/australie/carte-dos.svg" />
  67. </div>
  68. <div class="memory-card" data-serie="6">
  69. <img class="front-face" src="/build/images/tdm/australie/carte-6.svg" />
  70. <img class="back-face" src="/build/images/tdm/australie/carte-dos.svg" />
  71. </div>
  72. </section>
  73. </div>
  74. </div>
  75. <a href="#" id="btn-tdm-memory-help" class="btn-tdm-help" data-bs-toggle="modal" data-bs-target="#tdm-memory-rules" data-no-swup><span>?</span></a>
  76. <div id="modal-buttons">
  77. <a href="#" id="btn-tdm-memory-rules" data-bs-toggle="modal" data-bs-target="#tdm-memory-rules" data-no-swup></a>
  78. <a href="#" id="btn-tdm-memory-win" data-bs-toggle="modal" data-bs-target="#tdm-memory-win" data-no-swup></a>
  79. </div>
  80. <div class="modal fade modal-tdm-game" id="tdm-memory-rules" tabindex="-1" role="dialog" aria-labelledby="" aria-hidden="true">
  81. <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
  82. <div class="modal-content">
  83. <div class="modal-header">
  84. <h3>Comment ça marche&nbsp;?</h3>
  85. <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  86. </div>
  87. <div class="modal-body">
  88. <p>Retourne les cartes 2 par 2 pour former toutes les paires le plus vite possible.</p>
  89. </div>
  90. <div class="modal-footer justify-content-end">
  91. <a href="#" class="btn btn-primary" data-no-swup data-bs-dismiss="modal" aria-label="Close">Commencer</a>
  92. </div>
  93. </div>
  94. </div>
  95. </div>
  96. <div class="modal fade modal-tdm-game" id="tdm-memory-win" tabindex="-1" role="dialog" aria-labelledby="" aria-hidden="true">
  97. <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
  98. <div class="modal-content">
  99. <div class="modal-header">
  100. <h3>Bravo !</h3>
  101. <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  102. </div>
  103. <div class="modal-body">
  104. <p>Tu as réussi à former toutes les paires&nbsp;! <br />Continue sur cette lancée et poursuis l’aventure avec Pitchos dans son tour du monde rebondissant.</p>
  105. </div>
  106. <div class="modal-footer justify-content-between">
  107. <a class="btn btn-primary swup-link" href="/jeux/tour-du-monde/australie" data-swup-color="#0A2065">Retour à la carte postale</a>
  108. <a class="btn btn-primary swup-link" href="/jeux/tour-du-monde/inde" data-swup-color="#FF9933" id="btn-tdm-next">Je continue</a>
  109. </div>
  110. </div>
  111. </div>
  112. </div>
  113. </div>
  114. </div>
  115. </div>
  116. {% endblock %}