templates/pitchos-bavards/pitchos/robotologue.html.twig line 1

Open in your IDE?
  1. {% set section = 'pitchos-persos' %}
  2. {% extends 'base.html.twig' %}
  3. {% block title %}Pitchos Bavards - Pitch - Brioche Pasquier{% endblock %}
  4. {% block body %}
  5. <div data-controller="pitchos-persos">
  7. {% include '_elements/page-header.html.twig'
  8. with {
  9. breadcrumb: [
  10. { path:'home', label:"Accueil"},
  11. { path:'pitchos-bavards', label: "Pitchos bavards" },
  12. { label: "Robotologue" }
  13. ],
  14. back: [
  15. { path:'pitchos-bavards' }
  16. ]
  17. }
  18. %}
  19. <div id="pitchos-content">
  20. <div id="pitchos-title" class="row">
  21. <div class="col-12 col-lg-5 col-md-4 col-sm-12">
  22. <div class="pitchos-card">
  23. <span>
  24. {% include '_elements/image.html.twig'
  25. with {src: "/build/images/pitchos-bavards/persos/perso-10.svg", mode: "width", lazy:true} %}
  26. </span>
  27. </div>
  28. </div>
  29. <div class="col-12 col-lg-7 col-md-8 col-sm-12">
  30. <h1 style="background: rgb(211,145,167); background: linear-gradient(0deg, rgba(211,145,167,1) 50%, rgba(230,161,187,1) 50%);">Robotologue</h1>
  31. <h2>Née de l’imagination de nos Pitchos, elle soigne tous les bobos des robots&nbsp;!</h2>
  32. </div>
  33. </div>
  34. <div id="pitchos-player">
  35. <div id="pitchos-player-header">{% include 'pitchos-bavards/themes/ecoute.svg' %}</div>
  36. <div id="pitchos-mp3-player" class="access" data-mp3="3199d6116df2880432e05cb72a237dd0">
  37. <p>Clique sur le bouton pour écouter l’histoire du Pitchos</p>
  38. <div class="bottom-container">
  39. <div class="time-container">
  40. <span class="current-time">
  41. <span class="amplitude-current-minutes"></span>:<span class="amplitude-current-seconds"></span>
  42. </span>
  43. <span class="duration">
  44. <span class="amplitude-duration-minutes"></span>:<span class="amplitude-duration-seconds"></span>
  45. </span>
  46. </div>
  47. <div class="progress-bar"><progress class="amplitude-song-played-progress" id="song-played-progress"></progress></div>
  48. <div class="control-container">
  49. <div class="amplitude-play-pause" id="play-pause"></div>
  50. <div class="amplitude-prev" id="prev"></div>
  51. </div>
  52. </div>
  53. </div>
  54. <div id="pitchos-nuage">
  55. {% include '_elements/image.html.twig'
  56. with {src: "/build/images/pitchos-bavards/persos/nuage-10.svg", mode: "width", lazy:true} %}
  57. </div>
  58. </div>
  59. </div>
  60. <div id="pitchos-cta-jeux">
  61. <div class="content">
  62. <h3><span>Jeux</span></h3>
  63. <p>Découvre plein de mini-jeux pour jouer avec ta figurine</p>
  64. <a href="/pitchos-bavards/mini-jeux" class="btn btn--blue swup-link" data-swup-color="rgb(5,186,238)">Je joue</a>
  65. </div>
  66. </div>
  67. <div id="pitchos-nav">
  68. <h3>Découvre aussi&nbsp;:</h3>
  69. {% include 'pitchos-bavards/pitchos/swiper.html.twig' %}
  70. </div>
  71. <div class="footer">
  72. <div id="menu-perso">
  73. {% include 'pitchos-bavards/nav/pitchos-persos-nav.svg' %}
  74. </div>
  75. </div>
  76. </div>
  77. {% endblock %}
  79. {% block modals %}
  80. {{ parent() }}
  81. {% endblock %}