level.html

<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title data-i18n="level_title">英语水平 | LexiBridge</title>
    <link rel="icon" href="icon_32.png" />
    <link rel="stylesheet" href="pages.css" />
  </head>
  <body data-page="level">
    <aside class="side"></aside>
    <main>
      <div class="col narrow">
        <div class="head"><h1 data-i18n="common_level">英语水平</h1></div>
        <p class="meta" data-i18n="level_meta">LexiBridge 只标出比你的水平更难的词。</p>
        <p class="lead" id="welcome" hidden></p>
        <div class="packs" id="packs" hidden>
          <span data-i18n="level_definitionLanguage">释义语言</span>
          <div class="tabs" id="pack-tabs" role="radiogroup" data-i18n-attr="aria-label:level_definitionLanguage"></div>
        </div>
        <p class="lead" id="ready" hidden></p>
        <div class="group" id="levels" role="radiogroup" data-i18n-attr="aria-label:common_level"></div>
        <p class="note" data-i18n="level_note">切换水平时，你在网页上移出和加入的词都会保留。</p>
        <p class="note" id="credit"></p>
      </div>
    </main>

    <template id="level-row">
      <button type="button" class="opt" role="radio">
        <span class="radio"></span>
        <span class="text">
          <span class="name"></span><span class="tag" data-i18n="level_recommended" hidden>推荐</span><br><span class="desc"></span>
          <span class="progress" hidden><span class="track"><i></i></span><span class="known"></span></span>
        </span>
        <span class="bars" aria-hidden="true"><i></i><i></i><i></i><i></i></span>
        <span class="count"></span>
      </button>
    </template>

    <script src="lexicon.js"></script>
    <script src="packs.js"></script>
    <script src="i18n.js"></script>
    <script src="review.js"></script>
    <script src="page.js"></script>
    <script src="level.js"></script>
  </body>
</html>