From 9a52e6b32c1ad15f7f41856209190af257e271f3 Mon Sep 17 00:00:00 2001
From: Frank <frank.van.den.berg@eleaf.com>
Date: Tue, 18 Aug 2026 22:42:45 +0200
Subject: [PATCH] Turn the tutorial link into a real button with clearer copy

Replaces the inline "New here?" link with a proper button and a heading
that more directly asks whether the player is unfamiliar with running
commands on a command line.
---
 templates/game/lobby.html.twig   | 11 +++++++----
 templates/game/waiting.html.twig | 11 +++++++----
 2 files changed, 14 insertions(+), 8 deletions(-)

diff --git a/templates/game/lobby.html.twig b/templates/game/lobby.html.twig
index 8c09b22..e2f03cb 100644
--- a/templates/game/lobby.html.twig
+++ b/templates/game/lobby.html.twig
@@ -28,10 +28,13 @@
                     </ul>
 
                     <div class="alert alert-secondary">
-                        <strong>New here?</strong> Try the <a href="{{ path('game_pregame', {session: session.id}) }}" target="_blank" rel="noopener">command line tutorial</a>.
-                        It's a small tutorial that gives you the information you'll need for the game to run.
-                        You can go through it as many times as you like &mdash; just make sure you feel at least a little confident
-                        with the commands it covers before you start the game.
+                        <p class="mb-2"><strong>Unknown with running commands on a pcs's command lines?</strong></p>
+                        <p class="mb-3">
+                            It's a small tutorial that gives you the information you'll need for the game to run.
+                            You can go through it as many times as you like &mdash; just make sure you feel at least a little confident
+                            with the commands it covers before you start the game.
+                        </p>
+                        <a href="{{ path('game_pregame', {session: session.id}) }}" target="_blank" rel="noopener" class="btn btn-primary">Start the command line tutorial</a>
                     </div>
 
                     {% if session.players|length >= session.game.numberOfPlayers %}
diff --git a/templates/game/waiting.html.twig b/templates/game/waiting.html.twig
index c5b4bc1..c7842e9 100644
--- a/templates/game/waiting.html.twig
+++ b/templates/game/waiting.html.twig
@@ -31,10 +31,13 @@
                 </div>
 
                 <div class="alert alert-secondary">
-                    <strong>New here?</strong> Try the <a href="{{ path('game_pregame', {session: session.id}) }}" target="_blank" rel="noopener">command line tutorial</a>.
-                    It's a small tutorial that gives you the information you'll need for the game to run.
-                    You can go through it as many times as you like &mdash; just make sure you feel at least a little confident
-                    with the commands it covers before you start the game.
+                    <p class="mb-2"><strong>Unknown with running commands on a pcs's command lines?</strong></p>
+                    <p class="mb-3">
+                        It's a small tutorial that gives you the information you'll need for the game to run.
+                        You can go through it as many times as you like &mdash; just make sure you feel at least a little confident
+                        with the commands it covers before you start the game.
+                    </p>
+                    <a href="{{ path('game_pregame', {session: session.id}) }}" target="_blank" rel="noopener" class="btn btn-primary">Start the command line tutorial</a>
                 </div>
 
                 <div class="mt-4">