<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <link href="../role.css" rel="stylesheet">
    <title>Role {{num}} </title>
    <meta name="description" content="Role">
  </head>

  <body>
      <header>
          <span id="layout">
              <img  src="../{{topo}}/logo.png"> 
          </span>
          <span id="title">
              <p>IP: {{IP}}</p>
          </span>
          <span id="number">
              <p># {{ num }} </p>
          </span>
      </header>
      <main>
          <section id="goals">
              <h2>Objectifs:</h2>
                {% if objectifs %}
                <ul>
                    {% for o in objectifs %}
                    <li>{{ o }}</li>
                    {% endfor %}
                </ul>
                {% endif %}
          </section>
          <section id="events">
              <h2>Particularités:</h2>
              {% if particularites %}
              <ul>
                  {% for p in particularites %}
                  <li>{{ p | replace("{", "") | replace("}", "") }}</li>
                  {% endfor %}
              </ul>
              {% else %}
              ∅
              {% endif %}
          </section>
          <section id="links">
              <h2>Voisins connus</h2>
              {% if liens %}
              <ul>
                  {% for l in liens %}
                  <li>{{ l | replace("{", "") | replace("}", "") | replace("'", "")}}</li>
                  {% endfor %}
              </ul>
              {% endif %}
          </section>
      </main>
  </body>
</html>