templates/games/display.html.twig line 1

  1. {% extends 'base.html.twig' %}
  2. {% trans_default_domain "gamepage" %}
  3. {% set zoneId = 'game' ~ game.uniqueId %}
  5. {% block title %}{{ 'gtitle'|trans({},zoneId,realLocale) }} | {% trans %}SpeakyPlanet{% endtrans %}{% endblock %}
  7. {% block pageTitle %}{{ 'gtitle'|trans({},zoneId,realLocale) }}{% endblock %}
  9. {% block breadcrumb %}
  10. <nav style="--bs-breadcrumb-divider: '>';" aria-label="breadcrumb">
  11.   <ol class="breadcrumb">
  12.     <li class="breadcrumb-item">{% trans %}Tous les jeux{% endtrans %}</li>
  13.     <li class="breadcrumb-item active" aria-current="page">{{ 'gtitle'|trans({},zoneId,realLocale) }}</li>
  14.   </ol>
  15. </nav>
  16. {% endblock %}
  18. {% block body %}
  19.     <style>
  20.         .carousel-item img{
  21.             border-radius: 1rem!important;
  22.         }
  23.     </style>
  25.     <div class="text-center">
  26.         {% if false and game.videoId %}
  27.             <div class="ratio ratio-16x9 w-50 m-auto">
  28.                 <iframe src="https://www.youtube.com/embed/{{ game.videoId }}?showinfo=0" allowfullscreen></iframe>
  29.             </div>
  30.         {% else %}
  31.             <div id="screenshotContainer" class="gameScreenshotsOver">
  32.                 <div id="carouselExample" class="carousel slide w-75 m-auto">
  33.                     <div class="carousel-inner">
  34.                         {% for screenshot in game.screenshots %}
  35.                             <div class="carousel-item {% if loop.index0 == 0 %} active{% endif %}">
  36.                                 <img id="screenshot{{ screenshot.id }}" src="{{ asset(screenshot.url)  }}" class="d-block w-100 rounded-4">
  37.                             </div>
  38.                         {% endfor %}
  39.                     </div>
  40.                     <button class="carousel-control-prev" type="button" data-bs-target="#carouselExample" data-bs-slide="prev">
  41.                         <span class="carousel-control-prev-icon" aria-hidden="true"></span>
  42.                         <span class="visually-hidden">Previous</span>
  43.                     </button>
  44.                     <button class="carousel-control-next" type="button" data-bs-target="#carouselExample" data-bs-slide="next">
  45.                         <span class="carousel-control-next-icon" aria-hidden="true"></span>
  46.                         <span class="visually-hidden">Next</span>
  47.                     </button>
  48.                 </div>
  49.             </div>
  50.         {% endif %}
  51.         <br/>
  52.         <div class="clearfix">
  53.             <div id="gameDescription">
  54.                 {{ 'description'|trans({},zoneId,app.request.getLocale())|raw }}
  55.                 {% if game.appIntro and game.appIntro != '' and game.appIntro != '.' %}
  56.                     {% set trWords = 'mots'|trans() %}
  57.                     {% set appIntro = 'appIntro'|trans({},zoneId,app.request.getLocale()) %}
  58.                     <p class="wordsIntro">{{ appIntro|replace({'@WORDS_NB@': '<span class="wordsNb">' ~ game.wordCount ~ ' ' ~ trWords ~ '</span>'})|raw }}</p>
  59.                 {% endif %}
  60.             </div>
  61.             
  62.             <div id="gameButtonSubscribe">
  63.                 <a type="button" class="btn btn-orange shadow btn-lg" href="{{ path('tunnel_register', {}) }}" >{% trans %}J'inscris mes enfants{% endtrans %}</a>
  64.                 <p class="button-sub-text">{% trans %}Sans engagement (je peux arrêter à tout moment){% endtrans %}</p>
  65.             </div>
  67.             <br/>
  68.             <br/>
  69.             <br/>
  70.         </div>
  71.     </div>
  72. {% endblock %}