templates/games/tdm/espagne-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 - Espagne{% 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/espagne" class="swup-link" data-swup-color="#EC4C1B">Espagne</a></li>
  12. <li class="breadcrumb-item active" aria-current="page">Bonneteau</li>
  13. </ol>
  14. </nav>
  15. </div>
  16. </div>
  17. <div id="tdm-pays">
  18. <div id="tdm-game" class="espagne">
  19. <a href="/jeux/tour-du-monde/espagne" class="tdm-game-back swup-link" data-swup-color="#EC4C1B"></a>
  20. <div id="tdm-bonneteau">
  21. <section class="game_section">
  23. <div class="game_container" id="game-container">
  24. <button
  25. class="sewing_thimble thimble-0"
  26. id="Cup0"
  27. disabled="disabled"
  28. ></button>
  29. <button
  30. class="sewing_thimble thimble-1"
  31. id="Cup1"
  32. disabled="disabled"
  33. ></button>
  34. <button
  35. class="sewing_thimble thimble-2"
  36. id="Cup2"
  37. disabled="disabled"
  38. ></button>
  39. <div class="" id="thimble_ball"></div>
  40. </div>
  42. <div class="tdm-bonneteau-btn">
  43. <!-- <h2 id="tdm-bonneteau-lost">Perdu ! Veux-tu retenter ta chance ?</h2> -->
  44. <button class="btn btn-primary" id="btn-bonneteau-play">Jouer</button>
  45. </div>
  46. </section>
  47. </div>
  48. <a href="#" id="btn-tdm-bonneteau-help" class="btn-tdm-help" data-bs-toggle="modal" data-bs-target="#tdm-bonneteau-rules" data-no-swup><span>?</span></a>
  50. <div id="modal-buttons">
  51. <a href="#" id="btn-tdm-bonneteau-rules" data-bs-toggle="modal" data-bs-target="#tdm-bonneteau-rules" data-no-swup></a>
  52. <a href="#" id="btn-tdm-bonneteau-win" data-bs-toggle="modal" data-bs-target="#tdm-bonneteau-win" data-no-swup></a>
  53. </div>
  54. <div class="modal fade modal-tdm-game" id="tdm-bonneteau-rules" tabindex="-1" role="dialog" aria-labelledby="" aria-hidden="true">
  55. <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
  56. <div class="modal-content">
  57. <div class="modal-header">
  58. <h3>Comment ça marche&nbsp;?</h3>
  59. <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  60. </div>
  61. <div class="modal-body">
  62. <p>Suis les gobelets du regard et trouve sous lequel est cachée la balle de tennis. <br />Attention, ça va vite&nbsp;!</p>
  63. </div>
  64. <div class="modal-footer justify-content-end">
  65. <a href="#" class="btn btn-primary" data-no-swup data-bs-dismiss="modal" aria-label="Close">Commencer</a>
  66. </div>
  67. </div>
  68. </div>
  69. </div>
  70. <div class="modal fade modal-tdm-game" id="tdm-bonneteau-win" tabindex="-1" role="dialog" aria-labelledby="">
  71. <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
  72. <div class="modal-content">
  73. <div class="modal-header">
  74. <h3>Bravo !</h3>
  75. <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  76. </div>
  77. <div class="modal-body">
  78. <p>Tu es vif&nbsp;! <br />Continue sur cette lancée et poursuis l’aventure avec Pitchos dans son tour du monde rebondissant.</p>
  79. </div>
  80. <div class="modal-footer justify-content-between">
  81. <a class="btn btn-primary swup-link" href="/jeux/tour-du-monde/espagne" data-swup-color="#EC4C1B">Retour à la carte postale</a>
  82. <a class="btn btn-primary swup-link" href="/jeux/tour-du-monde/italie" data-swup-color="#458E4B" id="btn-tdm-next">Je continue</a>
  83. </div>
  84. </div>
  85. </div>
  86. </div>
  87. </div>
  88. </div>
  89. </div>
  90. {% endblock %}