kanji-pair-game/index.html at master · CallumBeaney/kanji-pair-game · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<!doctype html>
<html lang="ja">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
        <link rel="stylesheet" href="./style.css">
        <title>kanji pairer</title>
    </head>

<body>

  <div class="overcontainer">

    <div class="gridwrapper">
      <div class="grid" id="griddyboi">
        <!-- KANJI GO HERE -->
      </div>
      <div class="button-wrapper">
        <button class="revealfriend" onclick="revealOnePair()">ヒント</button>
        <div id="statisticalfellow"></div>
      </div>
    </div>

    <div class="infowrapper">
      <div class="infopanel" id="infolad">
        <br>
        <div id="title">二漢字複合語狩猟</div>
          <div id="credit" style="padding: 5%; font-size: medium; text-align: justify;">
              Each grid of 16 kanji is built from 8 random seed words. Tap 2 kanji and, if they turn green, you've found one - find them all to get a new grid.<br>ㅤThese 16 kanji might contain more than just those 8 combinations... when you find such a word, the tiles will briefly turn gold, and the word will be added to your list. <br><br>
              made by <a href="https://callumbeaney.github.io" style="color:darkslateblue; text-decoration-style: dotted;">callum beaney</a><br>
              there is also a <a href="https://callumbeaney.github.io/chinese-wordsearch-game/" style="color:firebrick; text-decoration-style: dotted;">Chinese version</a><br><br>

          </div>

        <!-- WORD INFO GOES HERE -->
      </div>
    </div>

  </div>

</body>
</html>
<script src="wordlist.js"></script>
<script src="helpers.js"></script>
<script src="kanjidict.js"></script>