Coder Social home page Coder Social logo

celesterspencer / anki-chinese-card-template Goto Github PK

View Code? Open in Web Editor NEW
2.0 2.0 0.0 238 KB

Anki/-droid template for learning chinese

CSS 1.78% JavaScript 7.01% HTML 91.21%
anki-flashcards anki anki-cards ankidroid flashcards hanzi pinyin card-template pegjs

anki-chinese-card-template's Introduction

Anki chinese card template

The idea of this template is to make it easier to associate hanzi with pinyin and the corresponding tone. Hanzi and pinyin are wrapped in a box with a color that corresponds to a tone.

card template example

The card template contains 4 fields

  • Hanzi
  • Pinyin
  • Translation
  • Hint

To create the layout the number of chunks for pinyin and hanzi have to fit. For hanzi every character is a chunk. Also an array of symbols .,;!?/ ended by a whitespace is a chunk. For pinyin, letters that may or may not be followed by a number are considered as a chunk.

Example

	我是从 ... 來的.
    wo3 shi4 cong2 ... lai2 de.
... .
wo3 shi4 cong2 ... lai2 de .

Colors

This template has a custom color coding. But can be changed to fit color codings of other programs.

tone color
first red
second green
third blue
forth purple
fifth/no gray

PEG.js

To properly associate hanzi with pinyin and tones PEG.js has been used to create parsers that cut the strings into chunks and split pinyin into text and tones.

anki-chinese-card-template's People

Contributors

celesterspencer avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.