Skip to content

Instantly share code, notes, and snippets.

@JohnBra
Last active March 30, 2024 00:50
Show Gist options
  • Save JohnBra/5814869199bf8cbcde99562b98751b89 to your computer and use it in GitHub Desktop.
Save JohnBra/5814869199bf8cbcde99562b98751b89 to your computer and use it in GitHub Desktop.
2k6k front, back and styling
<!-- Copy everything for the respective card side in between the START and END comments -->
<!-- Front of card START -->
<div style="font-size: 18px;">{{hint:Vocabulary-Kana}}</div>
<div style="font-size: 50px;">{{Vocabulary-Kanji}}</div>
<div style="font-size: 25px;">{{hint:Expression}}</div>
<!-- Front of card end END -->
<!-- Back of card START -->
{{FrontSide}}
<hr id=answer>
<span style="font-size: 35px;">{{Vocabulary-English}}</span>
<div style="font-size:16px;">
<a href="https://jisho.org/search/{{Vocabulary-Kanji}}">Jisho</a>
</div>
<div style="margin: 20px 0px">
{{Vocabulary-Audio}}
{{Sentence-Audio}}
</div>
<div style="font-size: 35px; margin-bottom: 10px">{{Vocabulary-Kana}}</div>
<div style="font-size: 14px; margin-bottom: 10px">{{Vocabulary-Pos}}</div>
<div style="font-size: 40px;">{{Expression}}</div>
<div style="font-size: 40px; margin-bottom: 10px">{{hint:furigana:Reading}}</div>
<div style="font-size: 25px;">{{Sentence-English}}</div>
<!-- Back of card END -->
<!-- Styling of card START -->
.card {
font-family: arial;
font-size: 25px;
text-align: center;
color: White;
background-color: Black;
}
.nightMode svg.pitch {
filter: invert(1);
}
<!-- Styling of card END -->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment