gajewsk2

<div class="snapshot">{{Snapshot}}
  <div class="small light"'>{{SequenceMarker}}</div>
  <span class="video">{{Video}} </span>
  <span class='audio' >{{Audio}}</span>
</div>


body, .night_mode, body a{
 background-color: #202020 !important;
 text-decoration: none;

gajewsk2

    html = u"""
        <span class="links">{0}</span>
        <span class="expression"><a href="http://jisho.org/search/{1}">{1}</a><br></span>
        {2}
        <span class="glossary"><a href="http://jisho.org/search/{3}">{3}</a><br></span>
        {4}
        <br clear="all">""".format(links, definition['expression'], reading, definition['glossary'], rules)

gajewsk2

<span class="reading">
  <a href="http://jisho.org/search/{{kanji:Expression}}">
     <span id="expression-content">{{Expression}}</span>
    <span class="hidden" id="reading-content">{{furigana:Reading}}</span>
  </a>
</span>

<script>
 function linkHit (e) { 
      e.preventDefault();

gajewsk2

//CSS
.card{
font-family: arial;
text-align: center;
font-size: 50px; 
}

#type-box *{
 display: inline-block;
 text-align: center;

gajewsk2

<span class="card">
  <a href="http://jisho.org/search/{{kanji:Expression}}"> 
    {{Meaning}}
  </a>
</span>

<br/> <br/>

<div class="light small">{{hint:Hint}} </div>

gajewsk2

//FRONT

<span class="card">
  <a href="http://jisho.org/search/{{kanji:Expression}}"> 
    {{Meaning}}
  </a>
</span>


//BACK

gajewsk2

FRONT
<iframe id="h" src="http://www.micahgajewski.com/vesperia/{{Front}}"></iframe>
BACK
<iframe src="http://www.micahgajewski.com/vesperia/{{Front}}&lang=eng"></iframe>

STYLING

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,

gajewsk2

<!--<tts service="google" voice="ja">{{Expression}}</tts>-->
<no tts>
<span class="reading">
  <a href="http://jisho.org/search/{{kanji:Expression}}">
    {{furigana:Reading}}
  </a>
</span>
</no tts>

<div style='font-family: Arial; font-size: 44px;'>{{Audio}}</div>

gajewsk2

Front:
------------------------------------------------
<div class="front">
<span><a href="http://kanji.koohii.com/study/?framenum={{frameNoV4}}">
{{keyword}}</a>
</span>
<br/>
<span class="small left">{{hint:hint}}</span>
</div>

gajewsk2

Front
-------------
<span class='media'>{{Audio}}</span><span class='media'>{{Video}}</span>
<div class='sequence_marker'>{{SequenceMarker}}</div>
<br />
<div class='media'>{{Snapshot}}</div>
<br />
<div class='reading'>{{furigana:Reading}}</div>
-------------