liquidx

<div class="sentence1 shadow">{{furigana:Sentence J}}</div>
<div class="sentence2 shadow">{{Sentence E}}</div>

<div style="display: none;">{{#AnswerSent_ja}}{{type:AnswerSent_ja}}{{/AnswerSent_ja}}</div>

{{#Vocab}}
<div id="example">
<p>{{furigana:Vocab}} - {{#Vocab English}}{{Vocab English}}{{/Vocab English}}</p>
</div>
{{/Vocab}}

liquidx

{{^ShuffledSent_ja}}
<notext1><nokana>
<div class="sentence1 shadow">{{kanji:Sentence J}}</div>
</nokana></notext1>
<div class="sentence2 shadow">{{Sentence E}}</div>
{{/ShuffledSent_ja}}

{{#ShuffledSent_ja}}
<div class="shuffle">{{ShuffledSent_ja}}</div>
{{type:AnswerSent_ja}}

liquidx

.mobile .card {font-family: "AvenirNext", "NotoSansCJKjp-Regular", "HiraginoSans-W3"; }
@font-face { font-family: myfont; src: url('_NotoSansCJKjp-Regular.otf'); }

.card {
    font-family: NotoSansCJKjp-Regular;
    font-size: 20px;
    text-align: left;vocab-hint
    color: #000;
    background: #f3f3f3;
    margin: 0px;

liquidx

// debug: 
// https://ja.wikipedia.org/w/api.php?action=query&format=rawfm&titles=%E4%B8%AD%E4%BA%95%E9%A7%85&prop=revisions&rvprop=content
//https://www.mediawiki.org/wiki/API:Revisions

var COL_NAME = 1;
var COL_LINES = 2;
var COL_IDS = 3;
var COL_LAT = 4;
var COL_LNG = 5;
var COL_WIKINAME = 6;

liquidx

<!-- in the HTML -->

<div class="sentence1 shadow audio">
Playing ... &nbsp;
<span id="vu">
  <span class="bar"></span>
  <span class="bar"></span>
  <span class="bar"></span>
  <span class="bar"></span>
  <span class="bar"></span>

liquidx

var emojis = '👍'; 
var separator = '|';
// Really rough slicing of the ranges, omitting a ton.
// Manually created from here: https://github.com/mathiasbynens/unicode-tr51/blob/master/data/emoji-data.txt
var emojiRange = [
  [0x261D, 0x261D],
  [0x270A, 0x270D], 
  [0x1F300, 0x1F320],
  [0x1F324, 0x1F4FF],
  [0x1F500, 0x1F53D],

liquidx

Examples of API docs:

• https://www.mapbox.com/mapbox-gl-js/api/
• http://turfjs.org/docs/

Examples of Guides:

• https://docs.djangoproject.com/en/1.10/
• https://handbook.18f.gov/
• https://vuejs.org/v2/guide/
• https://laravel.com/
• http://redux.js.org/

liquidx

Keybase proof

I hereby claim:

• I am liquidx on github.
• I am liquidx (https://keybase.io/liquidx) on keybase.
• I have a public key whose fingerprint is 176C B620 39E4 A27B F4B9 266B BC67 AFE4 9DB7 CC63

To claim this, I am signing this object: