{# -*-jinja2-*- #}
{% from "_macros.html" import render_inline_thread %}
{% extends "layout.html" %}

{% block header %}
  <style>
    .card.answ-1,.card.answ-True {
    background: lightgreen;
    }
    .card.trained-1,.card.trained-True {
    border: solid blue;
    }
    .card.card-thread {
    padding-top: 2pt;
    padding-bottom:2pt;
    border-radius:0;
    margin-top:1pt;
    margin-bottom:1pt
    }
    div.textbox {
    white-space: pre-wrap;
    font:Courier, monospace;
    font-size:small;
    width:50em;
    border: thin blue solid;
    }
  </style>
{% endblock %}

{% block content %}
  <div class="container">
    <div class="row">
      <div class="col-12">

	<h1>{{title}}</h1>

	<div id="accordion" role="tablist" aria-multiselectable="true">
	  {% for m in mths %}
	    {{ render_inline_thread(m, maintopics) }}
	  {% endfor %}  
	</div>
      </div>
    </div>
  </div>
{% endblock %}