|
| 1 | +Please create an Obsidian note with interactive flashcards using native Obsidian HTML features. The note must include: |
| 2 | + |
| 3 | +1. Frontmatter (at the top) with the following properties: |
| 4 | + |
| 5 | +--- |
| 6 | + |
| 7 | +total: {{number of flashcards created}} |
| 8 | + |
| 9 | +topics: ["{{topic 1}}", "{{topic 2}}", "{{topic 3}}"] |
| 10 | + |
| 11 | +created: "{{current date in YYYY-MM-DD format}}" |
| 12 | + |
| 13 | +--- |
| 14 | + |
| 15 | +2. Interactive flashcards using HTML details/summary tags (below the frontmatter). |
| 16 | + |
| 17 | +**Instructions:** |
| 18 | + |
| 19 | +- Extract key concepts, facts, definitions, relationships, and important information from the content |
| 20 | +- Identify all testable knowledge points: definitions, concepts, facts, formulas, relationships, processes, dates, names, theories, principles, etc. |
| 21 | +- Extract 3-7 main topics or themes from the content for the topics array in frontmatter |
| 22 | +- **CRITICAL: Randomize the order of flashcards - mix different topics, difficulty levels, and question types together. Do NOT follow the original content order or group by topic. Create a varied, shuffled study experience.** |
| 23 | +- Create 10-30 flashcards depending on content length and density |
| 24 | +- Prioritize information that is: |
| 25 | + - Fundamental to understanding the topic |
| 26 | + - Frequently referenced or important |
| 27 | + - Easy to forget (dates, numbers, specific details) |
| 28 | + - Part of a sequence or process |
| 29 | + - A definition or key concept |
| 30 | + |
| 31 | +- Maintain the exact markdown syntax for the frontmatter block (`---` at the top and bottom). |
| 32 | +- Each property in frontmatter must be on its own line with proper YAML indentation |
| 33 | +- Topics should be an array: topics: ["Topic 1", "Topic 2", "Topic 3"] |
| 34 | +- Total should be a number without quotes |
| 35 | +- Created should be a string in quotes with format "YYYY-MM-DD" |
| 36 | + |
| 37 | +- Format each flashcard using HTML details/summary tags: |
| 38 | + - Each flashcard must be a separate <details> block with class="flashcard" |
| 39 | + - The <summary> tag must have class="flashcard-question" and contain the question |
| 40 | + - The answer must be wrapped in <div class="flashcard-answer"> |
| 41 | + - Leave a blank line after </summary> and before </details> for proper spacing |
| 42 | + - Answers can include markdown formatting (bold, italic, lists, links, etc.) |
| 43 | + - Answers can span multiple paragraphs |
| 44 | + |
| 45 | +- Questions should test understanding, not just recall |
| 46 | +- Answers should be complete but concise (typically 1-4 sentences, but can be longer if needed) |
| 47 | +- Include context and examples when helpful |
| 48 | +- Use clear, specific language |
| 49 | +- Make questions specific and focused (avoid overly broad questions) |
| 50 | +- Include [[internal links]] to related notes or concepts when relevant |
| 51 | +- Use **bold** for key terms in answers |
| 52 | +- Group related information in answers using lists or structured formatting |
| 53 | + |
| 54 | +- Do not use ``` code blocks or markdown code formatting in the output |
| 55 | +- Focus on accuracy and completeness based on the actual content provided |
| 56 | + |
| 57 | +**Example Output Format:** |
| 58 | + |
| 59 | +--- |
| 60 | + |
| 61 | +total: 3 |
| 62 | + |
| 63 | +topics: ["Cell Biology", "Energy Production", "Molecular Biology"] |
| 64 | + |
| 65 | +created: "2025-01-09" |
| 66 | + |
| 67 | +--- |
| 68 | + |
| 69 | +<details class="flashcard"> |
| 70 | +<summary class="flashcard-question">What is the primary function of mitochondria?</summary> |
| 71 | + |
| 72 | +<div class="flashcard-answer"> |
| 73 | + |
| 74 | +Mitochondria are organelles that produce ATP (adenosine triphosphate) through cellular respiration. They are often called the "powerhouse of the cell" because they generate most of the cell's energy supply. |
| 75 | + |
| 76 | +Related: See also [[Chloroplasts]] for plant cell energy production. |
| 77 | + |
| 78 | +</div> |
| 79 | + |
| 80 | +</details> |
| 81 | + |
| 82 | +<details class="flashcard"> |
| 83 | +<summary class="flashcard-question">What is the difference between DNA and RNA?</summary> |
| 84 | + |
| 85 | +<div class="flashcard-answer"> |
| 86 | + |
| 87 | +- **DNA**: Double-stranded, contains thymine, stores genetic information |
| 88 | +- **RNA**: Single-stranded, contains uracil, involved in protein synthesis |
| 89 | + |
| 90 | +</div> |
| 91 | + |
| 92 | +</details> |
| 93 | + |
| 94 | +<details class="flashcard"> |
| 95 | +<summary class="flashcard-question">How does photosynthesis work?</summary> |
| 96 | + |
| 97 | +<div class="flashcard-answer"> |
| 98 | + |
| 99 | +Photosynthesis occurs in two stages: |
| 100 | + |
| 101 | +1. **Light-dependent reactions**: Chlorophyll absorbs light energy, splits water molecules, and produces ATP and NADPH |
| 102 | +2. **Calvin cycle**: Uses ATP and NADPH to convert carbon dioxide into glucose |
| 103 | + |
| 104 | +</div> |
| 105 | + |
| 106 | +</details> |
| 107 | + |
| 108 | +Important Notes: |
| 109 | +- ALWAYS include frontmatter with total, topics, and created date |
| 110 | +- Each property in frontmatter must be on its own line (no nesting, flat structure like the YouTube template) |
| 111 | +- Topics should be an array: topics: ["Topic 1", "Topic 2", "Topic 3"] |
| 112 | +- Created should be a string in quotes: created: "2025-01-09" |
| 113 | +- Total should be a number without quotes: total: 15 |
| 114 | +- Use proper HTML syntax - ensure all tags are properly closed |
| 115 | +- Output the actual HTML tags directly (NOT inside markdown code blocks) |
| 116 | +- Each flashcard should be separated by a blank line for readability |
| 117 | +- **RANDOMIZE THE ORDER: Mix topics, difficulty levels, and question types - do not follow source material order** |
| 118 | +- Include [[internal links]] to related concepts when relevant |
| 119 | +- Answers can include markdown formatting like **bold**, *italic*, lists, and [[internal links]] |
| 120 | +- If content is very long, focus on the most important concepts |
| 121 | +- If content is technical, ensure definitions are clear |
| 122 | +- Maintain the original meaning and accuracy of the source material |
| 123 | +- All flashcards will be in one note - users can click to reveal answers |
| 124 | +- This format works natively in Obsidian without requiring any plugins |
0 commit comments