├── multi-line-typed-answers ├── frontcard.html ├── backcard.html ├── README.md └── styling.css ├── programming ├── fields.png ├── styling.png ├── card-back.png ├── card-front.png ├── add-note-type.png ├── backcard.html ├── frontcard.html ├── styling.css └── README.md └── README.md /multi-line-typed-answers/frontcard.html: -------------------------------------------------------------------------------- 1 | {{Front}} 2 | [[typebox:Back]] 3 | -------------------------------------------------------------------------------- /multi-line-typed-answers/backcard.html: -------------------------------------------------------------------------------- 1 | {{FrontSide}} 2 | 3 |
4 | 5 | {{Back}} 6 | -------------------------------------------------------------------------------- /programming/fields.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/leej11/anki-templates/HEAD/programming/fields.png -------------------------------------------------------------------------------- /programming/styling.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/leej11/anki-templates/HEAD/programming/styling.png -------------------------------------------------------------------------------- /programming/card-back.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/leej11/anki-templates/HEAD/programming/card-back.png -------------------------------------------------------------------------------- /programming/card-front.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/leej11/anki-templates/HEAD/programming/card-front.png -------------------------------------------------------------------------------- /programming/add-note-type.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/leej11/anki-templates/HEAD/programming/add-note-type.png -------------------------------------------------------------------------------- /programming/backcard.html: -------------------------------------------------------------------------------- 1 | {{FrontSide}} 2 | 3 |
4 | 5 | {{Answer}} 6 | 7 |
8 | -------------------------------------------------------------------------------- /programming/frontcard.html: -------------------------------------------------------------------------------- 1 | {{Question}} 2 |
3 |
4 |
{{Type Hint}}
5 |
6 | {{type:Answer}} 7 | -------------------------------------------------------------------------------- /multi-line-typed-answers/README.md: -------------------------------------------------------------------------------- 1 | * Instructions and background: https://www.liamgower.com/main-blog/multi-line-typed-answers-in-anki 2 | * Video Instructions: https://youtu.be/vcHdg9oIPmA 3 | -------------------------------------------------------------------------------- /programming/styling.css: -------------------------------------------------------------------------------- 1 | .card { 2 | font-family: arial; 3 | font-size: 20px; 4 | text-align: center; 5 | color: black; 6 | background-color: white; 7 | } 8 | 9 | .hint { 10 | font-size: 10px; 11 | color: blue; 12 | } 13 | -------------------------------------------------------------------------------- /multi-line-typed-answers/styling.css: -------------------------------------------------------------------------------- 1 | .card { 2 | font-family: arial; 3 | font-size: 20px; 4 | text-align: center; 5 | color: black; 6 | background-color: white; 7 | } 8 | 9 | textarea { 10 | height: 300px; 11 | } 12 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # anki-templates 2 | 3 | This repo is to share any useful templates I have related to Anki. 4 | 5 | Open to suggestions, issues and PRs! 6 | 7 | ## Programming Template 8 | * Video: https://www.youtube.com/watch?v=lw5HsaFswEQ 9 | * Blog Post: https://www.liamgower.com/main-blog/learn-code-with-anki 10 | 11 | ## Multi-Line Typed Answers 12 | * Video: https://www.youtube.com/watch?v=vcHdg9oIPmA 13 | * Blog Post: https://www.liamgower.com/main-blog/multi-line-typed-answers-in-anki 14 | -------------------------------------------------------------------------------- /programming/README.md: -------------------------------------------------------------------------------- 1 | # Programming Anki Notes/Cards 2 | This is a brief guide to setting up Programming notes/cards for Anki 3 | 4 | ### Creating a New Note Type 5 | 1. Navigate to *Tools -> Manage note types* 6 | 2. Click *Add* to make a new note type 7 | 8 | 9 | 10 | 3. Select *Add Basic* 11 | 12 | ### Editing the Fields 13 | Fields are basically bits of information associated with a note. The default is "Front" and "Back", however you can literally have anything you like. 14 | 15 | In the context of programming, I have the following fields setup: 16 | 17 | 18 | 19 | For more information on customising fields, feel free to check out Anki's docs on the topic [here](https://docs.ankiweb.net/#/editing?id=customizing-fields) 20 | 21 | ### Editing the Card Templates 22 | Cards are what you can think of as the digital equivalent of physical paper flash-cards. These cards are constructed in HTML & CSS, and pull in information from your "fields". 23 | 24 | When constructing my Python card template, I make the following changes... 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | --------------------------------------------------------------------------------