This commit is contained in:
parent
99f925fdbf
commit
8be519b464
|
@ -0,0 +1,256 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>An Interactive Comic</title>
|
||||||
|
<!--
|
||||||
|
|
||||||
|
Possible titles:
|
||||||
|
- What If Long-Term Memory Could Be A Choice?
|
||||||
|
- Remember By Choice
|
||||||
|
- How To Remember Pretty Much Anything
|
||||||
|
- Remember Forever
|
||||||
|
|
||||||
|
-->
|
||||||
|
|
||||||
|
<link rel="stylesheet" type="text/css" href="css/comic.css"/>
|
||||||
|
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div id="comic">
|
||||||
|
|
||||||
|
<!-- Muse -->
|
||||||
|
<panel w=500 h=450>
|
||||||
|
<pic style="background:#bada55"></pic> <!-- Muse. plus electroswing. -->
|
||||||
|
<words x=10 y=10 w=430 h=60>
|
||||||
|
In Greek mythology, the Muses, the goddesses of inspiration...
|
||||||
|
</words>
|
||||||
|
<words x=30 y=350 w=430 h=60>
|
||||||
|
...were the daughters of Mnemosyne: the goddess of Memory.
|
||||||
|
</words>
|
||||||
|
</panel>
|
||||||
|
|
||||||
|
<!-- Class sucks -->
|
||||||
|
<!-- But: a better way? (WHAT) -->
|
||||||
|
<panel w=500 h=250>
|
||||||
|
<pic style="background:#bada55"></pic> <!-- talking in class -->
|
||||||
|
<words x=10 y=10 w=430 h=60>
|
||||||
|
Meanwhile, in classrooms around the world:
|
||||||
|
</words>
|
||||||
|
<words x=30 y=150 w=430 h=60>
|
||||||
|
UGHHHHHHHHHHH
|
||||||
|
</words>
|
||||||
|
</panel>
|
||||||
|
|
||||||
|
<panel w=500 h=250>
|
||||||
|
<pic style="background:#bada55"></pic> <!-- talking in class -->
|
||||||
|
<words x=10 y=10 w=430 h=60>
|
||||||
|
Memorization gets a bad rap.
|
||||||
|
</words>
|
||||||
|
<words x=30 y=150 w=430 h=60>
|
||||||
|
We all know too well school's "drill and kill" rote memorization.
|
||||||
|
</words>
|
||||||
|
</panel>
|
||||||
|
|
||||||
|
<panel w=500 h=250>
|
||||||
|
<pic style="background:#bada55"></pic> <!-- talking in class -->
|
||||||
|
<words x=10 y=10 w=430 h=60>
|
||||||
|
But not only are traditional lectures & study techniques boring,
|
||||||
|
they've been scientifically shown to <i>not work.</i>
|
||||||
|
</words>
|
||||||
|
<words x=30 y=150 w=430 h=60>
|
||||||
|
What if there was a better way?
|
||||||
|
</words>
|
||||||
|
</panel>
|
||||||
|
|
||||||
|
<panel w=500 h=250>
|
||||||
|
<pic style="background:#bada55"></pic> <!-- talking in class -->
|
||||||
|
<words x=10 y=10 w=430 h=60>
|
||||||
|
What if you could play a memory card game with yourself,
|
||||||
|
every day for ~20 minutes,
|
||||||
|
</words>
|
||||||
|
<words x=30 y=150 w=430 h=60>
|
||||||
|
which would help you store <i>anything you choose</i>
|
||||||
|
into your long-term memory <i>forever?</i>
|
||||||
|
</words>
|
||||||
|
</panel>
|
||||||
|
|
||||||
|
<panel w=500 h=250>
|
||||||
|
<pic style="background:#bada55"></pic> <!-- talking in class -->
|
||||||
|
</panel>
|
||||||
|
|
||||||
|
<panel w=500 h=250>
|
||||||
|
<pic style="background:#bada55"></pic> <!-- talking in class -->
|
||||||
|
<words x=10 y=10 w=430 h=60>
|
||||||
|
Now, what if I said THIS ALREADY EXISTS.
|
||||||
|
</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=guessgap"></sim> -->
|
||||||
|
</panel>
|
||||||
|
|
||||||
|
<!-- Model: Us & Others -->
|
||||||
|
<panel w=500 h=450>
|
||||||
|
<pic style="background:#bada55"></pic>
|
||||||
|
<words x=10 y=10 w=430 h=60>
|
||||||
|
I first started using Spaced Repetition earlier this year,
|
||||||
|
when I begun learning French on my own.
|
||||||
|
</words>
|
||||||
|
<words x=30 y=350 w=430 h=60>
|
||||||
|
Within two months of using Spaced Repetition,
|
||||||
|
I'd learnt more words than I did in two <i>years</i>
|
||||||
|
of high school French.
|
||||||
|
</words>
|
||||||
|
</panel>
|
||||||
|
|
||||||
|
<panel w=500 h=450>
|
||||||
|
<pic style="background:#bada55"></pic>
|
||||||
|
<words x=10 y=10 w=430 h=60>
|
||||||
|
But wait, there's more!
|
||||||
|
A friend then showed me how to use Spaced Repetition to learn <i>anything</i>,
|
||||||
|
not just new languages.
|
||||||
|
</words>
|
||||||
|
<words x=30 y=350 w=430 h=60>
|
||||||
|
Since then, I've also been using it to learn programming,
|
||||||
|
ukulele chords, poems, and interesting tidbits from articles & talks
|
||||||
|
I come across.
|
||||||
|
</words>
|
||||||
|
</panel>
|
||||||
|
|
||||||
|
<panel w=500 h=450>
|
||||||
|
<pic style="background:#bada55"></pic>
|
||||||
|
<words x=10 y=10 w=430 h=60>
|
||||||
|
I've even seen people use Spaced Repetition to
|
||||||
|
improve their <i>personal lives</i>...
|
||||||
|
</words>
|
||||||
|
<words x=30 y=150 w=430 h=60>
|
||||||
|
by using it to remember details about friends
|
||||||
|
(birthdays, pets' names, dietary restrictions)
|
||||||
|
and acquaintances (names, faces, occupations)...
|
||||||
|
</words>
|
||||||
|
<words x=30 y=350 w=430 h=60>
|
||||||
|
or using it to remember what to do/not do,
|
||||||
|
to make new habits or break bad habits!
|
||||||
|
</words>
|
||||||
|
</panel>
|
||||||
|
|
||||||
|
<!-- This Comic: YOU. (efficacy) -->
|
||||||
|
<panel w=500 h=250>
|
||||||
|
<pic style="background:#bada55"></pic>
|
||||||
|
<words x=10 y=10 w=430 h=60>
|
||||||
|
so what's the catch
|
||||||
|
</words>
|
||||||
|
</panel>
|
||||||
|
|
||||||
|
<panel w=500 h=250>
|
||||||
|
<pic style="background:#bada55"></pic> <!-- are you a cult -->
|
||||||
|
<words x=10 y=10 w=430 h=60>
|
||||||
|
None! It's free, it's evidence-based,
|
||||||
|
and it's so simple,
|
||||||
|
you can do Spaced Repetition with a <i>shoebox.</i>
|
||||||
|
</words>
|
||||||
|
<words x=30 y=150 w=430 h=60>
|
||||||
|
In this interactive comic, I'll show you
|
||||||
|
WHY it works, HOW it works, and help you get started using Spaced Repetition <i>today.</i>
|
||||||
|
</words>
|
||||||
|
</panel>
|
||||||
|
|
||||||
|
<panel w=500 h=250>
|
||||||
|
<pic style="background:#bada55"></pic> <!-- is this the initiation ritual -->
|
||||||
|
<words x=10 y=10 w=430 h=60>
|
||||||
|
Okay, the catch is this:
|
||||||
|
it's hard to create <i>any</i> new habit,
|
||||||
|
even a simple habit like Spaced Repetition.
|
||||||
|
</words>
|
||||||
|
<words x=30 y=150 w=430 h=60>
|
||||||
|
But, I hope this interactive comic will help you take the first few steps.
|
||||||
|
How?
|
||||||
|
</words>
|
||||||
|
</panel>
|
||||||
|
|
||||||
|
<panel w=500 h=250>
|
||||||
|
<pic style="background:#bada55"></pic> <!-- do i need to sacrifice a goat -->
|
||||||
|
<words x=10 y=10 w=430 h=60>
|
||||||
|
By having you learn about Spaced Repetition
|
||||||
|
</words>
|
||||||
|
<words x=30 y=150 w=430 h=60>
|
||||||
|
<i>USING</i> Spaced Repetition!
|
||||||
|
</words>
|
||||||
|
</panel>
|
||||||
|
|
||||||
|
<!-- Ergo: SR WITH SR -->
|
||||||
|
|
||||||
|
<panel w=600 h=100>
|
||||||
|
Heck, let's practice it right now!
|
||||||
|
Spaced Repetition is like flashcards, but with a twist.
|
||||||
|
Go through these cards, and see how well you remember them:
|
||||||
|
</panel>
|
||||||
|
|
||||||
|
<panel w=600 h=400 bg="#e0e0e0">
|
||||||
|
<!--
|
||||||
|
<sim x=0 y=0 w=600 h=400 src="sims/multicard/?cards=sci_a,sci_b,sci_c"></sim>
|
||||||
|
-->
|
||||||
|
</panel>
|
||||||
|
|
||||||
|
<panel w=500 h=400>
|
||||||
|
<pic style="background:#bada55"></pic> <!-- clever clock -->
|
||||||
|
<words x=10 y=10 w=430 h=60>
|
||||||
|
The twist is in the <i>timing</i>.
|
||||||
|
Spaced Repetition spaces out when you repeat a card,
|
||||||
|
in a clever, scientifically-backed way.
|
||||||
|
</words>
|
||||||
|
<words x=10 y=150 w=430 h=60>
|
||||||
|
(we'll practice Spaced Repetition a few more times in this interactive comic)
|
||||||
|
</words>
|
||||||
|
<words x=30 y=250 w=430 h=60>
|
||||||
|
I'll explain more later,
|
||||||
|
but for now, I want to say what Spaced Repetition is <i>not:</i>
|
||||||
|
</words>
|
||||||
|
</panel>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Muse: not lifehack, but control over your memory -->
|
||||||
|
<panel w=500 h=250>
|
||||||
|
<pic style="background:#bada55"></pic> <!-- back in class, sitting in corner -->
|
||||||
|
<words x=10 y=10 w=430 h=60>
|
||||||
|
It's <i>not</i> a "study trick".
|
||||||
|
It's <i>not</i> a "life hack".
|
||||||
|
</words>
|
||||||
|
<words x=30 y=150 w=430 h=60>
|
||||||
|
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 for learning...
|
||||||
|
</words>
|
||||||
|
</panel>
|
||||||
|
|
||||||
|
<panel w=500 h=450>
|
||||||
|
<pic style="background:#bada55"></pic> <!-- Muse. -->
|
||||||
|
<words x=10 y=10 w=430 h=60>
|
||||||
|
...to mother your own, inner Muse.
|
||||||
|
</words>
|
||||||
|
</panel>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<!-- - - - - - - - - - -->
|
||||||
|
<!-- SIMULATION LABELS -->
|
||||||
|
<!-- - - - - - - - - - -->
|
||||||
|
|
||||||
|
<div id="labels">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
|
|
||||||
|
<script src="js/minpubsub.src.js"></script>
|
||||||
|
<script src="js/comic.js"></script>
|
Loading…
Reference in New Issue