Lets players leave the tutorial at any time via a top-left link back to the game session. Once the tutorial finishes and the input field is disabled, the button relocates into the input row so it's the obvious next action.
36 lines
988 B
Twig
36 lines
988 B
Twig
<!DOCTYPE html>
|
|
<html lang="{{ app.request.locale|default(app.request.defaultLocale|default('en')) }}">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Command Line Tutorial</title>
|
|
|
|
{% block stylesheets %}
|
|
{{ encore_entry_link_tags('app') }}
|
|
{{ encore_entry_link_tags('pregame') }}
|
|
{% endblock %}
|
|
</head>
|
|
<body>
|
|
<div id="game-container">
|
|
<div id="pregame-config"
|
|
data-session-id="{{ session.id|e('html_attr') }}"
|
|
style="display:none">
|
|
</div>
|
|
|
|
<a href="{{ path('game', {session: session.id}) }}" id="back-button">← Back</a>
|
|
|
|
<div id="message-container">
|
|
|
|
</div>
|
|
<div id="input">
|
|
<input type="text" disabled id="input-message">
|
|
</div>
|
|
</div>
|
|
</body>
|
|
|
|
{% block javascripts %}
|
|
{{ encore_entry_script_tags('app') }}
|
|
{{ encore_entry_script_tags('pregame') }}
|
|
{% endblock %}
|
|
</html>
|