{% extends 'base.html' %}

{% block styles %}
<link rel="stylesheet" href="{{ url_for('static', filename='exam.css') }}">
{% endblock %}

{% block header %}
  <h1>{% block title %}{{ localize("level_1_exam") }}{% endblock %}</h1>
{% endblock %}

{% block content %}
<h1>日本漢字能力検定試験問題</h1>
<div id="q1">
  <h2>（一）</h2>
  <p>次の傍線部分の読みを<b>ひらがな</b>で記せ。</p>
  <p>１〜２０は<b>音読み</b>、２１〜３０は<b>訓読み</b>である。</p>
  
  <ol id="q1-onyomi">
  {% for i in range(20) %}
  <li>
    Test
  </li>
  {% endfor %}
  </ol>
  
  <hr>
  
  <ol id="q2-kunyomi" start="21">
  {% for i in range(10) %}
  <li>
    Test
  </li>
  {% endfor %}
  </ol>
  
</div>

<div id="q2">
  <h2>（二）</h2>
  <p>次の傍線部分の<b>カタカナ</b>を<b>漢字</b>で記せ。１９，２０は<b>国字</b>で答えること。</p>
  <ol id="q2-kakitori">
    {% for i in range(15) %}
      <li>Test</li>
    {% endfor %}
  </ol>
  <div>
  <ol start="16">
    <li>Test</li>
    <li>Test</li>
    <li>Test</li>
  </ol>
  </div>
  <hr>
  <ol id="q2-kokuji-kakitori" start="19">
    <li>Test</li>
    <li>Test</li>
  </ol>
</div>

{% endblock %}