index.html

---
layout: default
type: index
---

<h1 id="mainTitleH1" class="mainTitleH1"><img src="assets/img/favicon.ico" height="20"/> {{ site.title }}</h1>
<div id="subtitle" style="text-align: center" title="Technically what Wanikani calls 'radicals' are keywords, meanings or, in RTK, 'primitive elements'.
But the 'official' radicals are from an early 18th century Chinese dictionary (Kangxi), and they only have common nicknames in Japanese, let's not get into that ;)">
Enter <a href="https://www.wanikani.com" class="a-blue">WK</a> radicals or RTK names (separated by spaces), or kanji.</div>
<div id="subtitle2" title="The 📋 clipboard button copies a kanji to the clipboard, so you can paste it e.g. in a dictionary (Ctrl+V, or on Mac: Cmd+V)." style="text-align: center">Press 📋 to copy a Kanji. <i title="Use Enter (⏎) or Arrow keys (⇧ and ⇩) to select/copy a Kanji from the results by keyboard.
In compound mode, hit Enter (⏎) to add the Kanji to the compound.">
By keyboard: ⏎, ⇧⇩</i>
</div>
<div style="text-align: center">
	<a href="https://github.com/sschmidTU/mr-kanji-search-wtk/blob/gh-pages/README.md#wtk-search" class="a-blue">Usage information</a>
</div>
<hr>

<div id="search-box">
	<span lang="ja">
		<input type="search" id="searchBar" name="q" placeholder="Search - try blue sun" autocomplete="off" autofocus="autofocus" spellcheck="false" tabindex=1>
	</span>
	<button type="submit" id="search-button">Search</button><br>

	<input type="checkbox" id="strictModeCheckbox" name="strictModeCheckbox" value="false" tabindex=4>
		<label for="strictModeCheckbox" id="strictModeLabel" title="Only show exact matches for radicals, elements or kanji names.
Not yet compatible with RTK mode.">Strict</label>
	<input type="checkbox" id="rtkModeCheckbox" name="rtkModeCheckbox" value="false" tabindex=5>
		<label for="rtkModeCheckbox" id="rtkModeLabel" title="Search for RTK elements/primitives or kanji names.
In RTK mode, RTK names for kanji and elements are used.
Unchecking RTK enables WK mode, where Wanikani names are used and displayed.
RTK Mode is not yet compatible with strict mode.">RTK</label>
	<input type="checkbox" id="vocabModeCheckbox" name="vocabModeCheckbox" value="false" tabindex=6>
		<label for="vocabModeCheckbox" id="vocabModeLabel"
		title="In Compound/Vocab mode, you can choose multiple kanji which will be added together so you can copy all of them to clipboard.">Compound</label>
	<div id="vocabModeDiv" style="display: none">
		<button class="btnClip" id="cbCopyButtonVocab" title="Copy these kanji to clipboard.
Search for kanji and click their clipboard button to add them here.">📋</button>
		<input type="text" id="vocabInput" spellcheck="false" placeholder="Add Kanji below with 📋" tabindex=2>
		<button class="deleteText" id="deleteVocabButton" title="Delete the vocab on the left (make the box blank again)" tabindex=3>×</button>
	</div>
	
	<div id="search-results" style="display: none;">
		<div id="search-results.entries" class="entries"></div>
	</div>
</div>

<hr> <!-- this is somehow necessary for spacing at the end of the main div (after search elements),
but it looks bad when results are there or in general.
We may be able to replace this with something else that fixes spacing -->

<!--
<nav class="pagination" role="navigation">
	<a class="btn btn-blue" href="rtk1-v6/index.html">rtk1-v6</a>
	<a class="btn btn-blue" href="rtk3-remain/index.html">rtk3-remain</a>
</nav>
-->

<div class="optionsBottom">
	<input type="checkbox" id="cnVariantCheckbox" name="cnVariantCheckbox" value="false" tabindex=4>
	  <label for="cnVariantCheckbox" id="cnVariantLabel" title="Display Simplified Chinese variant in brackets. A lot of programs in Windows and Android (e.g. Anki) unfortunately use these by default. Note that most Chinese variants are basically the same. Also, I'll make a proper options menu soon™, promised (kinda)!">
Add Chinese font in brackets - examples: <span lang='ja'>言</span> (<span lang='zh-Hans'>言</span>), <span lang='ja'>誤</span>(<span lang='zh-Hans'>誤</span>)</label>
<br>
Expand <input type="radio" id="expandNumber" name="expandResultsRadio" value="HTML" checked> <input type="number" id="expandResultsLimitInput" value=4> <input type="radio" id="expandAllResultsCheckbox" name="expandResultsRadio">
<label for="expandAllResultsCheckbox" id="expandAllResultsLabel" title=""><i>all</i></label> results automatically (show elements info)
<br>
<a href="https://paypal.me/sschmidTU42">☕ Buy me a coffee :) / support development (Paypal) - thanks!</a>
</div>

<script src="assets/js/lunr.min.js"></script>
<script src="assets/js/wk_kanji_short_min.js"></script><!-- this needs to be loaded before search.js-->
<script src="assets/js/elementsDict.js"></script><!-- this needs to be loaded before search.js-->
<script src="assets/js/wtksearch.js"></script> 
<script src="assets/js/search.js"></script>