{% extends "global/Page.html" %}
{% load otree %}

{% block title %}
<table width="100%" border="0" style="background-color: rgb(0,103,163); color: rgba(255,255,255,1); font: Helvetica Rounded; font-family: 'Helvetica Rounded';" padding=50px,50px,50px,50px margin=10px;>
  <tbody>
    <tr>
      <th scope="row" width=20px></th>
		<td>Welcome to {{ game_name }} !<br>
Introduction</td>
      <td width=110px; height=130px><img src="{% static 'zhaw_design/Unbenannt-1.png' %}" style="width:90px;height:102px;" align="center"/></td>
    </tr>
  </tbody>
</table>

{% endblock %}

{% block content %}

		<p> </p>
		<table width="100%" border="0">
  <tbody>
    <tr>
      <td align="center"><img text-align="center" src="{% static image_path %}"/></td>
    </tr>
  </tbody>
</table>
<p> </p>

    {% include Constants.instructions_template2 %}

 <button style="background-color: rgb(0,103,163); color: white; font: Helvetica Rounded; font-family: 'Helvetica Rounded'; border: none; width: 50; height: 50;" name="Next_Button" value="True" >Next</button>

<p>
</p>

<a style="font: Helvetica Rounded; font-family: 'Helvetica Rounded'; color:rgb(0,103,163)" href="{% static pdf_path %}" target="_blank">{{ pdf_link_text }}</a>

{% endblock %}