KankenOnline/kanken_online/templates/exams/level1.html

{% 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 %}
<div lang="ja">
<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>

<div id="q3">
  <h2>（三）</h2>
  <p>次の１～５の意味を的確に表す語を、左の「」から選び、<b>漢字</b>で記せ。</p>
  <ol id="q3-definitions">

  </ol>
  <div id="q3-word-box">
    <ul id="q3-words">
      {% for i in range(8) %}
        <li class="wordbox-word">Definition</li>
      {% endfor %}
    </ul>
  </div>
</div>

<div id="q4">
  <h2>（四）</h2>
  <p>次の<span class="mondai">問１</span>と<span class="mondai">問２</span>の四字熟語について答えよ。</p>
  <div id="q4-mon-ichi">
    <p><span class="mondai">問１</span>　次の四字熟語の（１～１０）に入る適切な語を左の「」から選び<b>漢字二字</b>で記せ。</p>
    <div id="q4-mon-ichi-questions">
      <ol id="q4-mon-ichi-top">
        {% for i in range(5) %}
        <li>bottom two characters</li>
        {% endfor %}
      </ol>
      <ol id="q4-mon-ichi-bottom" start="6">
        {% for i in range(5) %}
        <li>top two characters</li>  <!--Q: Will this work with just CSS, or will it need extra HTML formatting...? -->
        {% endfor %}
      </ol>
    </div>
    <div id="q4-mon-ichi-wordbox">
      <ul id="q4-mon-ichi-words">
        {% for i in range(10) %}
          <li class="wordbox-word">Definition</li>
        {% endfor %}
      </ul>  
    </div>
  </div>
  <div id="q4-mon-ni">
    <p>次の１～５の<b>解説・意味</b>にあてはまる四字熟語を後の「」から選び、その<b>傍線部分だけの読み</b>を<b>ひらがな</b>で記せ。</p>
    <ol id="q4-mon-ni-questions">
      {% for i in range(5)  %}
        <li>Test</li>
      {% endfor %}
    </ol>
    <div id="q4-mon-ni-wordbox">
      <ul id="q4-mon-ni-words">
        {% for i in range(8) %}
        <li>Test</li>
        {% endfor %}
      </ul>
    </div>
  </div>
</div>

<div id="q5">
  <h2>（五）</h2>
  <p>次の<b>熟字訓・当て字</b>の読みを記せ。</p>
  {% for i in range(5) %}
    <li>Test</li>
  {% endfor %}
</div>

<div id="q6">
  <h2>（六）</h2>
  <p>次の<b>熟語</b>の<b>読み</b>（<b>音読み</b>）とその<b>語義</b>にふさわしい<b>訓読み</b>を（送りがなに注意して）<b>ひらがな</b>で記せ。</p>
  <div id="q6-example">
    <p>〈例〉健勝……勝れる→けんしょう・すぐ</p>
  </div>
  <div id="q6-questions">
    <ol class="katakana-list">
      {% for i in range(5) %}
        <li>
          <ol start="{{2*i + 1}}">
            <li>On</li>
            ……
            <li>Kun</li>
          </ol>
        </li>
      {% endfor %}
    </ol>
  </div>
</div>

<div id="q7">
  <h2>（七）</h2>
  <p>次の１～５の<b>対義語</b>、６～１０の<b>類義語</b>を後の「」の中から選び、<b>漢字</b>で記せ。「」の中の語は一度だけ使うこと。</p>
  <div id="q7-antonyms">
    <span><b>対義語</b></span>
    <ol>
      {% for i in range(5) %}
        <li>Test</li>
      {% endfor %}
    </ol>
    
  </div>
  <hr>
  <div id="q7-synonyms">
    <span><b>対義語</b></span>
    <ol start="6">
      {% for i in range(5) %}
        <li>Test</li>
      {% endfor %}
    </ol>
  </div>

  <div id="q7-wordbox">
    <ul>
      {% for i in range(10) %}
        <li>Test</li>
      {% endfor %}
    </ul>
  </div>
</div>

<div id="q8">
  <h2>（八）</h2>
  <p>次の故事・成語・諺の<b>カタカナ</b>の部分を<b>漢字</b>で記せ。</p>
  <ol>
    {% for i in range(10) %}
      <li>Test</li>
    {% endfor %}
  </ol>
</div>

<div id="q9">
  <h2>（九）</h2>
  <p>文章の中の傍線（１～１０）の<b>カタカナ</b>を<b>漢字</b>に直し、波線（ア～コ）の<b>漢字</b>の読みを<b>ひらがな</b>で記せ。</p>
  <ol id="q9-texts">
    {% for text in range(3) %}
      <li>The quick brown fox jumps over the lazy dog.</li>
    {% endfor %}
  </ol>
</div>
</div>
{% endblock %}