{% extends 'base.html.twig' %}
{% block body %}
<main>
<section class="table_game">
<p>{{ "Phasmophobia Randomizer features a green background system for OBS that displays players and objects on your stream screen. This element is automatically reloaded every <strong class=\"t-blue\">2.5</strong> seconds allowing you to retrieve data in real time."|trans([], 'locale')|raw }}</p>
<p>{{ "To add this tool to your OBS, follow these instructions:"|trans([], 'locale') }}</p>
<ol>
<li>{{ "On your OBS tool, create a new scene of type \"Navigator\" ;"|trans([], 'locale') }}</li>
<li>{{ "Add the following link in maximum screen size:"|trans([], 'locale') }} {{ absolute_url(url("green_screen")) }} ;</li>
<li>{{ "Sign in to your Twitch account ;"|trans([], 'locale') }}</li>
<li>{{ "Once redirected to the green background, we can start generating a game."|trans([], 'locale') }}</li>
</ol>
<p>{{ "Each user who enters your room will be added to the screen automatically, or ejected if they are no longer in the room."|trans([], 'locale') }}</p>
</section>
</main>
{% endblock %}