<!doctype html>
<html lang="en">
    <head>
      <style>
        ul {
        list-style-type: none;
        }

        .proposition_type_1
        {
        color: #3498db;
        }

        .proposition_type_2
        {
        color: #e74c3c;
        }

        .proposition_type_3
        {
        color: #2ecc71;
        }

        .proposition_type_4
        {
        color: #f1c40f;
        }


      </style>
    </head>
    <body>
      <h1>{{  metaplan.title }}</h1>
      <ul>
        {% for proposition in metaplan.propositions.all %}
        <li class="proposition_type_{{proposition.group}}">
          {{proposition.text}}
        </li>
        {% endfor %}
      </ul>
    </body>
</html>
