/Anki-Card-Templates

Decks of templates + source code for Anki cards

Primary LanguageCSS

Anki Card Templates

Memrise

This card template replicates the Memrise interface to make Anki more accessible for ex-Memrise users. The functionality includes typing-in and multiple-choice questions, automatic answer grading with the info screen on failed cards, image and audio cards (buttons fully animated), on-screen keyboard with the hint button, and more. It works on desktop as well as in mobile app*:

*tested on Android (AnkiDroid app), some features might not fully function on iPhones (AnkiMobile app)

 

More screenshots

Audio question Multiple-choice question Images On-screen keyboard Spelling corrections Hint button

Memrise vs Anki template comparison

Corrections and changes

This template does not use any of the original Memrise code and is written from scratch with only references to such things as measurements, colors, and fonts. It is designed to have the simplest possible HTML code in order to facilitate further customization. This simplicity also helps avoid many visual bugs and other issues present in the original Memrise layout:

List of fixed issues

All screenshots and recordings are marked by the respective logos:

ank_s - Anki

mem_s - Memrise  

  1. Elements jumping on answer submission

Submit jitter (Anki vs Memrise)  

  1. Cropped fonts

Fonts cropping (Anki vs Memrise)  

  1. Audio icons blurring on hover

Audio blurring (Anki vs Memrise)  

  1. Added keyboard navigation for audio buttons

Keyboard navigation (Anki)  

  1. On-screen keyboard buttons response to clicks:

Button clicks (Anki vs Memrise)  

  1. Keyboard character alignment improved (text baseline instead of bounding box center):

Keys centering (Anki vs Memrise)  

  1. Aliasing artifacts in the corners of buttons:

Aliasing (Anki vs Memrise)  

  1. The pressed multiple-choice button stays pressed instead of jittering back:

Multiple-choice click (Anki vs Memrise)  

  1. Color scheme is consistent (the graying-out effect is removed, the correct and pressed buttons are recolored to match the good and bad answers in typing questions):

Color scheme (Memrise)

Color scheme (Anki)  

  1. Multiple-choice number labels centering:

Multiple-Choice labels (Anki vs Memrise)  

  1. Multiple-choice questions are ensured to have only unique options, unlike their implementation at Memrise:

Choice is not an option (Memrise)

  1. Audio buttons do not use raster assets, which reduces size, improves image sharpness, and keeps the code self-contained. Also, icons for audio questions do not scale up to comically large sizes for wide monitors.

Audio button blurring

There is also an interactive online demo to get a first-hand impression of the functionality without downloading anything.

πŸ’‘ Quick start

  1. Download the template from AnkiWeb and open the Memrise… .apkg file with Anki
  2. Use Memrise (LΟ„) Preset […] v3.32 Note Type when making new cards (click Add β†’ …), or importing a spreadsheet (Fileβ†’Import β†’ … full guide)
  3. For typing on Android: app settings βš™οΈ β†’ Advanced β†’ Type answer into the card β†’ switch ON

Enabling Multiple-Choice cards (Optional):

  1. Instal the support addon in desktop Anki: Tools β†’ Add-ons β†’ Get Add-ons β†’ Paste "884199977" β†’ Ok β†’ Restart Anki
  2. Open Browse window β†’ Select Cards in the table πŸ–±οΈ β†’ Right Click πŸ–±οΈ β†’ Fill Choices β†’ Ok
  3. To make Multiple-Choice cards available in the app: Sync in Anki desktop β†’ Sync in AnkiDroid

If you require any help with this, please feel free to leave a comment in this Anki Forum thread. Feedback and feature suggestions are also very much appreciated.

Customization

🚧 The main file is `Memrise Templates (LΟ„) v2.3.apkg`. Opening it with Anki adds `Memrise Templates (LΟ„) v2.3` Note Type, which can then be used to create new cards, change Note Type of existing ones, or import external spreadsheets.
Both, the deck and the single card in it, which are imported with the Note Type, serve only as its holders and can be deleted right away.
  • Memrise vs Anki
    • Note vs Card
    • Note Type settings = course settings | Card Type settings = level settings)
  • Adding Note Type
  • Adding Card Type
    • text and labels
    • changing question | converting to Audio/image
    • changing answer | converting to MCh
    • conditions
  • Editing Note Fields (Memrise columns)
    • Adding (New {{Extra}} | {{Notes}})
    • Renaming
  • keyboard
  • classes: off | memblob | large
  • Converting from other Note Types

If you have cards in your collection, that were previously created with other templates, and you want to convert them to this one, after downloading and importing the latest .akpg deck follow these steps:

  1. In your Anki open the Browser by clicking on Browse button in the top center menu
  2. In the left tab scroll down and open the Note Types category
  3. Click on the name of a Note Type you want to convert
  4. Click on any of the cards displayed in the table, then press Ctrl + A to select all of them
  5. In the top menu go to Notes -> Change Note Type
  6. In the top right dialog of Note Type conversion select the Memrise template you want to use
  7. Check the mapping of the Current fields to the New ones
  8. Press Save

Same steps can be taken to update from older versions of the Memrise Template. In that case, fields on the left and on the right in step 7 should be identical.

Downloading courses from Memrise

The template can be used for Memrise courses imported into Anki with this extension

Support

If you found this template useful, please consider supporting the development by rating it on AnkiWeb or buying a coffee:

Rate on AnkiWeb   Buy me a Coffee