heisig cards

gistfile1.txt

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>

Styling:
------------------------------------------------
div.front, div.back {
	text-align:center;
	font-family: Courier;
	font-size: 30px;
}

span.small {font-size: 15px;}
span.normal {font-size: 30px;}
span.large {font-size: 60px;}
span.italic {font-style:italic;}

.left {float:left;}


.pull-left {
  float: left !important;
  margin-right: 1000px;
width:50%;
}

Back:
------------------------------------------------
<div class="back">
	<a href="http://kanji.koohii.com/study/?framenum={{frameNoV4}}">
	<span>{{keyword}}</span>
	</a>
<hr>
	<div class="pull-left">{{Diagram}}	</div>	
<hr>
	On-Yomi: <span class="japanese">{{onYomi}}</span> |
	Kun-Yomi: <span class="japanese">{{kunYomi}}</span> |			Examples: <span class="japanese">{{readingExamples}}</span>
<hr>
<div class="large japanese">{{Kanji}}</div>
	Constituents: {{constituent}} <br/>
<hr>

<span>{{story1}}</span>
</hr>

<hr>
{{story2}}
</hr>

	<hr>
	<span>{{heisigStoryV4}}</span>
	<br/>
	<span class="italic">{{heisigCommentV4}}</span>
	<hr/>

	Lesson: {{lessonNo}} | 
	Frame (v6/v4): {{frameNoV6}}/{{frameNoV4}}	
	 | 
	Strokes: {{strokeCount}}

<div>JLPT:{{jlpt}}</div>
<div>常用漢字: {{jouYou}}

<hr>

	{{strokeDiagram}}	

</div>

<!-- available fields
id
frameNoV4
keyword
kanji
constituent
strokeCount
lessonNo
heisigStoryV4
heisigCommentV4
frameNoV6
jouYou
jlpt
onYomi
kunYomi
words
koohiiStory1
koohiiStory2
strokeDiagram
readingExamples
hint
-->