revise.html

---
permalink: /revise.html
layout: default
author_profile: false
---

<link href="https://fonts.googleapis.com/css?family=Shippori Mincho" rel="stylesheet">
<script src="./kanji.js" type="module"></script>
<script type="module">
    import kanjiJS from "./kanji.js";
    
    const kanji_db = kanjiJS.kanji_db;
    const searchParams = new URLSearchParams(window.location.search);
    const kanji_q = searchParams.get("");
    if(!kanji_q) window.location.href = "?=一#a";
    else window.location.href = "#a";
    const kanji = kanji_db[kanji_q];

    const createPartial = (func, ...args) => {
            // const args = Array.prototype.slice.call(arguments, 1);
            return function () {
                // const allArguments = args.concat(Array.prototype.slice.call(arguments));
                return func.apply(this, args);
            };
        }

    const parseReadings = () => {
        const readings = kanji["readings"];
        const res = Array();
        for(const [x,p] of Object.entries(readings)) res.push(`${x} (${p})`);
        return res.join("、");
    }
    document.getElementById("kanji-name").innerHTML = kanji["kanji"];
    document.getElementById("rtk-num").innerHTML = `RTK: ${kanji["no"]}`;
    document.getElementById("rtk-kw").innerHTML = kanji["kw"];
    document.getElementById("grade").innerHTML = kanji["type"];
    document.getElementById("readings").innerHTML = parseReadings();
    document.getElementById("words").innerHTML = kanjiJS.format_words(kanji);
    document.getElementById("prv-btn").onclick = createPartial(kanjiJS.nav, kanji, -1);
    document.getElementById("nxt-btn").onclick = createPartial(kanjiJS.nav, kanji, 1);
    document.addEventListener("keydown", e => {
                if (e.key == "." && e.ctrlKey) kanjiJS.nav(kanji, 1);
                else if (e.key == "," && e.ctrlKey) kanjiJS.nav(kanji, -1);
    })

</script>
<section id="a" data-instant-mousedown-shortcut data-instant-intensity="viewport-all">
    <div class="wrapper">
        <div style="text-align: center;">
            <p><span id="kanji-name"></span><br>
                <span id="rtk-kw"></span><br></p>
            <p>
                <span id="rtk-num"></span><br>
                <span id="grade"></span><br></p>
        </div>
        <div>
            <p id="readings"></p><br>
            <p id="words"></p><br>
        </div>
        <div style="margin-top: 20px;">
            <button id="prv-btn">Previous</button>
        </div>
        <div style="margin-top: 20px; text-align: right;">
            <button id="nxt-btn">Next</button>
        </div>
    </div>
</section>
<style>
    .wrapper {
        display: grid;
        grid-template-columns: 1fr 2fr;
        grid-column-gap: 1rem;
        font-family: "Shippori Mincho";
        border: 2px solid whitesmoke;
        padding: 2rem;
    }
    #kanji-name{
        font-size: calc(1rem + 10vw);
    }
    #rtk-kw{
        font-size: calc(1rem + 4vw);
    }
    #rtk-num{
        font-size: calc(1rem + 2vw);
    }
    #grade{
        font-size: calc(1rem + 2vw);
    }
    #readings{
        font-size: calc(1rem + 1vw);
        text-align: justify;
    }
    #words{
        font-size: calc(1rem + 1vw);
        line-height: 3rem;
        text-align: justify;
    }

</style>
<script src="//instant.page/5.2.0" type="module"
    integrity="sha384-jnZyxPjiipYXnSU0ygqeac2q7CVYMbh84q0uHVRRxEtvFPiQYbXWUorga2aqZJ0z"></script>