templates/games/display.html.twig line 1
{% extends 'base.html.twig' %}
{% trans_default_domain "gamepage" %}
{% set zoneId = 'game' ~ game.uniqueId %}
{% block title %}{{ 'gtitle'|trans({},zoneId,realLocale) }} | {% trans %}SpeakyPlanet{% endtrans %}{% endblock %}
{% block pageTitle %}{{ 'gtitle'|trans({},zoneId,realLocale) }}{% endblock %}
{% block breadcrumb %}
<nav style="--bs-breadcrumb-divider: '>';" aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item">{% trans %}Tous les jeux{% endtrans %}</li>
<li class="breadcrumb-item active" aria-current="page">{{ 'gtitle'|trans({},zoneId,realLocale) }}</li>
</ol>
</nav>
{% endblock %}
{% block body %}
<style>
.carousel-item img{
border-radius: 1rem!important;
}
</style>
<div class="text-center">
{% if false and game.videoId %}
<div class="ratio ratio-16x9 w-50 m-auto">
<iframe src="https://www.youtube.com/embed/{{ game.videoId }}?showinfo=0" allowfullscreen></iframe>
</div>
{% else %}
<div id="screenshotContainer" class="gameScreenshotsOver">
<div id="carouselExample" class="carousel slide w-75 m-auto">
<div class="carousel-inner">
{% for screenshot in game.screenshots %}
<div class="carousel-item {% if loop.index0 == 0 %} active{% endif %}">
<img id="screenshot{{ screenshot.id }}" src="{{ asset(screenshot.url) }}" class="d-block w-100 rounded-4">
</div>
{% endfor %}
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExample" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExample" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</div>
{% endif %}
<br/>
<div class="clearfix">
<div id="gameDescription">
{{ 'description'|trans({},zoneId,app.request.getLocale())|raw }}
{% if game.appIntro and game.appIntro != '' and game.appIntro != '.' %}
{% set trWords = 'mots'|trans() %}
{% set appIntro = 'appIntro'|trans({},zoneId,app.request.getLocale()) %}
<p class="wordsIntro">{{ appIntro|replace({'@WORDS_NB@': '<span class="wordsNb">' ~ game.wordCount ~ ' ' ~ trWords ~ '</span>'})|raw }}</p>
{% endif %}
</div>
<div id="gameButtonSubscribe">
<a type="button" class="btn btn-orange shadow btn-lg" href="{{ path('tunnel_register', {}) }}" >{% trans %}J'inscris mes enfants{% endtrans %}</a>
<p class="button-sub-text">{% trans %}Sans engagement (je peux arrĂȘter Ă tout moment){% endtrans %}</p>
</div>
<br/>
<br/>
<br/>
</div>
</div>
{% endblock %}