Make it explicit which role players are in the tuorials

introduction/Coalitions.html

@@ -26,6 +26,7 @@ <h4> Accepting proposals </h4>
 <h5> Try it yourself </h5>
 
 <div>
+    <p>As an illustration, suppose you are <span style="color: #056fb7; font-weight: bold;">Player {{player_name}}</span><div class=""></div></p>
     <p>Please perform the following tasks:</p>
     <ul>
         <li id="task-submit-preferred">Submit a preferred proposal <span class="checkmark" style="visibility: hidden;">✅</span></li>

introduction/Proposal.html

@@ -71,6 +71,7 @@ <h4> Past proposals </h4>
 <h4> Try it yourself </h4>
 <p> 
     <div>
+        <p>As an illustration, suppose you are <span style="color: #056fb7; font-weight: bold;">Player {{player_name}}</span> (the proposal options are the same no matter the role). </p>
         <p>  To become more familiar with the interface, we ask you to complete the following small exercise: </p>
         <p>
             For each of the criteria below, make a proposal that satisfies it. 

introduction/__init__.py

@@ -54,6 +54,7 @@ def vars_for_template(player: Player):
             grand_coalition_value=list(player.session.config["prod_fct"].values())[-1],
             last_player_is_dummy=len(player.session.config["prod_fct"])
             == 2,  # hardcoded group size
+            player_name=player.session.config["player_names"]["P1"],
             **player.session.config["player_names"],
         )
 
@@ -72,6 +73,7 @@ def vars_for_template(player: Player):
         return dict(
             last_player_is_dummy=len(player.session.config["prod_fct"])
             == 2,  # hardcoded group size
+            player_name=player.session.config["player_names"]["P1"],
             **player.session.config["player_names"],
         )