{% extends "base.html" %}
{% block content %}
<h1>{{ t('home_h1') }}</h1>
<p>{{ t('home_intro') }}</p>

<h2>{{ t('home_levels_h2') }}</h2>
<ol class="ladder">
  <li><a href="{{ url_for('public_buttons') }}">{{ t('ex1') }} · {{ t('lvlb_name') }}</a>：{{ t('lvlb_desc') }}</li>
  <li><a href="{{ url_for('public_index') }}">{{ t('ex2') }} · {{ t('lvl1_name') }}</a>：{{ t('lvl1_desc') }}</li>
  <li><a href="{{ url_for('login') }}">{{ t('ex3') }} · {{ t('lvl2_name') }}</a>：{{ t('lvl2_desc') }}</li>
  <li><a href="{{ url_for('l3_courses') }}">{{ t('ex4') }} · {{ t('lvl3_name') }}</a>：{{ t('lvl3_desc') }}</li>
  <li><a href="{{ url_for('l4_paginated') }}">{{ t('ex5') }} · {{ t('lvl4_name') }}</a>：{{ t('lvl4_desc') }}</li>
  <li><a href="{{ url_for('l5_app') }}">{{ t('ex6') }} · {{ t('lvl5_name') }}</a>：{{ t('lvl5_desc') }}</li>
</ol>

<h2>{{ t('home_login_h2') }}</h2>
<ul>
  <li><strong><a href="{{ url_for('login') }}">/login</a></strong>：{{ t('home_roster_login') }}</li>
  <li><code>/auto-login/&lt;id&gt;?token=DEMO</code>：{{ t('home_auto_login') }}</li>
</ul>
<p class="hint">{{ t('home_hint_accounts') }}</p>
{% endblock %}