Giter Site home page Giter Site logo

anki_templates's Introduction

Anki Theme

Learning English grammar with Anki:

Themes for Raymond Murphy’s system books and not only. (tested on macOs, AnkiMobile, Windows)

Table of contents


This Anki theme will help make your English decks a little more effectively. Janki method, spaced repetition software is a helpful learning tool for English grammar from beginner to experienced.

The template is built in html, javascript and css. Include fields: audio, transcriptions.

Some notes from official site.

Creating your own deck is the most effective way to learn a complex subject. Subjects like languages and the sciences can’t be understood simply by memorizing facts — they require explanation and context to learn effectively. Furthermore, inputting the information yourself forces you to decide what the key points are, leading to a better understanding.

Do not learn if you do not understand. —SuperMemo

Preview image1Preview image2Preview image2

Notes

Each Anki client and each Anki version may implement card display differently, so you will need to test the behaviour across platforms. Currently was tested only Mac clients (desctop and iPad). But was made responsive layout for iPhones versions. Also was tested on the Windows 10 (desctop) last version Anki.

Card Types

The type of card.
[Cloze]

  • Freeform show/hide, question/answer, audio/subtitles fields.

some necessary operations for this template:

  • Anki doesn’t import fonts, so you need install these fonts to your OS:
    _CronosPro-Bold.ttf
    _CronosPro-Lt.ttf
    _CronosPro-LtIt.ttf
    _CronosPro-Regular.ttf
    _CronosPro-Semibold.ttf
    _TektonPro-Regular.ttf
    This fonts were taken from original source for best fitness. And some layouts were made for them. So it’s recommended. For instaling in a folder Reference files/fonts
  • On mobile version it is necessary switch off tap zones.
  • Instal a plug-in: Replay buttons on card for sound fields.

Optional recommended

Usage (keyboard interface control)

  • - show modal window with theory
  • - show Unit, name of the Unit
  • - show similar answer example
  • ^ + [1-7] (numbers) - show corresponding to the number extra. window with gram. rules.

pressing these keys again returns the previous card display

Card Fields

Fields marked Optional fields (♟ ♻ ✎ ♫ ♨) can be left blank and the template will ignore them. Required fields (✔) are required in order for a card to be generated.

✔ID:

Required

example - “3.4.9” = (3-unit); (4-exercise); (9-question).

✔№ Unit:

Required / optional (hiding field by button)

example - “Unit 3”.

✔ Unit Name:

Required (hiding field by button)

example - “Present continuous and present simple 1 (I am doing and I do)”.

✔♞Exercise:

Required

example - “Complete the conversations.”.

✔☛ Question:

Required

example -
“A: Hi, Nicola. How {{c1::'s your new job going::(your new job / go)}}?
B: Not bad. It wasn't so good at first, but {{c1::it's getting::(it / get)}} better now.
A: What about Daniel? Is he OK?
B: Yes, but {{c1::he isn't enjoying / he's not enjoying::(he / not / enjoy)}} his work right now. He's been in the same job for a long time and {{c1::he's beginning / he is beginning::(he / begin)}} to get bored with it.” On the card
To choose typing area press tab - once or twice.

When you start typing in field the cursive example disappear. But it can be displayed by hover on the input field.

On the card This field is button also. By the tap on this field ♟ Example field opens

back side view You can add sound into this field: 7. [sound:rec1491131723.mp3] It isn’t true what they said. {{c1::They’re lying / (b}}.

★ Selectable choices (separate note type)

(available only for [base] type of card) | (was not tested in AnkiDroid & Linux)

Optional

  • Choose from the suggested answers.
  • The correct answer can be one or more.
  • if the number of selected fields is more or less than the correct ones, any of the answers is not correct.
  • filling this field must correspond to the following (divide the variants through this character "|"):

variant-1 | <i>variant-2</i> | variant-3

Preview gif

♫ Answer

Optional (on the back side of card)

recommended use AwesomeTTS text-to-speech add-on for this field. window of editing
back side view

✎ Choices

Optional

example 1 -
“start; get; increase; change; rise”

use “;” for words split.
use “;” for words split.

example 2
“not in order to;in order not to;in order to | attract more passengers;be overheard;avoid paying tax there;criticise her;tease them”

and use “|” for differentiation words.
and use “|” for differentiation of groups words.

✎ Add Words 1 box and ✎ Add Words 2 box

Optional

example -

edit
edit

Or one box only
Or one box only

the second field is empty
the second field is empty

And for anything but use sparingly, as it's always best to be succinct with Anki. Think of this as a 'reference' for future use:

  • Links to documentation
  • Supplementary notes
  • Anything that is universal between cards

♫ Question

Optional

Sound for question if it necessary. In this case use ♟ Example field for subtitles.

On the card back side view

♟ Example

Optional (hiding field by button)

image or text

example of screenshot
example of screenshot

on the card
on the card

»»♻«« Image for Question

Optional

Use it for image.

♨ Hint Front

Optional (hiding field by button)
as idea this field for the theory

If this field for image use - recommended width: ~ 1000px;
by example I paste “A”section’s screenshot from original book.

example of screenshot
example of screenshot

♫ Hint Front

Optional (hiding field by button)

Sound for content of ♨ Hint Front field.
! If them several then - by a new row each sound.

!

♨ Hint Back

Optional
(hiding field by button for back side card)
as idea this field for the theory

If this field for image use - recommended width: ~ 1000px;
by example I paste “B C D”sections’s screenshot from original book.

example of screenshot
example of screenshot

♫ Hint Back

Optional
(hiding field by button for back side of card)

Sound for content of ♨ Hint Back field.
! If them several then - by a new row each sound.

Technical note!

There is a little, but noticeable difference in the display of the font (line-height) in comparison with Anki 2.0 and Anki 2.1.

For 2.1 no changes require. For correct display of button in Anki 2.0 add the following code in the edit mode, in "Styling" field to the end of this section.

For templates "Elementary" and "Intermediate":

.win #overlay_title #p_button,
.mac #overlay_title #p_button {
  line-height: 120%; 
}

.mac .overlay .p_app_button,
.win .overlay .p_app_button {
   line-height: 180%; 
}

.win .material-icons,
.mac .material-icons {
    line-height: 168%;
}

For template "Advanced":

.win #overlay_title #p_button,
.mac #overlay_title #p_button {
  line-height: 120%; 
}

.mac .overlay .p_app_button,
.win .overlay .p_app_button {
   line-height: 180%; 
}

.win .material-icons,
.mac .material-icons {
    line-height: 168%;
}
.win .appendixes,
.mac .appendixes {
 margin-top: -340px;
}

By me a coffee

Buy Me A Coffee

Created by gh-md-toc

anki_templates's People

Contributors

bikenik avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

anki_templates's Issues

Extending the Anki theme ...

Hey @bikenik — first of all, thanks for using my theme! It's nice to see what you're doing with it.

At some point in the next few months I need to get back to my Anki programming theme, tidy up (or reinvent) the CSS and make the documentation a little clearer.

I wouldn't want to interrupt your hard work, so would be helpful to hear what you have planned and how I can avoid too many breaking changes.

I'm actually learning a language too! (French) I did build some basic language themes based on Fluent Forever, but they have a new app coming out soon which I've signed up for, so it's likely I'll ditch Anki for that (it's still great but takes time to set up the language cards)

  • I especially like your multiple choice
    • Does it work on AnkiDroid / iOS?
  • Perhaps it could be helpful to add a section for custom templates?

Thanks,

Rob

AnkiMobile support

AnkiMobile support about updating Anki-mobile

@dae

Just ensuring the various parts of Anki play nicely together is difficult in itself, and when you add third-party code to the mix, it is almost impossible to make changes without it sometimes affecting someone.

Anki does not go out of its way to stop you from using Javascript, but the expectation is that if you do use it, you will investigate any problems yourself, and be prepared to occasionally have to make changes to keep things working. Do I appreciate third-party developers contributing card templates to users? Sure, of course, I do.

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.