<!DOCTYPE html>
<html lang="la">
<head>
<meta charset="UTF-8"/>
<title>{{pensum_title}}</title>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='css/LLPSI.css') }}">
<script src="{{ url_for('static', filename='js/cloze.js') }}"></script>
</head>
<body>
<header>
<h1><a href="/llpsi">Lingua Latīna Per Sē Illūstrāta</a></h1>
<h2>{{exercitium_title}}</h2>
<label class="toggle">
Quantitās: <input type="checkbox" id="vowel_length">
</label>
</header>
<div class="exercitium_content">
<p>{{exercitium_content|safe}}</p>
<br>
<button title="Check answers" onclick="return validate('.exercitium_content');">Mitte</button><button title="Show correct answers" onclick="return show_answers('.exercitium_content');">Responsa</button>
</div>
<script type="text/javascript">adjust_size('.exercitium_content');</script>
</body>
</html>