templates/games/tdm/afriquedusud-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 - Afrique du Sud{% 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/afriquedusud" class="swup-link" data-swup-color="#F07D2A">Afrique du Sud</a></li>
  12. <li class="breadcrumb-item active" aria-current="page">Rythme coloré</li>
  13. </ol>
  14. </nav>
  15. </div>
  16. </div>
  17. <div id="tdm-pays">
  18. <div id="tdm-game" class="afriquedusud">
  19. <a href="/jeux/tour-du-monde/afriquedusud" class="tdm-game-back swup-link" data-swup-color="#F07D2A"></a>
  20. <div id="tdm-simon">
  21. <audio id="clip1">
  22. <source src="https://s3.amazonaws.com/freecodecamp/simonSound1.mp3"></source>
  23. </audio>
  24. <audio id="clip2">
  25. <source src="https://s3.amazonaws.com/freecodecamp/simonSound2.mp3"></source>
  26. </audio>
  27. <audio id="clip3">
  28. <source src="https://s3.amazonaws.com/freecodecamp/simonSound3.mp3"></source>
  29. </audio>
  30. <audio id="clip4">
  31. <source src="https://s3.amazonaws.com/freecodecamp/simonSound4.mp3"></source>
  32. </audio>
  33. <div id="tdm-simon-container">
  34. <div id="topLeft"></div>
  35. <div id="topRight"></div>
  36. <div id="bottomLeft"></div>
  37. <div id="bottomRight"></div>
  38. <div id="innerCircle">
  39. <div id="turn"></div>
  40. </div>
  41. </div>
  42. </div>
  43. <a href="#" id="btn-tdm-simon-help" class="btn-tdm-help" data-bs-toggle="modal" data-bs-target="#tdm-simon-rules" data-no-swup><span>?</span></a>
  46. <div id="modal-buttons">
  47. <a href="#" id="btn-tdm-simon-rules" data-bs-toggle="modal" data-bs-target="#tdm-simon-rules" data-no-swup></a>
  48. <a href="#" id="btn-tdm-simon-win" data-bs-toggle="modal" data-bs-target="#tdm-simon-win" data-no-swup></a>
  49. </div>
  50. <div class="modal fade modal-tdm-game" id="tdm-simon-rules" tabindex="-1" role="dialog" aria-labelledby="" aria-hidden="true">
  51. <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
  52. <div class="modal-content">
  53. <div class="modal-header">
  54. <h3>Comment ça marche&nbsp;?</h3>
  55. <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  56. </div>
  57. <div class="modal-body">
  58. <p>Reproduit le rythme des couleurs dans le bon ordre sans te tromper&nbsp;!</p>
  59. </div>
  60. <div class="modal-footer justify-content-end">
  61. <a href="#" class="btn btn-primary" data-no-swup data-bs-dismiss="modal" aria-label="Close" id="btn-simon-play">Commencer</a>
  62. </div>
  63. </div>
  64. </div>
  65. </div>
  66. <div class="modal fade modal-tdm-game" id="tdm-simon-win" tabindex="-1" role="dialog" aria-labelledby="" aria-hidden="true">
  67. <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
  68. <div class="modal-content">
  69. <div class="modal-header">
  70. <h3>Bravo !</h3>
  71. <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  72. </div>
  73. <div class="modal-body">
  74. <p>Bravo tu as une bonne mémoire&nbsp;! <br />Continue sur cette lancée et poursuis l’aventure avec Pitchos dans son tour du monde rebondissant.</p>
  75. </div>
  76. <div class="modal-footer justify-content-between">
  77. <a class="btn btn-primary swup-link" href="/jeux/tour-du-monde/afriquedusud" data-swup-color="#F07D2A">Retour à la carte postale</a>
  78. <a class="btn btn-primary swup-link" href="/jeux/tour-du-monde/madagascar" data-swup-color="#9BBC55" id="btn-tdm-next">Je continue</a>
  79. </div>
  80. </div>
  81. </div>
  82. </div>
  83. </div>
  84. </div>
  85. </div>
  86. {% endblock %}