2018-10-17 20:37:01 +00:00
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
|
<title>An Interactive Comic</title>
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="css/comic.css"/>
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->
|
|
|
|
|
<!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->
|
|
|
|
|
<!-- CHAPTER 0: INTRODUCTION - -->
|
|
|
|
|
<!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->
|
|
|
|
|
<!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->
|
|
|
|
|
|
|
|
|
|
<a name="0"></a>
|
2018-10-18 15:35:56 +00:00
|
|
|
|
<div class="divider">
|
|
|
|
|
<div id="chapter_name">
|
|
|
|
|
[todo: come up with a title]
|
|
|
|
|
</div>
|
|
|
|
|
<div style="text-align: right;">
|
|
|
|
|
by nicky case · oct 2018
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2018-10-17 20:37:01 +00:00
|
|
|
|
|
|
|
|
|
<div class="comic">
|
|
|
|
|
|
|
|
|
|
<!-- Muse -->
|
|
|
|
|
<panel w=400 h=650>
|
|
|
|
|
<pic src="pics/intro0.png" sx=0 sy=0></pic>
|
|
|
|
|
<words x=10 y=10 w=350 h=60>
|
|
|
|
|
In Greek mythology, Mnemosyne, the goddess of Memory...
|
|
|
|
|
</words>
|
|
|
|
|
<words x=30 y=330 w=310 h=60>
|
|
|
|
|
...was the mother of the Muses, the goddesses of inspiration.
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=600 h=60>
|
|
|
|
|
<words w=600 x=-15 no-bg>
|
|
|
|
|
|
|
|
|
|
So, how's Memory and Inspiration doing in schools?
|
|
|
|
|
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=550 h=250>
|
|
|
|
|
<pic src="pics/intro0.png" sx=400 sy=0></pic>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=500 h=250>
|
|
|
|
|
<pic src="pics/intro0.png" sx=400 sy=250></pic>
|
|
|
|
|
<words x=155 y=20 w=90 no-bg>
|
|
|
|
|
Yeah.
|
|
|
|
|
</words>
|
|
|
|
|
<words x=196 y=65 w=270 no-bg>
|
2018-10-18 15:35:56 +00:00
|
|
|
|
Not only are common practices like lectures, cramming, and re-reading <i>boring</i>,
|
2018-10-17 20:37:01 +00:00
|
|
|
|
science has shown they <i>don't even work well</i>.*
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=500 h=30 style="margin-top:-5px">
|
|
|
|
|
<words w=500 x=-15 y=-15 no-bg style="width: 500px; font-size:0.8em; text-align: right; color:#999;">
|
|
|
|
|
* all sources and links will be at the end of this comic!
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=500 h=350>
|
|
|
|
|
<pic src="pics/intro0.png" sx=400 sy=500></pic>
|
|
|
|
|
<words x=95 y=30 w=340 no-bg>
|
|
|
|
|
But what if I said there's a way to learn
|
|
|
|
|
that's evidence-based <i>and</i> fun?
|
|
|
|
|
</words>
|
|
|
|
|
<words x=164 y=141 w=300 no-bg>
|
|
|
|
|
What if I said there's a memory card game you can play, for 20 minutes a day,
|
|
|
|
|
to store <i>anything you choose</i> into long-term memory, <i>forever?</i>
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<!-- Therefore: SPACED REPETITION (interaction) -->
|
|
|
|
|
<!-- And it's called... -->
|
|
|
|
|
<panel w=600 h=300 bg="#e0e0e0">
|
|
|
|
|
<sim x=80 y=0 w=440 h=300 src="sims/singlecard/?card=spaced_rep"></sim>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<!-- Model: Us & Others -->
|
|
|
|
|
<panel w=500 h=450 fadeInOn="flip_spaced_rep">
|
|
|
|
|
<pic src="pics/intro0.png" sx=950 sy=0></pic>
|
|
|
|
|
<words x=10 y=10 w=430 h=60>
|
|
|
|
|
And it's <i>awesome</i>.
|
|
|
|
|
I started using Spaced Repetition earlier this year to learn French.
|
|
|
|
|
</words>
|
|
|
|
|
<words x=30 y=350 w=430 h=60>
|
|
|
|
|
In two <i>months</i>, I learnt more words than I did in two <i>years</i>
|
2018-10-18 15:35:56 +00:00
|
|
|
|
of high school French classes.
|
2018-10-17 20:37:01 +00:00
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=500 h=400>
|
|
|
|
|
<pic src="pics/intro0.png" sx=950 sy=450></pic>
|
|
|
|
|
<words x=10 y=10 w=400 h=60>
|
|
|
|
|
Since then, I've used Spaced Repetition to remember all sorts of things...
|
|
|
|
|
</words>
|
|
|
|
|
<words x=60 y=300 w=400 h=60>
|
|
|
|
|
...and this lil' memory card game became a core part of my <i>life</i>.
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=550 h=350>
|
|
|
|
|
<pic src="pics/intro0.png" sx=0 sy=850></pic>
|
|
|
|
|
<words x=10 y=10 w=500 h=30>
|
|
|
|
|
In short, Spaced Repetition = testing + time.
|
|
|
|
|
</words>
|
|
|
|
|
<words x=10 y=220 w=500 h=90>
|
2018-10-18 15:35:56 +00:00
|
|
|
|
You test yourself on a fact repeatedly, spacing out your repetitions over time.
|
|
|
|
|
(But won't this take forever? Ah, as we'll see later, there's a trick...)
|
2018-10-17 20:37:01 +00:00
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=400 h=400>
|
|
|
|
|
<pic src="pics/intro0.png" sx=0 sy=1200></pic>
|
|
|
|
|
<words x=10 y=20 w=290 no-bg>
|
|
|
|
|
Spaced Repetition is free, evidence-based, and so simple you can do it with a <i>shoebox</i>.
|
|
|
|
|
</words>
|
|
|
|
|
<words x=90 y=130 w=270 no-bg>
|
|
|
|
|
So, what's the catch? Why isn't <i>everyone</i> already doing Spaced Repetition?
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=400 h=400>
|
|
|
|
|
<pic src="pics/intro0.png" sx=400 sy=1200></pic>
|
|
|
|
|
<words x=10 y=20 w=330 no-bg>
|
|
|
|
|
Well, the catch is that making <i>any</i> new habit is hard
|
|
|
|
|
– especially a weird habit like Spaced Repetition.
|
|
|
|
|
</words>
|
|
|
|
|
<words x=100 y=134 w=270 no-bg>
|
|
|
|
|
That's why I made this badly-drawn interactive comic.
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=400 h=400>
|
|
|
|
|
<pic src="pics/intro0.png" sx=800 sy=1200></pic>
|
|
|
|
|
<words x=10 y=20 w=300 no-bg>
|
|
|
|
|
In this comic on Spaced Repetition,
|
|
|
|
|
I'll show you WHY it works, HOW it works...
|
|
|
|
|
</words>
|
|
|
|
|
<words x=110 y=140 w=250 no-bg>
|
|
|
|
|
...and help you get started with it <i>TODAY.</i>
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<!-- Ergo: SR WITH SR -->
|
|
|
|
|
|
|
|
|
|
<panel w=600 h=180>
|
|
|
|
|
<words w=600 x=-15 no-bg>
|
|
|
|
|
|
|
|
|
|
Also, throughout this comic,
|
|
|
|
|
you can test yourself on what you've learnt,
|
|
|
|
|
at spaced-out intervals.
|
|
|
|
|
<b>That is: you'll use Spaced Repetition to learn about Spaced Repetition.</b>
|
|
|
|
|
|
|
|
|
|
<br><br>
|
|
|
|
|
Like so:
|
|
|
|
|
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<panel w=600 h=400 bg="#e0e0e0">
|
|
|
|
|
<sim x=0 y=0 w=600 h=400 src="sims/multicard/?cards=intro_a,intro_b,intro_c"></sim>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=550 h=450>
|
|
|
|
|
<pic src="pics/intro0.png" sx=950 sy=1600></pic>
|
|
|
|
|
<words x=10 y=10 w=480 h=90>
|
|
|
|
|
Still, isn't "rote memorization" bad?
|
|
|
|
|
Can't we look everything up these days?
|
|
|
|
|
Shouldn't we learn creativity & critical thinking instead?
|
|
|
|
|
</words>
|
|
|
|
|
<words x=30 y=320 w=480 h=90>
|
|
|
|
|
There <i>is</i> no "instead".
|
|
|
|
|
Cognitive science shows
|
|
|
|
|
you <i>need</i> memorization for creativity & critical thinking.
|
|
|
|
|
(Imagine writing an essay if you know no words!)
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=550 h=300>
|
|
|
|
|
<pic src="pics/intro0.png" sx=0 sy=1600></pic>
|
|
|
|
|
<words x=10 y=20 w=310 no-bg>
|
|
|
|
|
Spaced Repetition isn't a "study trick".
|
|
|
|
|
It isn't a "life hack".
|
|
|
|
|
</words>
|
|
|
|
|
<words x=30 y=113 w=320 no-bg>
|
|
|
|
|
It's a way to take back control of your <i>mind.</i>
|
|
|
|
|
To make long-term memory a <i>choice</i>.
|
|
|
|
|
To develop a lifelong love of learning...
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=400 h=550>
|
|
|
|
|
<pic src="pics/intro0.png" sx=550 sy=1600></pic>
|
|
|
|
|
<words x=20 y=20 w=330 h=30>
|
|
|
|
|
...to mother your own, inner Muse.
|
|
|
|
|
</words>
|
|
|
|
|
<words x=240 y=480 w=120 h=30>
|
|
|
|
|
Let's begin.
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->
|
|
|
|
|
<!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->
|
|
|
|
|
<!-- CHAPTER 1: THE SCIENCE OF SPACED REPETITION - -->
|
|
|
|
|
<!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->
|
|
|
|
|
<!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->
|
|
|
|
|
|
|
|
|
|
<a name="1"></a>
|
|
|
|
|
<div class="divider">
|
|
|
|
|
<div id="chapter_name">
|
|
|
|
|
THE SCIENCE
|
|
|
|
|
<span class="small_of">
|
|
|
|
|
of
|
|
|
|
|
</span>
|
|
|
|
|
<br>
|
|
|
|
|
SPACED REPETITION
|
|
|
|
|
</div>
|
|
|
|
|
<div id="chapter_links"></div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="comic">
|
|
|
|
|
|
|
|
|
|
<!-- Part I: Decay -->
|
|
|
|
|
|
|
|
|
|
<panel w=500 h=450>
|
|
|
|
|
<pic src="pics/sci0.png" sx=0 sy=0></pic>
|
|
|
|
|
<words x=10 y=10 w=400 h=60>
|
|
|
|
|
In 1885, Hermann Ebbinghaus performed an act of scientific masochism.
|
|
|
|
|
</words>
|
|
|
|
|
<words x=30 y=320 w=430 h=90>
|
|
|
|
|
The German psychologist memorized <i>thousands</i> of nonsense words,
|
|
|
|
|
recorded how much he forgot over time, and discovered...
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=400 h=500>
|
|
|
|
|
<pic src="pics/sci0.png" sx=500 sy=0></pic>
|
|
|
|
|
<words x=60 y=10 w=250>
|
|
|
|
|
<b>THE FORGETTING CURVE</b>
|
|
|
|
|
</words>
|
|
|
|
|
<words x=10 y=310 w=350>
|
|
|
|
|
He found that you forget most of what you learn in the first 24 hours,
|
|
|
|
|
then – if you don’t practice recall – your remaining memories decay exponentially.
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=500 h=450>
|
|
|
|
|
<pic src="pics/sci0.png" sx=900 sy=0></pic>
|
2018-10-18 16:26:17 +00:00
|
|
|
|
<words x=10 y=10 w=440 h=90>
|
|
|
|
|
Philosophers have debated about memory for millennia,
|
|
|
|
|
but Ebbinghaus was the first to do actual <i>experiments.</i>
|
|
|
|
|
(which have been replicated)
|
2018-10-17 20:37:01 +00:00
|
|
|
|
</words>
|
2018-10-18 16:26:17 +00:00
|
|
|
|
<words x=20 y=350 w=440 h=60>
|
|
|
|
|
For that reason, Hermann Ebbinghaus is known as
|
|
|
|
|
the pioneer of the science of memory.
|
2018-10-17 20:37:01 +00:00
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=600 h=80>
|
|
|
|
|
<words w=600 x=-15 no-bg>
|
|
|
|
|
Here’s a playable simulation of the Forgetting Curve.
|
|
|
|
|
<b>Change the rate of memory decay. What happens to the curve?</b>
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=600 h=370>
|
|
|
|
|
<sim x=0 y=0 w=600 h=370 src="sims/ebbinghaus/?mode=0"></sim>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<!-- Part II: Reminder -->
|
|
|
|
|
|
|
|
|
|
<panel w=600 h=90>
|
|
|
|
|
<words w=600 x=-15 no-bg>
|
|
|
|
|
As you can see, the less the decay, the flatter the curve –
|
|
|
|
|
that is, the longer the memory lasts.
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=400 h=400>
|
|
|
|
|
<pic src="pics/sci0.png" sx=0 sy=500></pic>
|
|
|
|
|
<words x=10 y=10 w=300>
|
|
|
|
|
How fast a person’s memory decays depends on the person and the memory...
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=400 h=400>
|
|
|
|
|
<pic src="pics/sci0.png" sx=400 sy=500></pic>
|
2018-10-18 16:26:17 +00:00
|
|
|
|
<words x=10 y=10 w=330>
|
|
|
|
|
But in general, a memory’s “rate of decay” slows down each time you <b>actively recall</b> it.
|
|
|
|
|
(as opposed to, say, passively re-reading it)
|
2018-10-17 20:37:01 +00:00
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=400 h=400>
|
|
|
|
|
<pic src="pics/sci0.png" sx=800 sy=500></pic>
|
|
|
|
|
<words x=10 y=10 w=300>
|
|
|
|
|
(although, when you stop practicing, it still decays.)
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=600 h=120>
|
|
|
|
|
<words w=600 x=-15 no-bg>
|
|
|
|
|
Here’s the simulation again, with a single active recall session.
|
|
|
|
|
<br>
|
|
|
|
|
(grey line: what memory would've been <i>without</i> the recall)
|
|
|
|
|
<br>
|
|
|
|
|
<b>Change the recall timing to see how it affects the curve:</b>
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=600 h=400>
|
|
|
|
|
<sim x=0 y=0 w=600 h=400 src="sims/ebbinghaus/?mode=1"></sim>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<!-- Part III: Desirable Difficulty -->
|
|
|
|
|
|
|
|
|
|
<panel w=600 h=90>
|
|
|
|
|
<words w=600 x=-15 no-bg>
|
|
|
|
|
A single recall boosts memory for a bit... but in the long run,
|
|
|
|
|
due to exponential decay of memory, a single recall changes nothing.
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=450 h=400>
|
|
|
|
|
<pic src="pics/sci1.png" sx=0 sy=0></pic>
|
|
|
|
|
<words x=10 y=10 w=390>
|
|
|
|
|
Is there a better way to learn?
|
|
|
|
|
There is! The trick to remembering...
|
|
|
|
|
</words>
|
|
|
|
|
<words x=210 y=330 w=200>
|
|
|
|
|
...<i>is to almost forget.</i>
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=500 h=300>
|
|
|
|
|
<pic src="pics/sci1.png" sx=450 sy=0></pic>
|
|
|
|
|
<words x=250 y=20 w=200>
|
|
|
|
|
To understand this, think about training your muscles.
|
|
|
|
|
You’ll gain nothing with a weight that’s too easy...
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=500 h=300>
|
|
|
|
|
<pic src="pics/sci1.png" sx=450 sy=300></pic>
|
|
|
|
|
<words x=250 y=20 w=200>
|
|
|
|
|
...nor one that’s too hard.
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=350 h=350>
|
|
|
|
|
<pic src="pics/sci1.png" sx=950 sy=0></pic>
|
|
|
|
|
<words x=10 y=10 w=300>
|
|
|
|
|
The same’s true of training your brain.
|
|
|
|
|
You need <b>desirable difficulty</b>: the sweet spot of just-hard-enough.
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=450 h=400>
|
|
|
|
|
<pic src="pics/sci1.png" sx=0 sy=400></pic>
|
|
|
|
|
<words x=10 y=10 w=360>
|
|
|
|
|
Therefore: to best learn something, you need to recall it...
|
|
|
|
|
</words>
|
|
|
|
|
<words x=60 y=330 w=350>
|
|
|
|
|
...<i>just as you’re about to forget it.</i>
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=600 h=120>
|
|
|
|
|
<words w=600 x=-15 no-bg>
|
|
|
|
|
Same simulation as before, but now it shows the <span style="background:#ffe866">sweet spot</span> –
|
|
|
|
|
where you’ve forgotten <i>just a little bit.</i>
|
|
|
|
|
<b>Put the recall in the <i>middle</i> of the sweet spot. What happens?</b>
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=600 h=400>
|
|
|
|
|
<sim x=0 y=0 w=600 h=400 src="sims/ebbinghaus/?mode=2"></sim>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<!-- Part IV: Bigger and Bigger spaces -->
|
|
|
|
|
|
|
|
|
|
<panel w=600 h=90>
|
|
|
|
|
<words w=600 x=-15 no-bg>
|
|
|
|
|
See? If you time a recall so that it's right in the sweet spot,
|
|
|
|
|
you can slow the decay by a lot!
|
|
|
|
|
Now, what about <i>multiple</i> recalls?
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=500 h=450>
|
|
|
|
|
<pic src="pics/sci2.png" sx=0 sy=0></pic>
|
|
|
|
|
<words x=10 y=10 w=430>
|
|
|
|
|
Let’s say you’re
|
|
|
|
|
<span style="text-decoration:line-through;">lazy</span>
|
|
|
|
|
time-efficient, so you’re only doing 4 recall sessions.
|
|
|
|
|
</words>
|
|
|
|
|
<words x=30 y=350 w=430>
|
|
|
|
|
Question:
|
|
|
|
|
<i>what’s the best way to spread out your recalls?</i>
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=500 h=350>
|
|
|
|
|
<pic src="pics/sci2.png" sx=500 sy=0></pic>
|
|
|
|
|
<words x=10 y=10 w=190>
|
|
|
|
|
Should you have evenly spaced gaps?
|
|
|
|
|
Gaps of increasing length?
|
|
|
|
|
Gaps of decreasing length?
|
|
|
|
|
Or make it unpredictable, to keep you on your toes?
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=400 h=90>
|
|
|
|
|
<words h=90>
|
|
|
|
|
<b>Give it your best guess</b>,
|
|
|
|
|
then when you’re ready, <b>flip the card over ↓</b>
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<!-- TODO: SAY again, guess THEN flip -->
|
|
|
|
|
<panel w=600 h=300 bg="#e0e0e0">
|
|
|
|
|
<sim x=80 y=0 w=440 h=300 src="sims/singlecard/?card=guessgap"></sim>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel fadeInOn="flip_guessgap" w=600 h=120>
|
|
|
|
|
<words w=600 x=-15 y=0 no-bg>
|
|
|
|
|
Which is very counter-intuitive!
|
|
|
|
|
You can prove to yourself this is true, by playing with the sim below.
|
|
|
|
|
<b>
|
|
|
|
|
Get all recalls into the <i>middle</i> of the <span style="background:#ffe866">sweet spot</span>.
|
|
|
|
|
What spacing do you get?
|
|
|
|
|
</b>
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=600 h=520>
|
|
|
|
|
<sim x=0 y=0 w=600 h=520 src="sims/ebbinghaus/?mode=3"></sim>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<!-- Part V: Sandbox -->
|
|
|
|
|
|
|
|
|
|
<panel w=600 h=120>
|
|
|
|
|
<words w=600 x=-15 no-bg>
|
|
|
|
|
(To prove this isn't a fluke,
|
|
|
|
|
here’s a sim where you can change
|
|
|
|
|
the initial memory decay & sweet spot.
|
|
|
|
|
Note how, in all but the extreme cases,
|
|
|
|
|
the best schedule is still “increasing gaps”!)
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=600 h=570>
|
|
|
|
|
<sim x=0 y=0 w=600 h=570 src="sims/ebbinghaus/?mode=4"></sim>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<!-- Part VI: And now, in practice... -->
|
|
|
|
|
|
|
|
|
|
<panel w=350 h=500>
|
|
|
|
|
<pic src="pics/sci2.png" sx=0 sy=450></pic>
|
|
|
|
|
<words x=10 y=10 w=300>
|
|
|
|
|
Why <i>must</i> the gaps increase?
|
|
|
|
|
Because: each time you do a recall at the sweet spot of forgetting,
|
|
|
|
|
the memory’s decay slows down...
|
|
|
|
|
</words>
|
|
|
|
|
<words x=10 y=400 w=300>
|
|
|
|
|
...meaning it’ll take <i>longer</i>
|
|
|
|
|
to hit the sweet spot next time!
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=500 h=500>
|
|
|
|
|
<pic src="pics/sci2.png" sx=350 sy=450></pic>
|
|
|
|
|
<words x=10 y=10 w=400>
|
|
|
|
|
But you know what’s sweeter?
|
|
|
|
|
This also means if you time your recalls just right...
|
|
|
|
|
</words>
|
|
|
|
|
<words x=60 y=400 w=400>
|
|
|
|
|
...you can easily keep <i>any number</i> of things in your long-term memory,
|
|
|
|
|
<i>FOREVER.</i>
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=250 h=250>
|
|
|
|
|
<pic src="pics/sci2.png" sx=850 sy=450></pic>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=600 h=90>
|
|
|
|
|
<words w=600 x=-15 no-bg>
|
|
|
|
|
And speaking of doing active recall in order to learn,
|
|
|
|
|
let's do some active recall on what we just learnt:
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=600 h=400 bg="#e0e0e0">
|
2018-10-18 16:26:17 +00:00
|
|
|
|
<sim x=0 y=0 w=600 h=400 src="sims/multicard/?cards=sci_a,sci_b,intro_b,sci_c"></sim>
|
2018-10-17 20:37:01 +00:00
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=400 h=400>
|
|
|
|
|
<pic src="pics/sci2.png" sx=0 sy=950></pic>
|
|
|
|
|
<words x=50 y=20 w=300 bg=none>
|
2018-10-18 16:26:17 +00:00
|
|
|
|
Well that's nice,
|
|
|
|
|
but actually <i>finding</i> a good Spaced Repetition schedule must be hard, right?
|
2018-10-17 20:37:01 +00:00
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=400 h=400>
|
|
|
|
|
<pic src="pics/sci2.png" sx=400 sy=950></pic>
|
|
|
|
|
<words x=50 y=30 w=300 bg=none>
|
|
|
|
|
<i>Au contraire!</i>
|
2018-10-18 16:26:17 +00:00
|
|
|
|
It’s actually so simple, you can even create your own automatic scheduler...
|
2018-10-17 20:37:01 +00:00
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=400 h=400>
|
|
|
|
|
<pic src="pics/sci2.png" sx=800 sy=950></pic>
|
|
|
|
|
<words x=30 y=30 w=200 bg=none>
|
|
|
|
|
...using a <i>shoebox.</i>
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->
|
|
|
|
|
<!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->
|
|
|
|
|
<!-- CHAPTER 2: THE ART OF SPACED REPETITION - -->
|
|
|
|
|
<!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->
|
|
|
|
|
<!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->
|
|
|
|
|
|
|
|
|
|
<a name="2"></a>
|
|
|
|
|
<div class="divider">
|
|
|
|
|
<div id="chapter_name">
|
|
|
|
|
THE ART
|
|
|
|
|
<span class="small_of">
|
|
|
|
|
of
|
|
|
|
|
</span>
|
|
|
|
|
<br>
|
|
|
|
|
SPACED REPETITION
|
|
|
|
|
</div>
|
|
|
|
|
<div id="chapter_links"></div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="comic">
|
|
|
|
|
|
|
|
|
|
<!-- Part 1.1: Leitner Calendar -->
|
|
|
|
|
|
|
|
|
|
<panel w=500 h=450>
|
|
|
|
|
<pic src="pics/leit0.png" sx=0 sy=0></pic> <!-- hey susan, TRAINERS -->
|
|
|
|
|
<words x=10 y=10 w=430 h=60>
|
|
|
|
|
You don't <i>have</i> to use a shoebox for Spaced Repetition,
|
|
|
|
|
but it's funnier if you do.
|
|
|
|
|
</words>
|
|
|
|
|
<words x=30 y=350 w=430 h=60>
|
|
|
|
|
(Later, we'll look at some Spaced Repetition <i>apps</i>,
|
|
|
|
|
like Anki & Tinycards)
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=500 h=370>
|
|
|
|
|
<pic src="pics/leit0.png" sx=500 sy=0></pic> <!-- poker: me vs brain -->
|
|
|
|
|
<words x=10 y=10 w=430 h=60>
|
|
|
|
|
This setup is called The Leitner Box.
|
|
|
|
|
It's like a card game you play against yourself!
|
|
|
|
|
</words>
|
|
|
|
|
<words x=30 y=300 w=430 h=30>
|
|
|
|
|
First, divide your box up into seven "Levels".
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=500 h=370>
|
|
|
|
|
<pic src="pics/leit0.png" sx=0 sy=480></pic>
|
|
|
|
|
<words x=10 y=10 w=430 h=30>
|
|
|
|
|
All new flashcards start at Level 1.
|
|
|
|
|
</words>
|
|
|
|
|
<words x=30 y=270 w=430 h=60>
|
|
|
|
|
(If you're new to Spaced Repetition, I recommend starting with 5 new cards a day.)
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=500 h=400>
|
|
|
|
|
<pic src="pics/leit0.png" sx=500 sy=480></pic> <!-- valhalla -->
|
|
|
|
|
<words x=10 y=10 w=430 h=60>
|
|
|
|
|
When you review a card, and get it right, it moves up <i>one</i> Level.
|
|
|
|
|
</words>
|
|
|
|
|
<words x=30 y=300 w=430 h=60>
|
|
|
|
|
(If you're at the final Level, congrats!
|
|
|
|
|
Your card gets to retire in your long-term memory)
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=500 h=430>
|
|
|
|
|
<pic src="pics/leit0.png" sx=0 sy=900></pic> <!-- HIGH STAKES -->
|
|
|
|
|
<words x=10 y=10 w=430 h=60>
|
|
|
|
|
But if you review a card, and get it wrong... it has to go
|
|
|
|
|
<i>all the way back down to Level 1.</i>
|
|
|
|
|
</words>
|
|
|
|
|
<words x=30 y=300 w=430 h=90>
|
|
|
|
|
(If it's already at Level 1, good news:
|
|
|
|
|
you can keep testing yourself on it until you get it right,
|
|
|
|
|
and move it up to Level 2)
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=500 h=400>
|
|
|
|
|
<pic src="pics/leit0.png" sx=0 sy=1370></pic>
|
|
|
|
|
<words x=10 y=10 w=430 h=120>
|
|
|
|
|
But <i>when</i> do we review cards?
|
|
|
|
|
That's the trick.
|
|
|
|
|
In the Leitner Box, we review Level 1 cards every day,
|
|
|
|
|
Level 2 every two days, Level 3 every <i>FOUR</i> days,
|
|
|
|
|
Level 4 every <i>EIGHT</i> days, etc...
|
|
|
|
|
</words>
|
|
|
|
|
<words x=30 y=300 w=430 h=60>
|
|
|
|
|
The pattern is: we <i>double the gap</i> (# of days between reviews) for each Level!
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=600 h=60>
|
|
|
|
|
<words w=600 x=-15 no-bg>
|
|
|
|
|
Here's what the looping 64-day game calendar looks like:
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=600 h=400 bg="#fff">
|
|
|
|
|
<sim x=0 y=0 w=600 h=400 src="sims/calendar/"></sim>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=500 h=490>
|
|
|
|
|
<pic src="pics/leit0.png" sx=500 sy=870></pic>
|
|
|
|
|
<words x=10 y=10 w=430 h=90>
|
|
|
|
|
(Note: the reason we review Level 1 at the end
|
2018-10-17 20:46:23 +00:00
|
|
|
|
is so you'll see your new cards <i>and</i> the cards you forgot from higher Levels.)
|
2018-10-17 20:37:01 +00:00
|
|
|
|
</words>
|
|
|
|
|
<words x=30 y=330 w=430 h=120>
|
|
|
|
|
(At the end of a daily game of Spaced Repetition,
|
|
|
|
|
leave no cards in Level 1.
|
|
|
|
|
Test yourself until you can get them all right,
|
|
|
|
|
and move them up to Level 2!)
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=400 h=400>
|
|
|
|
|
<pic src="pics/leit0.png" sx=600 sy=1400></pic>
|
|
|
|
|
<words x=10 y=10 w=350 h=90>
|
|
|
|
|
(Note #2: Spaced Repetition <i>apps</i> like Anki use a more sophisticated algorithm...)
|
|
|
|
|
</words>
|
|
|
|
|
<words x=10 y=300 w=350 h=60>
|
|
|
|
|
(...but at its core, it works on the same principles as the Leitner Box)
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=600 h=80>
|
|
|
|
|
<words w=600 x=-15 no-bg>
|
|
|
|
|
And that's all to it!
|
|
|
|
|
Here's how the game plays out, step by step:
|
2018-10-17 20:46:23 +00:00
|
|
|
|
(<b>This sim has no end. Once you "get it", just scroll down.</b>)
|
2018-10-17 20:37:01 +00:00
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=600 h=470 bg="#fff">
|
|
|
|
|
<sim x=0 y=0 w=600 h=470 src="sims/leitner/?mode=1"></sim>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- Part 1.3: Leitner Full Sim -->
|
|
|
|
|
|
|
|
|
|
<panel w=600 h=110>
|
|
|
|
|
<words w=600 x=-15 no-bg>
|
|
|
|
|
Each daily review takes 20-30 minutes.
|
|
|
|
|
Instead of watching a TV episode, you could play a card game –
|
|
|
|
|
and remember anything you want <i>for life</i>.
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=500 h=400>
|
|
|
|
|
<pic src="pics/leit1.png" sx=0 sy=0></pic> <!-- snowball -->
|
|
|
|
|
<words x=10 y=10 w=430 h=60>
|
|
|
|
|
However, habits are hard. If you start big, you won't get the ball rolling...
|
|
|
|
|
</words>
|
|
|
|
|
<words x=30 y=300 w=430 h=60>
|
|
|
|
|
But if you start <i>small</i>, you can gain momentum,
|
|
|
|
|
and roll your snowball bigger and bigger.
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=500 h=690>
|
|
|
|
|
<pic src="pics/leit1.png" sx=0 sy=400></pic> <!-- katamari damacy -->
|
|
|
|
|
<words x=10 y=10 w=430 h=60>
|
|
|
|
|
That's why I recommend <i>starting</i> with 5 new cards a day.
|
|
|
|
|
</words>
|
|
|
|
|
<words x=30 y=300 w=430 h=60>
|
|
|
|
|
Once you're comfortable with that, you can do 10 new cards/day.
|
|
|
|
|
Then 15. Then 20, 25, 30.
|
|
|
|
|
</words>
|
|
|
|
|
<words x=10 y=590 w=430 h=60>
|
|
|
|
|
And at 30 new cards a day, you can learn <i>10,000+</i> new facts/words/etc a <i>year.</i>
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=600 h=80>
|
|
|
|
|
<words w=600 x=-15 no-bg>
|
|
|
|
|
Here's how it plays out, in the long, <i>long</i> run.
|
|
|
|
|
Use this to calculate in advance how much <i>you</i> can learn with Spaced Repetition!
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=600 h=470 bg="#fff">
|
|
|
|
|
<sim x=0 y=0 w=600 h=470 src="sims/leitner/?mode=2"></sim>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- Part 1.3: Leitner Outro -->
|
|
|
|
|
|
|
|
|
|
<panel w=600 h=110>
|
|
|
|
|
<words w=600 x=-15 no-bg>
|
|
|
|
|
That's it. That's how you can make long-term memory a <i>choice</i>.
|
|
|
|
|
</words>
|
|
|
|
|
<words w=600 x=-15 y=50 no-bg>
|
|
|
|
|
Let's let that sink in. Take a break, and recall what we just learnt:
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=600 h=400 bg="#e0e0e0">
|
2018-10-18 16:26:17 +00:00
|
|
|
|
<sim x=0 y=0 w=600 h=400 src="sims/multicard/?cards=leit_a,intro_a,leit_b,intro_c,leit_c"></sim>
|
2018-10-17 20:37:01 +00:00
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- Part 2.1: Pitfalls -->
|
|
|
|
|
|
|
|
|
|
<panel w=600 h=140>
|
|
|
|
|
<words w=600 x=-15 no-bg>
|
|
|
|
|
<b>(TODO: Include practice flashcards from Chapter 1)</b>
|
|
|
|
|
<br><br>
|
|
|
|
|
Spaced Repetition almost seems too good to be true.
|
|
|
|
|
<br>
|
|
|
|
|
And it is... <i>IF</i> you fall for some very common pitfalls.
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=500 h=450>
|
|
|
|
|
<pic src="pics/leit1.png" sx=500 sy=0></pic> <!-- Library, humor -->
|
|
|
|
|
<words x=10 y=10 w=420 h=60>
|
|
|
|
|
Memory isn't a bookshelf
|
|
|
|
|
where you collect random giant tomes to impress others.
|
|
|
|
|
</words>
|
|
|
|
|
<words x=10 y=350 w=450 h=60>
|
|
|
|
|
That's to say: Spaced Repetition will fail if your cards feel
|
|
|
|
|
<i>bloated</i>, <i>disconnected</i> or <i>meaningless</i>.
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=500 h=450>
|
|
|
|
|
<pic src="pics/leit1.png" sx=500 sy=450></pic> <!-- Jigsaw ANGRY FACE -->
|
|
|
|
|
<words x=10 y=10 w=430 h=90>
|
|
|
|
|
Instead, memory is like a jigsaw puzzle: full of small, connected pieces.
|
|
|
|
|
(This is also how neurons work: lots of small, connected things)
|
|
|
|
|
</words>
|
|
|
|
|
<words x=30 y=380 w=430 h=30>
|
|
|
|
|
It's not about <i>collection</i>, it's about <i>connection</i>.
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=500 h=400>
|
|
|
|
|
<pic src="pics/leit1.png" sx=500 sy=900></pic>
|
|
|
|
|
<words x=10 y=10 w=410 h=60>
|
|
|
|
|
Thus, to get the most out of Spaced Repetition,
|
|
|
|
|
you must make your cards...
|
|
|
|
|
</words>
|
|
|
|
|
<!--SMALL, CONNECTED, and MEANINGFUL.-->
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<panel w=450 h=60>
|
|
|
|
|
<words w=450 x=-15 no-bg>
|
|
|
|
|
Let's see how.
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<!-- Part 2.2: Small -->
|
|
|
|
|
|
|
|
|
|
<panel w=600 h=150>
|
|
|
|
|
<pic src="pics/leit2.png" sx=0 sy=0></pic>
|
|
|
|
|
<!--words x=10 y=10 w=200>
|
|
|
|
|
<b>SMALL</b>
|
|
|
|
|
</words-->
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=450 h=50>
|
|
|
|
|
<words w=450 x=-15 no-bg>
|
|
|
|
|
This card sucks:
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=600 h=300 bg="#e0e0e0">
|
|
|
|
|
<sim x=80 y=0 w=440 h=300 src="sims/singlecard/?card=mitochondria_all"></sim>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=450 h=380>
|
|
|
|
|
<pic src="pics/leit2.png" sx=0 sy=450></pic>
|
|
|
|
|
<words x=10 y=10 w=400 h=30>
|
|
|
|
|
It's too big. Too much information.
|
|
|
|
|
</words>
|
|
|
|
|
<words x=10 y=250 w=400 h=90>
|
|
|
|
|
Let's cut it up into smaller, connected pieces!
|
|
|
|
|
As a rule of thumb, <i>each flashcard should have one & only one idea.</i>
|
|
|
|
|
Like so:
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=264 h=180 bg="#e0e0e0">
|
|
|
|
|
<sim x=-88 y=-60 w=440 h=300 src="sims/singlecard/?card=mitochondria_1" class="small_card"></sim>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=264 h=180 bg="#e0e0e0">
|
|
|
|
|
<sim x=-88 y=-60 w=440 h=300 src="sims/singlecard/?card=mitochondria_2" class="small_card"></sim>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=264 h=180 bg="#e0e0e0">
|
|
|
|
|
<sim x=-88 y=-60 w=440 h=300 src="sims/singlecard/?card=mitochondria_3" class="small_card"></sim>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=264 h=180 bg="#e0e0e0">
|
|
|
|
|
<sim x=-88 y=-60 w=440 h=300 src="sims/singlecard/?card=mitochondria_4" class="small_card"></sim>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=264 h=180 bg="#e0e0e0">
|
|
|
|
|
<sim x=-88 y=-60 w=440 h=300 src="sims/singlecard/?card=mitochondria_5" class="small_card"></sim>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=264 h=180 bg="#e0e0e0">
|
|
|
|
|
<sim x=-88 y=-60 w=440 h=300 src="sims/singlecard/?card=mitochondria_6" class="small_card"></sim>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=264 h=180 bg="#e0e0e0">
|
|
|
|
|
<sim x=-88 y=-60 w=440 h=300 src="sims/singlecard/?card=mitochondria_7" class="small_card"></sim>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=264 h=180 bg="#e0e0e0">
|
|
|
|
|
<sim x=-88 y=-60 w=440 h=300 src="sims/singlecard/?card=mitochondria_8" class="small_card"></sim>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=450 h=90>
|
|
|
|
|
<words w=450 x=-15 no-bg>
|
|
|
|
|
Facts connect to facts.
|
|
|
|
|
But there's other, more playful ways for cards to be...
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- Part 2.3: Connected -->
|
|
|
|
|
|
|
|
|
|
<panel w=600 h=150>
|
|
|
|
|
<pic src="pics/leit2.png" sx=0 sy=150></pic>
|
|
|
|
|
<!--words x=10 y=10 w=200>
|
|
|
|
|
<b>CONNECTED</b>
|
|
|
|
|
</words-->
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=450 h=110>
|
|
|
|
|
<words w=450 x=-15 no-bg>
|
|
|
|
|
This card is... alright.
|
|
|
|
|
It's an English word on the front, French word on the back.
|
|
|
|
|
It's the standard for most language-learning flashcards:
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=600 h=300 bg="#e0e0e0">
|
|
|
|
|
<sim x=80 y=0 w=440 h=300 src="sims/singlecard/?card=cat"></sim>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=450 h=400>
|
|
|
|
|
<pic src="pics/leit2.png" sx=0 sy=800></pic>
|
|
|
|
|
<words x=10 y=10 w=400 h=60>
|
|
|
|
|
But you know what would make it stick in memory better?
|
|
|
|
|
</words>
|
|
|
|
|
<words x=10 y=300 w=400 h=60>
|
|
|
|
|
If you connected it to
|
|
|
|
|
<i>pictures, sounds, context, and/or personal details!</i>
|
|
|
|
|
Like so:
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=600 h=300 bg="#e0e0e0">
|
|
|
|
|
<sim x=80 y=0 w=440 h=300 src="sims/singlecard/?card=cat2"></sim>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=600 h=300>
|
|
|
|
|
<pic src="pics/leit2.png" sx=600 sy=0></pic>
|
|
|
|
|
<words x=10 y=10 w=210>
|
|
|
|
|
The front now has a drawing of a cat (picture)
|
|
|
|
|
with a fill-in-the-blank French sentence (context: grammar)
|
|
|
|
|
about my childhood cat, Stripes. (personal)
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=600 h=300>
|
|
|
|
|
<pic src="pics/leit2.png" sx=600 sy=300></pic>
|
|
|
|
|
<words x=10 y=10 w=210>
|
|
|
|
|
The back now has a symbol of the noun's gender (picture),
|
|
|
|
|
its pronunciation (sound*),
|
|
|
|
|
and a warning about the female version of the noun. (context: slang)
|
|
|
|
|
</words>
|
|
|
|
|
<words w=330 x=250 y=225 no-bg fontsize=20>
|
|
|
|
|
* Obviously, paper cards can't play sounds.
|
|
|
|
|
But apps like Anki/Tinycards can!
|
|
|
|
|
</words>
|
|
|
|
|
<audio controls style="position: absolute; top: 105px; left: 280px; transform: scale(0.4) rotate(4deg);">
|
|
|
|
|
<source src="audio/chat.mp3" type="audio/mpeg">
|
|
|
|
|
</audio>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=450 h=90>
|
|
|
|
|
<words w=450 x=-15 no-bg>
|
|
|
|
|
But the <i>most</i> important connection of all,
|
|
|
|
|
is to connect your learning to something that is...
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- Part 2.4: Meaningful -->
|
|
|
|
|
|
|
|
|
|
<panel w=600 h=150>
|
|
|
|
|
<pic src="pics/leit2.png" sx=0 sy=300></pic>
|
|
|
|
|
<!--words x=10 y=10 w=200>
|
|
|
|
|
<b>MEANINGFUL</b>
|
|
|
|
|
</words-->
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=500 h=350>
|
|
|
|
|
<pic src="pics/leit2.png" sx=450 sy=600></pic> <!-- examples: programming, ukulele, french -->
|
|
|
|
|
<words x=10 y=10 w=450 h=60>
|
|
|
|
|
Personally, here's how I've learnt best:
|
|
|
|
|
First, I try (emphasis on <i>try</i>) to <b>do</b> something.
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=500 h=350>
|
|
|
|
|
<pic src="pics/leit2.png" sx=950 sy=600></pic> <!-- examples: programming, ukulele, french -->
|
|
|
|
|
<words x=10 y=10 w=450 h=60>
|
|
|
|
|
Inevitably, I'll get stuck.
|
|
|
|
|
In that moment, I'll look up what I need,
|
|
|
|
|
and <b>learn</b> something.
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=600 h=300 bg="#e0e0e0">
|
|
|
|
|
<sim x=80 y=0 w=440 h=300 src="sims/singlecard/?card=learndo&forever_card=yes"></sim>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=450 h=30>
|
|
|
|
|
<words w=450 x=-15 y=-15 no-bg>
|
|
|
|
|
And so on.
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=450 h=400>
|
|
|
|
|
<pic src="pics/leit2.png" sx=450 sy=950></pic> <!-- connected to HEART -->
|
|
|
|
|
<words x=10 y=10 w=400 h=60>
|
|
|
|
|
That, I believe, is the best way to keep yourself motivated while learning:
|
|
|
|
|
</words>
|
|
|
|
|
<words x=10 y=300 w=400 h=60>
|
|
|
|
|
By making sure your learning is in service of <i>doing something you care about.</i>
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<panel w=600 h=90>
|
|
|
|
|
<words w=600 x=-15 no-bg>
|
|
|
|
|
Speaking of learning, let's practice recalling what we've learnt:
|
|
|
|
|
(this will be the second-last time!)
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=600 h=400 bg="#e0e0e0">
|
2018-10-18 16:26:17 +00:00
|
|
|
|
<sim x=0 y=0 w=600 h=400 src="sims/multicard/?cards=leit_d,sci_c,sci_a,sci_b"></sim>
|
2018-10-17 20:37:01 +00:00
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- Part 2.5: Outro -->
|
|
|
|
|
|
|
|
|
|
<panel w=400 h=400>
|
|
|
|
|
<pic src="pics/leit3.png" sx=0 sy=450></pic> <!-- me, talking -->
|
|
|
|
|
<words x=10 y=20 w=350 no-bg>
|
|
|
|
|
The consensus in the Spaced Repetition community is,
|
|
|
|
|
after a while, <b>you should make your own cards.</b>
|
|
|
|
|
</words>
|
2018-10-18 16:26:17 +00:00
|
|
|
|
<words x=33 y=140 w=230 no-bg>
|
|
|
|
|
This way, you can connect facts to what <i>you</i> know, what <i>you</i> love.
|
2018-10-17 20:37:01 +00:00
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=400 h=400>
|
|
|
|
|
<pic src="pics/leit3.png" sx=400 sy=450></pic>
|
|
|
|
|
<words x=10 y=15 w=300 no-bg>
|
|
|
|
|
That's why, in the <i>final</i> part of this interactive comic,
|
|
|
|
|
you're going to make your <i>own</i> cards!
|
|
|
|
|
</words>
|
|
|
|
|
<words x=30 y=165 w=170 no-bg>
|
|
|
|
|
And those cards will be about...
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=400 h=400>
|
|
|
|
|
<pic src="pics/leit3.png" sx=800 sy=450></pic> <!-- goofy pic -->
|
|
|
|
|
<words x=0 y=10 w=230 fontsize=150 no-bg color="#ffffff">
|
|
|
|
|
YOU
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->
|
|
|
|
|
<!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->
|
|
|
|
|
<!-- CHAPTER 3: GET STARTED TODAY! - -->
|
|
|
|
|
<!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->
|
|
|
|
|
<!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->
|
|
|
|
|
|
|
|
|
|
<a name="3"></a>
|
|
|
|
|
<div class="divider">
|
|
|
|
|
<div id="chapter_name">
|
|
|
|
|
GET STARTED TODAY!
|
|
|
|
|
</div>
|
|
|
|
|
<div id="chapter_links"></div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="comic">
|
|
|
|
|
|
|
|
|
|
<!-- - - - - - - - - - - - -->
|
|
|
|
|
<!-- WHAT, WHY, HOW, WHEN - -->
|
|
|
|
|
<!-- - - - - - - - - - - - -->
|
|
|
|
|
|
|
|
|
|
<!-- - - -->
|
|
|
|
|
<!-- WHAT -->
|
|
|
|
|
<!-- - - -->
|
|
|
|
|
|
|
|
|
|
<panel w=500 h=350>
|
|
|
|
|
<pic src="pics/end0.png" sx=0 sy=0></pic>
|
|
|
|
|
<words x=10 y=10 w=450 h=60>
|
|
|
|
|
To help you get started with Spaced Repetition <i>today</i>,
|
|
|
|
|
you need to answer four questions:
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w="600" h="80">
|
|
|
|
|
<words w="600" x="-15" no-bg="">
|
|
|
|
|
You'll answer these questions by making flashcards!
|
|
|
|
|
So, here's the <i>front</i> of our first flashcard, our first question:
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=500 h=250 bg="#e0e0e0">
|
|
|
|
|
<!-- WHAT do you want to learn? -->
|
|
|
|
|
<sim x=29 y=-20 w=440 h=300 src="sims/singlecard/?card=you_what&front_only=yes"
|
|
|
|
|
style="width: 440px; height: 300px; transform: scale(0.83,0.83) rotate(3deg);"></sim>
|
|
|
|
|
<img src="pics/fcard_frontonly.png" style="width:100%; height:100%; position:absolute; top:0; left:0;"/>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=500 h=450>
|
|
|
|
|
<pic src="pics/end0.png" sx=500 sy=0></pic>
|
|
|
|
|
<words x=10 y=10 w=430 h=60>
|
|
|
|
|
For example, you could use Spaced Repetition to help you learn...
|
|
|
|
|
</words>
|
|
|
|
|
<words x=120 y=104 w=100 style="text-align:left" no-bg class="comic_text">
|
|
|
|
|
a new language
|
|
|
|
|
</words>
|
|
|
|
|
<words x=320 y=107 w=100 style="text-align:left" no-bg class="comic_text">
|
|
|
|
|
a new instrument
|
|
|
|
|
</words>
|
|
|
|
|
<words x=115 y=195 w=100 style="text-align:left" no-bg class="comic_text">
|
|
|
|
|
computer programming
|
|
|
|
|
</words>
|
|
|
|
|
<words x=340 y=195 w=150 style="text-align:left" no-bg class="comic_text">
|
|
|
|
|
details of friends' lives
|
|
|
|
|
</words>
|
|
|
|
|
<words x=129 y=283 w=200 style="text-align:left" no-bg class="comic_text">
|
|
|
|
|
anything interesting you find, anywhere!
|
|
|
|
|
</words>
|
|
|
|
|
<words x=389 y=290 w=100 style="text-align:left" no-bg class="comic_text">
|
|
|
|
|
all the pokémon
|
|
|
|
|
</words>
|
|
|
|
|
<words x=80 y=380 w=380 h=30>
|
|
|
|
|
Now, you write <i>your</i> answer on the back:
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<!-- WHAT do you want to learn? -->
|
|
|
|
|
<panel w=600 h=350 bg="#e0e0e0">
|
|
|
|
|
<sim x=0 y=0 w=600 h=350 src="sims/type/?card=you_what"></sim>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel fadeInOn="answer_edit_you_what" w="600" h="40" style="margin-bottom: -10px;">
|
|
|
|
|
<words w="600" x="-15" y="-10" no-bg="">
|
|
|
|
|
(note: you can scroll back here & change your answer later)
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- - - -->
|
|
|
|
|
<!-- WHY -->
|
|
|
|
|
<!-- - - -->
|
|
|
|
|
|
|
|
|
|
<panel w="600" h="80">
|
|
|
|
|
<words w="600" x="-15" no-bg="">
|
|
|
|
|
However, recall that for Spaced Repetition to work,
|
|
|
|
|
you need to connect it to something you <i>care</i> about.
|
|
|
|
|
So our next question is:
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=500 h=250 bg="#e0e0e0">
|
|
|
|
|
<!-- WHY do you want to learn X? -->
|
|
|
|
|
<sim x=29 y=-20 w=440 h=300 src="sims/singlecard/?card=you_why&front_only=yes"
|
|
|
|
|
style="width: 440px; height: 300px; transform: scale(0.83,0.83) rotate(3deg);"></sim>
|
|
|
|
|
<img src="pics/fcard_frontonly.png" style="width:100%; height:100%; position:absolute; top:0; left:0;"/>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=500 h=450>
|
|
|
|
|
<pic src="pics/end0.png" sx=1000 sy=0></pic>
|
|
|
|
|
<words x=10 y=10 w=430 h=60>
|
|
|
|
|
That may be too philosophical, so here's some
|
|
|
|
|
concrete examples of a <i>why</i> behind a <i>what:</i>
|
|
|
|
|
</words>
|
|
|
|
|
<words x=130 y=105 w=350 style="text-align:left" no-bg class="comic_text">
|
|
|
|
|
<b>WHAT:</b> a new language
|
|
|
|
|
<br>
|
|
|
|
|
<b>WHY:</b> to speak to friends, family, lovers in their native tongue
|
|
|
|
|
</words>
|
|
|
|
|
<words x=130 y=210 w=350 style="text-align:left" no-bg class="comic_text">
|
|
|
|
|
<b>WHAT:</b> computer programming
|
|
|
|
|
<br>
|
|
|
|
|
<b>WHY:</b> to make money so you can eat
|
|
|
|
|
</words>
|
|
|
|
|
<words x=130 y=290 w=350 style="text-align:left" no-bg class="comic_text">
|
|
|
|
|
<b>WHAT:</b> anything interesting
|
|
|
|
|
<br>
|
|
|
|
|
<b>WHY:</b> curiosity, for its own sake!
|
|
|
|
|
</words>
|
|
|
|
|
<words x=210 y=380 w=250 h=30>
|
|
|
|
|
So... what's <i>your</i> why?
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<!-- WHY do you want to learn that? -->
|
|
|
|
|
<panel w=600 h=350 bg="#e0e0e0">
|
|
|
|
|
<sim x=0 y=0 w=600 h=350 src="sims/type/?card=you_why"></sim>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- - - -->
|
|
|
|
|
<!-- HOW -->
|
|
|
|
|
<!-- - - -->
|
|
|
|
|
|
|
|
|
|
<panel w="600" h="80">
|
|
|
|
|
<words w="600" x="-15" no-bg="">
|
|
|
|
|
You now have your what and why... but we still need to pick a <i>how!</i>
|
|
|
|
|
That is, what tool/app do you want to use?
|
|
|
|
|
Our next card asks:
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=500 h=250 bg="#e0e0e0">
|
|
|
|
|
<!-- HOW do you want to do Spaced Repetition? (with what tool?) -->
|
|
|
|
|
<sim x=29 y=-20 w=440 h=300 src="sims/singlecard/?card=you_how&front_only=yes"
|
|
|
|
|
style="width: 440px; height: 300px; transform: scale(0.83,0.83) rotate(3deg);"></sim>
|
|
|
|
|
<img src="pics/fcard_frontonly.png" style="width:100%; height:100%; position:absolute; top:0; left:0;"/>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=500 h=700>
|
|
|
|
|
<pic src="pics/end0.png" sx=0 sy=450></pic>
|
|
|
|
|
<words x=10 y=10 w=450 h=90>
|
|
|
|
|
I currently use
|
|
|
|
|
<a target="_blank" href="https://en.wikipedia.org/wiki/Leitner_system">The Leitner Box</a>,
|
2018-10-18 15:35:56 +00:00
|
|
|
|
but my friends use
|
2018-10-17 20:37:01 +00:00
|
|
|
|
<a target="_blank" href="https://apps.ankiweb.net/">Anki</a>,
|
|
|
|
|
and for a while I used
|
|
|
|
|
<a target="_blank" href="https://tinycards.duolingo.com/">TinyCards</a>.
|
2018-10-18 15:35:56 +00:00
|
|
|
|
(links open in new tabs)
|
2018-10-17 20:37:01 +00:00
|
|
|
|
Here's how they compare:
|
|
|
|
|
</words>
|
|
|
|
|
<words x=160 y=140 w=300 fontsize=21 style="text-align:left" no-bg>
|
|
|
|
|
<b>Leitner Box</b>
|
|
|
|
|
<br>
|
|
|
|
|
Pros: arts-and-craftsy, easy to use
|
|
|
|
|
<br>
|
|
|
|
|
Cons: not as portable as an app
|
|
|
|
|
</words>
|
|
|
|
|
<words x=160 y=275 w=300 fontsize=21 style="text-align:left" no-bg>
|
|
|
|
|
<b>Anki (app)</b>
|
|
|
|
|
<br>
|
|
|
|
|
Pros: huge community, open-source, lots of powerful features
|
|
|
|
|
<br>
|
|
|
|
|
Cons: kinda ugly
|
|
|
|
|
</words>
|
|
|
|
|
<words x=160 y=405 w=300 fontsize=21 style="text-align:left" no-bg>
|
|
|
|
|
<b>TinyCards (app)</b>
|
|
|
|
|
<br>
|
|
|
|
|
Pros: beautiful design, easy to use
|
|
|
|
|
<br>
|
|
|
|
|
Cons: max 150 cards per deck, doesn't let <i>you</i> decide if you got a card right
|
|
|
|
|
</words>
|
|
|
|
|
<words x=10 y=530 w=450 h=60>
|
|
|
|
|
(Want something else?
|
|
|
|
|
Here's a few other tools:
|
|
|
|
|
<a target="_blank" href="https://www.supermemo.com/">SuperMemo</a>,
|
|
|
|
|
<a target="_blank" href="https://www.nimblenotes.com/">NimbleNotes</a>,
|
|
|
|
|
<a target="_blank" href="https://mnemosyne-proj.org/">Mnemosyne</a>)
|
|
|
|
|
</words>
|
|
|
|
|
<words x=110 y=620 w=360 h=40 no-bg fontsize=20>
|
|
|
|
|
* <i>anti</i>-disclaimer: i am <i>not</i> affiliated with any of these.
|
|
|
|
|
i just think they're cool & helpful!
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=600 h=50>
|
|
|
|
|
<words w=600 x=-15 no-bg>
|
|
|
|
|
So, what's it gonna be?
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<!-- HOW do you want to do Spaced Repetition? -->
|
|
|
|
|
<panel w=600 h=350 bg="#e0e0e0">
|
|
|
|
|
<sim x=0 y=0 w=600 h=350 src="sims/type/?card=you_how"></sim>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<!-- - - -->
|
|
|
|
|
<!-- WHEN -->
|
|
|
|
|
<!-- - - -->
|
|
|
|
|
|
|
|
|
|
<panel w=500 h=450>
|
|
|
|
|
<pic src="pics/end0.png" sx=500 sy=450></pic>
|
|
|
|
|
<words x=10 y=10 w=430 h=90>
|
|
|
|
|
Just one card left!
|
|
|
|
|
Now: doing Spaced Repetition is actually quite easy...
|
|
|
|
|
however, doing it <i>as a daily habit</i> is hard.
|
|
|
|
|
</words>
|
|
|
|
|
<words x=60 y=355 w=400 h=30 no-bg>
|
|
|
|
|
Why? Because getting the ball rolling on <i>any</i> new habit is hard.
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=500 h=550>
|
|
|
|
|
<pic src="pics/end0.png" sx=1000 sy=450></pic>
|
|
|
|
|
<words x=10 y=10 w=430 h=90>
|
|
|
|
|
Hard, but straightforward.
|
|
|
|
|
The science of habits shows that if you do the same thing, given the same cue,
|
|
|
|
|
over and over...
|
|
|
|
|
</words>
|
|
|
|
|
<words x=20 y=450 w=440 h=60>
|
|
|
|
|
...it'll become a habit, for better or worse.
|
|
|
|
|
So for a Spaced Repetition habit, our question is:
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=500 h=250 bg="#e0e0e0">
|
|
|
|
|
<!-- WHEN do you want to do Spaced Repetition? -->
|
|
|
|
|
<sim x=29 y=-20 w=440 h=300 src="sims/singlecard/?card=you_when&front_only=yes"
|
|
|
|
|
style="width: 440px; height: 300px; transform: scale(0.83,0.83) rotate(3deg);"></sim>
|
|
|
|
|
<img src="pics/fcard_frontonly.png" style="width:100%; height:100%; position:absolute; top:0; left:0;"/>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=500 h=450>
|
|
|
|
|
<pic src="pics/end0.png" sx=0 sy=1150></pic>
|
|
|
|
|
<words x=10 y=10 w=400 h=60>
|
|
|
|
|
For example, you could play the Spaced Repetition game...
|
|
|
|
|
</words>
|
|
|
|
|
<!--
|
|
|
|
|
After waking up, to jog your mind
|
|
|
|
|
On a commute, to fill up spare time
|
|
|
|
|
Before sleeping, coz otherwise you'd just stress-binge on twitter
|
|
|
|
|
-->
|
|
|
|
|
<words x=30 y=320 w=430 h=90>
|
|
|
|
|
It doesn't really matter <i>when</i> you do it, as long as you do it
|
|
|
|
|
daily and consistently (more or less - you can skip a day once in a while).
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=400 h=500>
|
|
|
|
|
<pic src="pics/end0.png" sx=500 sy=1150></pic>
|
|
|
|
|
<words x=10 y=10 w=350 h=90>
|
|
|
|
|
(Tip: whenever I try to create a new habit,
|
|
|
|
|
I draw a circle on a calendar for each day I successfully do it)
|
|
|
|
|
</words>
|
|
|
|
|
<words x=10 y=370 w=350 h=90>
|
|
|
|
|
(It's a game I play with myself! The goal is to try not break
|
|
|
|
|
my streak, and build the longest chain I can.)
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=600 h=50>
|
|
|
|
|
<words w=600 x=-15 no-bg>
|
|
|
|
|
Now, let's fill out that final flashcard:
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<!-- WHEN do you want to do Spaced Repetition? -->
|
|
|
|
|
<panel w=600 h=350 bg="#e0e0e0">
|
|
|
|
|
<sim x=0 y=0 w=600 h=350 src="sims/type/?card=you_when"></sim>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- - - - - - - - -->
|
|
|
|
|
<!-- ALL THE CARDS -->
|
|
|
|
|
<!-- - - - - - - - -->
|
|
|
|
|
|
|
|
|
|
<panel w=400 h=80>
|
|
|
|
|
<words w=400 x=-15 no-bg>
|
|
|
|
|
Et voilà, here's all four of your flashcards, all about you!
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=264 h=180 bg="#e0e0e0">
|
|
|
|
|
<sim x=-88 y=-60 w=440 h=300 src="sims/singlecard/?card=you_what&refresh=yes" class="small_card"></sim>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=264 h=180 bg="#e0e0e0">
|
|
|
|
|
<sim x=-88 y=-60 w=440 h=300 src="sims/singlecard/?card=you_why&refresh=yes" class="small_card"></sim>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=264 h=180 bg="#e0e0e0">
|
|
|
|
|
<sim x=-88 y=-60 w=440 h=300 src="sims/singlecard/?card=you_how&refresh=yes" class="small_card"></sim>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=264 h=180 bg="#e0e0e0">
|
|
|
|
|
<sim x=-88 y=-60 w=440 h=300 src="sims/singlecard/?card=you_when&refresh=yes" class="small_card"></sim>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- - - - - - - - - - - - - - - -->
|
|
|
|
|
<!-- DOWNLOADABLES TO START NOW - -->
|
|
|
|
|
<!-- - - - - - - - - - - - - - - -->
|
|
|
|
|
|
|
|
|
|
<br><br>
|
|
|
|
|
|
|
|
|
|
<panel w=500 h=250>
|
|
|
|
|
<pic src="pics/end1.png" sx=0 sy=0></pic>
|
|
|
|
|
<words x=180 y=10 w=250 no-bg>
|
|
|
|
|
But like I said, I want to help you take control of your memory <i>today</i>.
|
|
|
|
|
</words>
|
|
|
|
|
<words x=230 y=130 w=250 no-bg>
|
|
|
|
|
Not "eventually", not "tomorrow", <i>TODAY</i>.
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=500 h=250>
|
|
|
|
|
<pic src="pics/end1.png" sx=0 sy=250></pic>
|
|
|
|
|
<words x=150 y=30 w=120 no-bg>
|
|
|
|
|
so to help...
|
|
|
|
|
</words>
|
|
|
|
|
<words x=270 y=95 w=170 no-bg>
|
|
|
|
|
let's download some
|
|
|
|
|
<b style="font-size:30px">
|
|
|
|
|
COOL GOODIES
|
|
|
|
|
</b>
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<!-- Reminder Wallpaper -->
|
|
|
|
|
|
|
|
|
|
<panel w=600 h=90>
|
|
|
|
|
<words x=-15 y=0 w=600 no-bg style="text-align:left" fontsize=30>
|
|
|
|
|
<img src="pics/gift.png" style="height:1em"/>
|
|
|
|
|
<b>FIRST:</b>
|
|
|
|
|
<span id="gift_wallpaper"></span>
|
|
|
|
|
to remind you to play the Spaced Repetition game daily!
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<div>
|
|
|
|
|
<a id="wallpaper_link">
|
|
|
|
|
<img id="wallpaper_image"/><br>
|
|
|
|
|
(click to download ↓)
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- Leitner Calendar / Anki -->
|
|
|
|
|
|
|
|
|
|
<panel w=600 h=90>
|
|
|
|
|
<words x=-15 y=0 w=600 no-bg style="text-align:left" fontsize=30>
|
|
|
|
|
<img src="pics/gift.png" style="height:1em"/>
|
|
|
|
|
<b>SECOND:</b>
|
|
|
|
|
<span id="gift_app"></span>
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- All flashcards -->
|
|
|
|
|
|
|
|
|
|
<panel w=600 h=90>
|
|
|
|
|
<words x=-15 y=0 w=600 no-bg style="text-align:left" fontsize=30>
|
|
|
|
|
<img src="pics/gift.png" style="height:1em"/>
|
|
|
|
|
And finally,
|
|
|
|
|
<b>THIRD:</b>
|
|
|
|
|
a .zip of all the flashcards you've been practicing in this interactive comic!
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
2018-10-18 15:35:56 +00:00
|
|
|
|
<panel w=400 h=50>
|
|
|
|
|
<sim x=0 y=0 w=400 h=50 src="sims/downloads/all.html"></sim>
|
2018-10-17 20:37:01 +00:00
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=600 h=120>
|
|
|
|
|
<words x=-15 y=0 w=600 no-bg style="text-align:left">
|
|
|
|
|
(These can be your first few days' worth of Spaced Repetition cards,
|
|
|
|
|
to help you get started! And as a plus, you'll get to remember everything
|
|
|
|
|
you learnt here today, forever)
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- - - - - - - - - - - - - -->
|
|
|
|
|
<!-- THE END - - - - - - - - -->
|
|
|
|
|
<!-- - - - - - - - - - - - - -->
|
|
|
|
|
|
|
|
|
|
<!-- Review -->
|
|
|
|
|
|
|
|
|
|
<panel w=500 h=350>
|
|
|
|
|
<pic src="pics/end1.png" sx=500 sy=0></pic>
|
|
|
|
|
<words x=110 y=30 w=250 no-bg>
|
|
|
|
|
Which reminds me...
|
|
|
|
|
</words>
|
|
|
|
|
<words x=200 y=105 w=220 no-bg>
|
|
|
|
|
one last goodbye,
|
|
|
|
|
for old time's sake,
|
|
|
|
|
the final swan song!
|
|
|
|
|
</words>
|
|
|
|
|
<words x=210 y=230 w=250 no-bg>
|
|
|
|
|
...let's review our flashcards, <i>all</i> of them:
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=600 h=400 bg="#e0e0e0">
|
2018-10-18 16:26:17 +00:00
|
|
|
|
<sim x=0 y=0 w=600 h=400 src="sims/multicard/?final=yes&cards=you_what,sci_a,leit_a,intro_a,you_why,sci_b,leit_b,intro_b,you_how,sci_c,leit_c,you_when,leit_d,intro_c"></sim>
|
2018-10-17 20:37:01 +00:00
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=240 h=300>
|
|
|
|
|
<pic src="pics/end1.png" sx=0 sy=500></pic>
|
|
|
|
|
<words x=0 y=12 w=210 no-bg>
|
|
|
|
|
Sniff...
|
|
|
|
|
It's always so hard to say goodbye...
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=240 h=300>
|
|
|
|
|
<pic src="pics/end1.png" sx=240 sy=500></pic>
|
|
|
|
|
<words x=-20 y=-10 no-bg fontsize=120 color="rgba(0,0,0,0.5)" style="transform:rotate(10deg)">
|
|
|
|
|
HONK
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=500 h=250>
|
|
|
|
|
<pic src="pics/end1.png" sx=480 sy=500></pic>
|
|
|
|
|
<words x=160 y=30 w=200 no-bg>
|
|
|
|
|
I'll miss the time we had together...
|
|
|
|
|
</words>
|
|
|
|
|
<words x=200 y=120 w=250 no-bg>
|
|
|
|
|
...but I hope we live on in each others' memories!
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<!-- Classroom -->
|
|
|
|
|
|
|
|
|
|
<panel w=500 h=350>
|
|
|
|
|
<pic src="pics/end1.png" sx=0 sy=800></pic>
|
|
|
|
|
<words x=10 y=10 w=430 h=90>
|
|
|
|
|
If you're a student, I hope Spaced Repetition
|
|
|
|
|
helps you be more confident, and take learning into your own hands.
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=500 h=350>
|
|
|
|
|
<pic src="pics/end1.png" sx=500 sy=800></pic>
|
|
|
|
|
<words x=10 y=10 w=430 h=90>
|
|
|
|
|
If you're a teacher,
|
|
|
|
|
please oh <i>please</i> tell your students about Spaced Repetition
|
|
|
|
|
(& other evidence-based study habits) early on.
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=500 h=350>
|
|
|
|
|
<pic src="pics/end1.png" sx=1000 sy=800></pic>
|
|
|
|
|
<words x=10 y=10 w=430 h=90>
|
|
|
|
|
But whether you're in or out of school,
|
|
|
|
|
I hope Spaced Repetition helps you develop your memory, your mind,
|
|
|
|
|
your Muse...
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<panel w=500 h=550>
|
|
|
|
|
<pic src="pics/end1.png" sx=1000 sy=0></pic>
|
|
|
|
|
<words x=30 y=30 w=250 no-bg>
|
|
|
|
|
...and learn one of life's greatest loves:
|
|
|
|
|
</words>
|
|
|
|
|
<words x=120 y=455 w=300 style="text-align:right" no-bg>
|
|
|
|
|
a lifelong love of learning.
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<!-- Bow Goodbye -->
|
|
|
|
|
|
|
|
|
|
<panel w=600 h=300 bg="#e0e0e0">
|
|
|
|
|
<sim x=80 y=0 w=440 h=300 src="sims/singlecard/?card=the_end"></sim>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
<!-- want more? further reading & credits below! -->
|
|
|
|
|
<panel fadeInOn="flip_the_end" w=600 h=90>
|
|
|
|
|
<words w=600 x=-15 y=0 no-bg>
|
|
|
|
|
(want more? scroll down for further reading & credits!)
|
|
|
|
|
<br>
|
|
|
|
|
↓ ↓ ↓ ↓ ↓
|
|
|
|
|
</b>
|
|
|
|
|
</words>
|
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->
|
|
|
|
|
<!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->
|
|
|
|
|
<!-- CREDITS - -->
|
|
|
|
|
<!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->
|
|
|
|
|
<!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->
|
|
|
|
|
|
|
|
|
|
<a name="bye"></a>
|
2018-10-18 15:35:56 +00:00
|
|
|
|
<div id="credits">
|
|
|
|
|
|
|
|
|
|
<div>
|
|
|
|
|
|
|
|
|
|
[TODO: FULL CREDITS]
|
|
|
|
|
|
|
|
|
|
<br><br>
|
|
|
|
|
|
|
|
|
|
[I'll put YOUR name here – thank you so much for playtesting this thing, friend!~]
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
2018-10-17 20:37:01 +00:00
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->
|
|
|
|
|
<!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->
|
|
|
|
|
<!-- LABELS FOR SIMULATIONS AND UI AND STUFF - -->
|
|
|
|
|
<!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->
|
|
|
|
|
<!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->
|
|
|
|
|
|
|
|
|
|
<div id="labels">
|
|
|
|
|
|
2018-10-18 15:35:56 +00:00
|
|
|
|
<span id="download_all">
|
|
|
|
|
DOWNLOAD ALL CARDS ↓
|
|
|
|
|
</span>
|
|
|
|
|
|
2018-10-17 20:37:01 +00:00
|
|
|
|
<!-- Chapter Links -->
|
|
|
|
|
<span id="label_chapter_links">
|
|
|
|
|
<a href="#0">
|
|
|
|
|
Intro
|
|
|
|
|
</a>
|
|
|
|
|
·
|
|
|
|
|
<a href="#1">
|
|
|
|
|
The Science
|
|
|
|
|
</a>
|
|
|
|
|
·
|
|
|
|
|
<a href="#2">
|
|
|
|
|
The Art
|
|
|
|
|
</a>
|
|
|
|
|
·
|
|
|
|
|
<a href="#3">
|
|
|
|
|
Get Started!
|
|
|
|
|
</a>
|
|
|
|
|
·
|
|
|
|
|
<a href="#bye">
|
|
|
|
|
Credits
|
|
|
|
|
</a>
|
|
|
|
|
</span>
|
|
|
|
|
|
|
|
|
|
<!-- Multi Card Labels -->
|
|
|
|
|
<span id="multicard_q">
|
|
|
|
|
try to recall ↑
|
|
|
|
|
then flip ↻
|
|
|
|
|
</span>
|
|
|
|
|
<span id="multicard_cards_left">
|
|
|
|
|
(cards left: [N])
|
|
|
|
|
</span>
|
|
|
|
|
<span id="multicard_a">
|
|
|
|
|
did you remember this?
|
|
|
|
|
</span>
|
|
|
|
|
<span id="multicard_no">
|
|
|
|
|
nah, try again
|
|
|
|
|
</span>
|
|
|
|
|
<span id="multicard_yes">
|
|
|
|
|
yup, onwards!
|
|
|
|
|
</span>
|
|
|
|
|
<span id="multicard_done">
|
|
|
|
|
done for now! keep scrolling
|
|
|
|
|
<br>
|
|
|
|
|
↓
|
|
|
|
|
</span>
|
|
|
|
|
<span id="multicard_done_2">
|
2018-10-17 20:46:23 +00:00
|
|
|
|
that's all, folks!
|
2018-10-17 20:37:01 +00:00
|
|
|
|
<br>
|
|
|
|
|
↓
|
|
|
|
|
</span>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- Flashcards -->
|
|
|
|
|
<span id="flashcard_spaced_rep_front">
|
|
|
|
|
<div class="fcard_center" style="height:2.5em">
|
|
|
|
|
and the name of this game is...
|
|
|
|
|
</div>
|
|
|
|
|
</span>
|
|
|
|
|
<span id="flashcard_spaced_rep_back">
|
|
|
|
|
<div class="fcard_bg" src="pics/fcards_intro.png" sx=0 sy=0></div>
|
|
|
|
|
<div class="fcard_center" style="color:white; font-size:74px; height:1.6em; line-height:0.8em;">
|
|
|
|
|
SPACED REPETITION
|
|
|
|
|
</div>
|
|
|
|
|
</span>
|
|
|
|
|
<span id="flashcard_intro_a_front">
|
2018-10-18 16:26:17 +00:00
|
|
|
|
<div id="fc_words" class="fcard_center" style="height:2.5em">
|
2018-10-17 20:37:01 +00:00
|
|
|
|
Spaced Repetition = <span class="underline">____</span> + <span class="underline">____</span>
|
|
|
|
|
</div>
|
|
|
|
|
</span>
|
|
|
|
|
<span id="flashcard_intro_a_back">
|
|
|
|
|
<div class="fcard_bg" src="pics/fcards_intro.png" sx=0 sy=240></div>
|
2018-10-18 16:26:17 +00:00
|
|
|
|
<div id="fc_words" class="fcard_center" style="height:2.5em">
|
2018-10-17 20:37:01 +00:00
|
|
|
|
testing + time
|
|
|
|
|
</div>
|
|
|
|
|
</span>
|
|
|
|
|
<span id="flashcard_intro_b_front">
|
2018-10-18 16:26:17 +00:00
|
|
|
|
<div id="fc_words" class="fcard_center" style="height:4.5em">
|
2018-10-17 20:37:01 +00:00
|
|
|
|
3 common but ineffective learning/teaching practices are...
|
|
|
|
|
</div>
|
|
|
|
|
</span>
|
|
|
|
|
<span id="flashcard_intro_b_back">
|
2018-10-18 16:26:17 +00:00
|
|
|
|
<div id="fc_words" class="fcard_center" style="height:2.2em">
|
2018-10-18 15:35:56 +00:00
|
|
|
|
...lectures, cramming, and re-reading
|
2018-10-17 20:37:01 +00:00
|
|
|
|
</div>
|
|
|
|
|
</span>
|
|
|
|
|
<span id="flashcard_intro_c_front">
|
2018-10-18 16:26:17 +00:00
|
|
|
|
<div id="fc_words" class="fcard_center" style="height:4.4em">
|
2018-10-17 20:37:01 +00:00
|
|
|
|
In Greek Mythology,
|
|
|
|
|
the goddess of <span class="underline">____</span>
|
|
|
|
|
was the mother of the goddesses of
|
|
|
|
|
<span class="underline">________</span>
|
|
|
|
|
</div>
|
|
|
|
|
</span>
|
|
|
|
|
<span id="flashcard_intro_c_back">
|
|
|
|
|
<div class="fcard_bg" src="pics/fcards_intro.png" sx=400 sy=0></div>
|
2018-10-18 16:26:17 +00:00
|
|
|
|
<div id="fc_words" style="position: absolute; width:250px; top:50px; left:140px; line-height:1.1em;">
|
2018-10-17 20:37:01 +00:00
|
|
|
|
Memory is the mother of Inspiration
|
|
|
|
|
</div>
|
|
|
|
|
</span>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- Ebbinghaus -->
|
|
|
|
|
<span id="ebbinghaus_y_axis">
|
|
|
|
|
strength of memory →
|
|
|
|
|
</span>
|
|
|
|
|
<span id="ebbinghaus_x_axis">
|
|
|
|
|
time →
|
|
|
|
|
</span>
|
|
|
|
|
<span id="ebbinghaus_decay">
|
|
|
|
|
decay:
|
|
|
|
|
</span>
|
|
|
|
|
<span id="ebbinghaus_forgetting">
|
|
|
|
|
sweet spot:
|
|
|
|
|
</span>
|
|
|
|
|
<span id="ebbinghaus_recall">
|
|
|
|
|
timing of recall:
|
|
|
|
|
</span>
|
|
|
|
|
<span id="ebbinghaus_recalls">
|
|
|
|
|
timing of recalls:
|
|
|
|
|
</span>
|
|
|
|
|
<span id="ebbinghaus_auto">
|
|
|
|
|
auto-optimize!
|
|
|
|
|
</span>
|
|
|
|
|
|
|
|
|
|
<!-- Flashcards -->
|
|
|
|
|
<span id="flashcard_guessgap_front">
|
|
|
|
|
<div class="fcard_center" style="height:2.5em">
|
|
|
|
|
the best way to space out your recalls is...
|
|
|
|
|
</div>
|
|
|
|
|
</span>
|
|
|
|
|
<span id="flashcard_guessgap_back">
|
|
|
|
|
<div class="fcard_bg" src="pics/fcards0.png" sx=0 sy=0></div>
|
|
|
|
|
<div class="fcard_center" style="height:2.5em">
|
|
|
|
|
...with <i>increasing</i> gaps!
|
|
|
|
|
</div>
|
|
|
|
|
</span>
|
|
|
|
|
|
|
|
|
|
<!-- Flashcards -->
|
|
|
|
|
<span id="flashcard_sci_a_front">
|
2018-10-18 16:26:17 +00:00
|
|
|
|
<div id="fc_words" class="fcard_center" style="height:3.5em">
|
|
|
|
|
The pioneer of the experimental science of memory was...
|
2018-10-17 20:37:01 +00:00
|
|
|
|
</div>
|
|
|
|
|
</span>
|
|
|
|
|
<span id="flashcard_sci_a_back">
|
|
|
|
|
<div class="fcard_bg" src="pics/fcards0.png" sx=400 sy=0></div>
|
2018-10-18 16:26:17 +00:00
|
|
|
|
<div id="fc_words" style="position: absolute; width: 250px; top: 60px; left:150px; line-height: 1.1em;">
|
2018-10-17 20:37:01 +00:00
|
|
|
|
Hermann Ebbinghaus
|
|
|
|
|
</div>
|
|
|
|
|
</span>
|
|
|
|
|
<span id="flashcard_sci_b_front">
|
2018-10-18 16:26:17 +00:00
|
|
|
|
<div id="fc_words" class="fcard_center" style="height:3.4em">
|
2018-10-17 20:37:01 +00:00
|
|
|
|
The Forgetting Curve (<i>without</i> any recalls) looks like...
|
|
|
|
|
</div>
|
|
|
|
|
</span>
|
|
|
|
|
<span id="flashcard_sci_b_back">
|
|
|
|
|
<div class="fcard_bg" src="pics/fcards0.png" sx=0 sy=240></div>
|
2018-10-18 16:26:17 +00:00
|
|
|
|
<div id="fc_words" style="position: absolute; width: 280px; top: 70px; right: 20px; font-size:20px; line-height: 1.1em;">
|
2018-10-17 20:37:01 +00:00
|
|
|
|
(note: it decays quickly, then slowly – "exponential decay")
|
|
|
|
|
</div>
|
|
|
|
|
</span>
|
|
|
|
|
<span id="flashcard_sci_c_front">
|
2018-10-18 16:26:17 +00:00
|
|
|
|
<div id="fc_words" class="fcard_center" style="height:3.4em">
|
|
|
|
|
The Forgetting Curve (<i>with</i> well-spaced recalls) looks like...
|
2018-10-17 20:37:01 +00:00
|
|
|
|
</div>
|
|
|
|
|
</span>
|
|
|
|
|
<span id="flashcard_sci_c_back">
|
|
|
|
|
<div class="fcard_bg" src="pics/fcards0.png" sx=400 sy=240></div>
|
2018-10-18 16:26:17 +00:00
|
|
|
|
<div id="fc_words" style="position: absolute; width: 360px; top: 120px; left: 20px; font-size:20px; line-height: 1.1em;">
|
2018-10-17 20:37:01 +00:00
|
|
|
|
(note: the gaps between recalls <i>increase</i> in length)
|
|
|
|
|
</div>
|
|
|
|
|
</span>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- - - - - - - - - - - - - - - - - - - - - - - - - - -->
|
|
|
|
|
<!-- - - - - - - - THE LEITNER CALENDAR - - - - - - - - -->
|
|
|
|
|
<!-- - - - - - - - - - - - - - - - - - - - - - - - - - -->
|
|
|
|
|
|
|
|
|
|
<span id="calendar_day">
|
|
|
|
|
On Day [N]...
|
|
|
|
|
</span>
|
|
|
|
|
<span id="calendar_review">
|
|
|
|
|
review Levels [N] (<i>in that order</i>)
|
|
|
|
|
</span>
|
|
|
|
|
<span id="calendar_loop">
|
|
|
|
|
(and then loop back to Day 1!)
|
|
|
|
|
</span>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- - - - - - - - - - - - - - - - - - - - - - - - - - -->
|
|
|
|
|
<!-- - - - - - - - - THE LEITNER BOX - - - - - - - - - -->
|
|
|
|
|
<!-- - - - - - - - - - - - - - - - - - - - - - - - - - -->
|
|
|
|
|
|
|
|
|
|
<span id="leitner_day">
|
|
|
|
|
Day [N]
|
|
|
|
|
</span>
|
|
|
|
|
<span id="leitner_step_to_review">
|
|
|
|
|
to review: Level
|
|
|
|
|
</span>
|
|
|
|
|
<span id="leitner_step_reviewing">
|
|
|
|
|
review Level [N]
|
|
|
|
|
</span>
|
|
|
|
|
<span id="leitner_step_new">
|
|
|
|
|
add [N] new cards
|
|
|
|
|
</span>
|
|
|
|
|
<span id="leitner_step_stats">
|
|
|
|
|
total: [N] cards!
|
|
|
|
|
</span>
|
|
|
|
|
<span id="leitner_step_stats_2">
|
|
|
|
|
([N] retired)
|
|
|
|
|
</span>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<span id="leitner_button_next_step">
|
|
|
|
|
next step
|
|
|
|
|
</span>
|
|
|
|
|
<span id="leitner_button_next_day">
|
|
|
|
|
next day
|
|
|
|
|
</span>
|
|
|
|
|
<span id="leitner_button_next_week">
|
|
|
|
|
next week
|
|
|
|
|
</span>
|
|
|
|
|
<span id="leitner_button_next_month">
|
|
|
|
|
next month
|
|
|
|
|
</span>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<span id="leitner_slider_new">
|
|
|
|
|
[N] new cards a day
|
|
|
|
|
</span>
|
|
|
|
|
<span id="leitner_slider_wrong">
|
|
|
|
|
recall [N]% of cards <i>wrong</i>
|
|
|
|
|
</span>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<span id="leitner_reset">
|
|
|
|
|
RESET
|
|
|
|
|
</span>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- - - - - - - - - - - - - - - - - - - - - - - - - - -->
|
|
|
|
|
<!-- - - - - - - FLASHCARDS FOR CHAPTER 2 - - - - - - - -->
|
|
|
|
|
<!-- - - - - - - - - - - - - - - - - - - - - - - - - - -->
|
|
|
|
|
|
|
|
|
|
<span id="flashcard_cat_front">
|
|
|
|
|
<div class="fcard_center" style="height:100px">
|
|
|
|
|
<div style="font-size:120px; height:75px;">
|
|
|
|
|
cat
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
(english)
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</span>
|
|
|
|
|
<span id="flashcard_cat_back">
|
|
|
|
|
<div class="fcard_center" style="height:100px">
|
|
|
|
|
<div style="font-size:120px; height:75px;">
|
|
|
|
|
chat
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
(french)
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</span>
|
|
|
|
|
<span id="flashcard_cat2_front">
|
|
|
|
|
<div class="fcard_bg" src="pics/fcards_ch2.png" sx=0 sy=0></div>
|
|
|
|
|
<div class="fcard_center"></div>
|
|
|
|
|
</span>
|
|
|
|
|
<span id="flashcard_cat2_back">
|
|
|
|
|
<div class="fcard_bg" src="pics/fcards_ch2.png" sx=400 sy=0></div>
|
|
|
|
|
<div class="fcard_center">
|
|
|
|
|
<audio controls id="HACK_audio" style="position: absolute; top: 115px; left: 30px; transform: scale(0.5);">
|
|
|
|
|
<source src="../../audio/chat.mp3" type="audio/mpeg">
|
|
|
|
|
</audio>
|
|
|
|
|
</div>
|
|
|
|
|
</span>
|
|
|
|
|
|
|
|
|
|
<span id="flashcard_learndo_front">
|
|
|
|
|
<div class="fcard_bg" src="pics/fcards_ch2.png" sx=0 sy=240></div>
|
|
|
|
|
<div class="fcard_center" style="height:195px; font-size:33px;">
|
|
|
|
|
...then back to doing... ↻
|
|
|
|
|
</div>
|
|
|
|
|
</span>
|
|
|
|
|
<span id="flashcard_learndo_back">
|
|
|
|
|
<div class="fcard_bg" src="pics/fcards_ch2.png" sx=400 sy=240></div>
|
|
|
|
|
<div class="fcard_center" style="height:195px; font-size:33px;">
|
|
|
|
|
...then back to learning... ↻
|
|
|
|
|
</div>
|
|
|
|
|
</span>
|
|
|
|
|
|
|
|
|
|
<!-- MITOCHONDRIA IS THE POWERHOUSE OF THE CELL -->
|
|
|
|
|
<span id="flashcard_mitochondria_all_front">
|
|
|
|
|
<div class="fcard_bg" src="pics/fcards_ch2.png" sx=0 sy=960></div>
|
|
|
|
|
<div class="fcard_center" style="height:160px;">
|
|
|
|
|
What's this?
|
|
|
|
|
</div>
|
|
|
|
|
</span>
|
|
|
|
|
<span id="flashcard_mitochondria_all_back">
|
|
|
|
|
<div class="fcard_center" style="height:220px; font-size:20px;">
|
|
|
|
|
This organelle is called "mitochondria".
|
|
|
|
|
Mitochondria is the powerhouse of the cell.
|
|
|
|
|
They're found in almost all eukaryotic (nucleus-having) organisms.
|
|
|
|
|
The most widely-accepted hypothesis for the origin of mitochondria is Endosymbiotic Theory:
|
|
|
|
|
around ~1.5 billion years ago, a prokaryotic (nucleus-lacking) cell that was "eaten" by another cell,
|
|
|
|
|
somehow survived, and has continued to live inside them ever since.
|
|
|
|
|
</div>
|
|
|
|
|
</span>
|
|
|
|
|
<span id="flashcard_mitochondria_1_front">
|
|
|
|
|
<div class="fcard_bg" src="pics/fcards_ch2.png" sx=0 sy=960></div>
|
|
|
|
|
<div class="fcard_center" style="height:160px;">
|
|
|
|
|
What's this?
|
|
|
|
|
</div>
|
|
|
|
|
</span>
|
|
|
|
|
<span id="flashcard_mitochondria_1_back">
|
|
|
|
|
<div class="fcard_center" style="height:1.5em;">
|
|
|
|
|
Mitochondria
|
|
|
|
|
</div>
|
|
|
|
|
</span>
|
|
|
|
|
<span id="flashcard_mitochondria_2_front">
|
|
|
|
|
<div class="fcard_bg" src="pics/fcards_ch2.png" sx=400 sy=960></div>
|
|
|
|
|
<div class="fcard_center" style="height:180px">
|
|
|
|
|
Mitochondria is the <span class="underline">_______</span> of the cell
|
|
|
|
|
</div>
|
|
|
|
|
</span>
|
|
|
|
|
<span id="flashcard_mitochondria_2_back">
|
|
|
|
|
<div class="fcard_center" style="height:150px">
|
|
|
|
|
powerhouse
|
|
|
|
|
<span class="bonus_note">
|
|
|
|
|
// bonus note: seriously though, we'd all be dead without 'em.
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
</span>
|
|
|
|
|
<span id="flashcard_mitochondria_3_front">
|
|
|
|
|
<div class="fcard_bg" src="pics/fcards_ch2.png" sx=400 sy=960 style="top:45px"></div>
|
|
|
|
|
<div class="fcard_center" style="height:180px;">
|
|
|
|
|
Mitochondria is found in almost all <span class="underline">____</span> organisms.
|
|
|
|
|
</div>
|
|
|
|
|
</span>
|
|
|
|
|
<span id="flashcard_mitochondria_3_back">
|
|
|
|
|
<div class="fcard_center" style="height:1.5em">
|
|
|
|
|
eukaryotic
|
|
|
|
|
</div>
|
|
|
|
|
</span>
|
|
|
|
|
<span id="flashcard_mitochondria_4_front">
|
|
|
|
|
<div class="fcard_center" style="height:2.5em">
|
|
|
|
|
Eukaryotes are cells that...
|
|
|
|
|
</div>
|
|
|
|
|
</span>
|
|
|
|
|
<span id="flashcard_mitochondria_4_back">
|
|
|
|
|
<div class="fcard_bg" src="pics/fcards_ch2.png" sx=0 sy=1200></div>
|
|
|
|
|
<div class="fcard_center" style="width: 200px; left: 170px; top: 20px;">
|
|
|
|
|
have a nucleus
|
|
|
|
|
<span class="bonus_note">
|
|
|
|
|
// bonus note: "eu"=good, "karyon"=kernel
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
</span>
|
|
|
|
|
<span id="flashcard_mitochondria_5_front">
|
|
|
|
|
<div class="fcard_center" style="height:2.5em">
|
|
|
|
|
Prokaryotes are cells that...
|
|
|
|
|
</div>
|
|
|
|
|
</span>
|
|
|
|
|
<span id="flashcard_mitochondria_5_back">
|
|
|
|
|
<div class="fcard_bg" src="pics/fcards_ch2.png" sx=400 sy=1200></div>
|
|
|
|
|
<div class="fcard_center" style="width: 200px; left: 170px; top: 20px;">
|
|
|
|
|
DON'T have a nucleus
|
|
|
|
|
<span class="bonus_note">
|
|
|
|
|
// bonus note: "pro"=before, "karyon"=kernel
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
</span>
|
|
|
|
|
<span id="flashcard_mitochondria_6_front">
|
|
|
|
|
<div class="fcard_bg" src="pics/fcards_ch2.png" sx=400 sy=960 style="top:10px"></div>
|
|
|
|
|
<div class="fcard_center" style="height:200px; font-size:35px">
|
|
|
|
|
The most widely-accepted hypothesis for the origin of mitochondria is...
|
|
|
|
|
</div>
|
|
|
|
|
</span>
|
|
|
|
|
<span id="flashcard_mitochondria_6_back">
|
|
|
|
|
<div class="fcard_center" style="height:120px">
|
|
|
|
|
Endosymbiotic Theory
|
|
|
|
|
<span class="bonus_note">
|
|
|
|
|
// bonus note: "endo"=inner, "sym"=together, "bio"=living
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
</span>
|
|
|
|
|
<span id="flashcard_mitochondria_7_front">
|
|
|
|
|
<div class="fcard_bg" src="pics/fcards_ch2.png" sx=400 sy=960 style="top:40px"></div>
|
|
|
|
|
<div class="fcard_center" style="font-size: 35px; height: 220px;">
|
|
|
|
|
According to Endosymbiotic Theory, mitochondria arose around
|
|
|
|
|
<span class="underline">____</span> years ago
|
|
|
|
|
</div>
|
|
|
|
|
</span>
|
|
|
|
|
<span id="flashcard_mitochondria_7_back">
|
|
|
|
|
<div class="fcard_center" style="height:1.5em">
|
|
|
|
|
~1.5 billion years ago
|
|
|
|
|
</div>
|
|
|
|
|
</span>
|
|
|
|
|
<span id="flashcard_mitochondria_8_front">
|
|
|
|
|
<div class="fcard_bg" src="pics/fcards_ch2.png" sx=400 sy=960 style="top:40px"></div>
|
|
|
|
|
<div class="fcard_center" style="font-size: 37px; height: 220px;">
|
|
|
|
|
According to Endosymbiotic Theory, mitochondria first arose when...
|
|
|
|
|
</div>
|
|
|
|
|
</span>
|
|
|
|
|
<span id="flashcard_mitochondria_8_back">
|
2018-10-18 16:26:17 +00:00
|
|
|
|
<div class="fcard_bg" src="pics/fcards_ch2.png" sx=0 sy=1440></div>
|
2018-10-17 20:37:01 +00:00
|
|
|
|
<div class="fcard_center" style="height:230px">
|
|
|
|
|
when a prokaryote was eaten by another cell
|
|
|
|
|
</div>
|
|
|
|
|
</span>
|
|
|
|
|
|
|
|
|
|
<!-- Spaced Rep Flashcards -->
|
|
|
|
|
<span id="flashcard_leit_a_front">
|
2018-10-18 16:26:17 +00:00
|
|
|
|
<div id="fc_words" class="fcard_center" style="height:4.5em">
|
2018-10-17 20:37:01 +00:00
|
|
|
|
In the Leitner Box, we <span class="underline">______</span>
|
|
|
|
|
the gap (# of days between reviews) for each Level
|
|
|
|
|
</div>
|
|
|
|
|
</span>
|
|
|
|
|
<span id="flashcard_leit_a_back">
|
|
|
|
|
<div class="fcard_bg" src="pics/fcards_ch2.png" sx=0 sy=720 style="left:-5px"></div>
|
2018-10-18 16:26:17 +00:00
|
|
|
|
<div id="fc_words" class="fcard_center" style="height:110px">
|
2018-10-17 20:37:01 +00:00
|
|
|
|
double the gap
|
|
|
|
|
</div>
|
|
|
|
|
</span>
|
|
|
|
|
<span id="flashcard_leit_b_front">
|
2018-10-18 16:26:17 +00:00
|
|
|
|
<div id="fc_words" class="fcard_center" style="height:4.5em">
|
2018-10-17 20:37:01 +00:00
|
|
|
|
The Leitner Box game:
|
|
|
|
|
<br>
|
|
|
|
|
when you get a card <i>right</i>, you move it <span class="underline">______</span> .
|
|
|
|
|
</div>
|
|
|
|
|
</span>
|
|
|
|
|
<span id="flashcard_leit_b_back">
|
|
|
|
|
<div class="fcard_bg" src="pics/fcards_ch2.png" sx=0 sy=480></div>
|
2018-10-18 16:26:17 +00:00
|
|
|
|
<div id="fc_words" class="fcard_center" style="height:170px">
|
2018-10-17 20:37:01 +00:00
|
|
|
|
up one Level
|
|
|
|
|
</div>
|
|
|
|
|
</span>
|
|
|
|
|
<span id="flashcard_leit_c_front">
|
2018-10-18 16:26:17 +00:00
|
|
|
|
<div id="fc_words" class="fcard_center" style="height:4.5em">
|
2018-10-17 20:37:01 +00:00
|
|
|
|
The Leitner Box game:
|
|
|
|
|
<br>
|
|
|
|
|
when you get a card <i>wrong</i>, you move it <span class="underline">______</span> .
|
|
|
|
|
</div>
|
|
|
|
|
</span>
|
|
|
|
|
<span id="flashcard_leit_c_back">
|
|
|
|
|
<div class="fcard_bg" src="pics/fcards_ch2.png" sx=400 sy=480></div>
|
2018-10-18 16:26:17 +00:00
|
|
|
|
<div id="fc_words" class="fcard_center" style="height:180px">
|
2018-10-17 20:37:01 +00:00
|
|
|
|
back to Level 1!
|
|
|
|
|
</div>
|
|
|
|
|
</span>
|
|
|
|
|
<span id="flashcard_leit_d_front">
|
2018-10-18 16:26:17 +00:00
|
|
|
|
<div id="fc_words" class="fcard_center" style="font-size:30px; height:170px;">
|
2018-10-17 20:37:01 +00:00
|
|
|
|
According to some random comic-game on the internet,
|
|
|
|
|
my Spaced Repetition flashcards should be
|
|
|
|
|
<span class="underline">______</span> ,
|
|
|
|
|
<span class="underline">______</span> , and
|
|
|
|
|
<span class="underline">______</span> .
|
|
|
|
|
</div>
|
|
|
|
|
</span>
|
|
|
|
|
<span id="flashcard_leit_d_back">
|
|
|
|
|
<div class="fcard_bg" src="pics/fcards_ch2.png" sx=400 sy=720></div>
|
2018-10-18 16:26:17 +00:00
|
|
|
|
<div id="fc_words" class="fcard_center" style="color:#fff; height:200px; height: 180px; font-size: 30px;">
|
2018-10-17 20:37:01 +00:00
|
|
|
|
small, connected & meaningful
|
|
|
|
|
</div>
|
|
|
|
|
</span>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- GIFTS -->
|
|
|
|
|
<span id="gift_wallpaper_what">
|
|
|
|
|
WHAT:
|
|
|
|
|
</span>
|
|
|
|
|
<span id="gift_wallpaper_why">
|
|
|
|
|
WHY:
|
|
|
|
|
</span>
|
|
|
|
|
<span id="gift_wallpaper_do_1">
|
|
|
|
|
DO
|
|
|
|
|
</span>
|
|
|
|
|
<span id="gift_wallpaper_do_2">
|
|
|
|
|
ME!
|
|
|
|
|
</span>
|
|
|
|
|
<span id="gift_wallpaper_filename">
|
|
|
|
|
wallpaper
|
|
|
|
|
</span>
|
|
|
|
|
<span id="gift_wallpaper_desktop">
|
|
|
|
|
a wallpaper for your desktop,
|
|
|
|
|
</span>
|
|
|
|
|
<span id="gift_wallpaper_phone">
|
|
|
|
|
a lock-screen wallpaper for your phone,
|
|
|
|
|
</span>
|
|
|
|
|
<span id="gift_app_leitner">
|
|
|
|
|
a looping 64-day calendar for your Leitner Box!
|
2018-10-18 15:35:56 +00:00
|
|
|
|
(pdf, so you can print it out) [todo]
|
2018-10-17 20:37:01 +00:00
|
|
|
|
</span>
|
|
|
|
|
<span id="gift_app_anki">
|
|
|
|
|
a link to
|
|
|
|
|
<a target="_blank" href="https://apps.ankiweb.net/">download Anki!</a>
|
|
|
|
|
(and here's
|
|
|
|
|
<a target="_blank" href="https://www.youtube.com/watch?v=sQkdB3cJwn0">a video tutorial</a>
|
|
|
|
|
on how to get started)
|
|
|
|
|
</span>
|
|
|
|
|
<span id="gift_app_tiny">
|
|
|
|
|
a link to
|
|
|
|
|
<a target="_blank" href="https://tinycards.duolingo.com/">TinyCards!</a>
|
|
|
|
|
(i recommend checking out their
|
|
|
|
|
<a target="_blank" href="https://tinycards.duolingo.com/users/TinyGeo">geography decks</a>)
|
|
|
|
|
</span>
|
|
|
|
|
<span id="gift_app_other">
|
|
|
|
|
links to
|
2018-10-18 15:35:56 +00:00
|
|
|
|
the Leitner Box 64-day calendar [todo],
|
|
|
|
|
the
|
|
|
|
|
<a target="_blank" href="https://apps.ankiweb.net/">the Anki app</a>,
|
|
|
|
|
and
|
|
|
|
|
<a target="_blank" href="https://tinycards.duolingo.com/">TinyCards</a>!
|
2018-10-17 20:37:01 +00:00
|
|
|
|
</span>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- QUESTIONS -->
|
|
|
|
|
<span id="flashcard_you_what_front">
|
|
|
|
|
<div class="fcard_bg" src="pics/fcards_ch3.png" sx=0 sy=0></div>
|
2018-10-18 16:26:17 +00:00
|
|
|
|
<div id="fc_words" style="line-height: 1.1em; position: absolute; width: 190px; margin: 0; top: 50px; left: 180px;">
|
2018-10-17 20:37:01 +00:00
|
|
|
|
WHAT do you want to learn?
|
|
|
|
|
</div>
|
|
|
|
|
</span>
|
|
|
|
|
<span id="flashcard_you_what_back">
|
|
|
|
|
<div id="fc_words" class="fcard_center" editable="you_what" style="height:1.2em">
|
|
|
|
|
Anything interesting!
|
|
|
|
|
</div>
|
|
|
|
|
</span>
|
|
|
|
|
<span id="flashcard_you_why_front">
|
|
|
|
|
<div class="fcard_bg" src="pics/fcards_ch3.png" sx=400 sy=0></div>
|
2018-10-18 16:26:17 +00:00
|
|
|
|
<div id="fc_words" style="line-height: 1.1em; position: absolute; width: 190px; margin: 0; top: 50px; left: 180px;">
|
|
|
|
|
WHY do you want to learn?
|
2018-10-17 20:37:01 +00:00
|
|
|
|
</div>
|
|
|
|
|
</span>
|
|
|
|
|
<span id="flashcard_you_why_back">
|
|
|
|
|
<div id="fc_words" class="fcard_center" editable="you_why" style="height:1.2em">
|
|
|
|
|
For curiosity's sake
|
|
|
|
|
</div>
|
|
|
|
|
</span>
|
|
|
|
|
<span id="flashcard_you_how_front">
|
|
|
|
|
<div class="fcard_bg" src="pics/fcards_ch3.png" sx=0 sy=240></div>
|
2018-10-18 16:26:17 +00:00
|
|
|
|
<div id="fc_words" style="line-height: 1.1em; position: absolute; width: 190px; margin: 0; top:31px; left: 180px;">
|
2018-10-17 20:37:01 +00:00
|
|
|
|
HOW do you want to do Spaced Repetition?
|
|
|
|
|
</div>
|
|
|
|
|
</span>
|
|
|
|
|
<span id="flashcard_you_how_back">
|
|
|
|
|
<div id="fc_words" class="fcard_center" editable="you_how" style="height:1.2em">
|
|
|
|
|
Leitner Box
|
|
|
|
|
</div>
|
|
|
|
|
</span>
|
|
|
|
|
<span id="flashcard_you_when_front">
|
|
|
|
|
<div class="fcard_bg" src="pics/fcards_ch3.png" sx=400 sy=240></div>
|
2018-10-18 16:26:17 +00:00
|
|
|
|
<div id="fc_words" style="line-height: 1.1em; position: absolute; width: 190px; margin: 0; top:31px; left: 180px;">
|
2018-10-17 20:37:01 +00:00
|
|
|
|
WHEN do you want to do Spaced Repetition?
|
|
|
|
|
</div>
|
|
|
|
|
</span>
|
|
|
|
|
<span id="flashcard_you_when_back">
|
|
|
|
|
<div id="fc_words" class="fcard_center" editable="you_when" style="height:1.2em">
|
|
|
|
|
In the evening
|
|
|
|
|
</div>
|
|
|
|
|
</span>
|
|
|
|
|
|
|
|
|
|
<!-- THE END -->
|
|
|
|
|
<span id="flashcard_the_end_front">
|
|
|
|
|
<div class="fcard_bg" src="pics/fcards_ch3.png" sx=0 sy=480></div>
|
|
|
|
|
</span>
|
|
|
|
|
<span id="flashcard_the_end_back">
|
|
|
|
|
<div class="fcard_bg" src="pics/fcards_ch3.png" sx=400 sy=480></div>
|
|
|
|
|
<div id="fc_words" class="fcard_center" style="top:30px; font-size:50px;">
|
|
|
|
|
THE END
|
|
|
|
|
</div>
|
|
|
|
|
</span>
|
|
|
|
|
|
|
|
|
|
<!-- SUGGESTIONS -->
|
|
|
|
|
<span id="you_what_suggestions">
|
|
|
|
|
<li>Anything interesting!</li>
|
|
|
|
|
<li>A language</li>
|
|
|
|
|
<li>Music</li>
|
|
|
|
|
<li>Coding</li>
|
|
|
|
|
<li>Personal</li>
|
|
|
|
|
<li>(other)</li>
|
|
|
|
|
</span>
|
|
|
|
|
<span id="you_why_suggestions">
|
|
|
|
|
<li>For people I love</li>
|
|
|
|
|
<li>For my own sake</li>
|
|
|
|
|
<li>For curiosity's sake</li>
|
|
|
|
|
<li>(other)</li>
|
|
|
|
|
</span>
|
|
|
|
|
<span id="you_how_suggestions">
|
|
|
|
|
<li>Leitner Box</li>
|
|
|
|
|
<li>Anki</li>
|
|
|
|
|
<li>TinyCards</li>
|
|
|
|
|
<li>(other)</li>
|
|
|
|
|
</span>
|
|
|
|
|
<span id="you_when_suggestions">
|
|
|
|
|
<li>In the morning</li>
|
|
|
|
|
<li>On my commute</li>
|
|
|
|
|
<li>In the evening</li>
|
|
|
|
|
<li>(other)</li>
|
|
|
|
|
</span>
|
|
|
|
|
|
|
|
|
|
<!-- TYPING CARDS -->
|
|
|
|
|
<span id="type_question">
|
|
|
|
|
Q:
|
|
|
|
|
</span>
|
|
|
|
|
<span id="type_placeholder">
|
|
|
|
|
type your answer here
|
|
|
|
|
</span>
|
|
|
|
|
<span id="type_suggestions">
|
|
|
|
|
or pick one of these suggestions:
|
|
|
|
|
</span>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
|
|
|
|
|
|
</html>
|
|
|
|
|
|
|
|
|
|
<script src="js/howler.core.min.js"></script>
|
|
|
|
|
<script src="js/minpubsub.src.js"></script>
|
|
|
|
|
<script src="js/comic.js"></script>
|