diff --git a/audio/chat.mp3 b/audio/chat.mp3 new file mode 100644 index 0000000..990d274 Binary files /dev/null and b/audio/chat.mp3 differ diff --git a/ch1.html b/ch1.html index 819665c..abc5476 100644 --- a/ch1.html +++ b/ch1.html @@ -70,7 +70,7 @@ Let me know your honest feedback, thanks!) - + @@ -114,7 +114,7 @@ But, in general, a memory’s “rate of decay” slows down each time you ac - + @@ -180,7 +180,7 @@ You need desirable difficulty: the sweet spot of just-hard-enough. - + @@ -224,7 +224,7 @@ then when you’re ready, flip the card over ↓ - + @@ -239,7 +239,7 @@ then when you’re ready, flip the card over ↓ - + @@ -255,7 +255,7 @@ then when you’re ready, flip the card over ↓ - + diff --git a/ch2.html b/ch2.html index 22f6242..d8a6569 100644 --- a/ch2.html +++ b/ch2.html @@ -12,6 +12,27 @@
+ + + + +(This is a work-in-progress! +Please don't share yet. +
+Let me know your honest feedback, thanks!) + +

+ +(Also, this is CHAPTER 2 of my prototype. +You might wanna play CHAPTER 1 first, +if you haven't already.) + +
+
+ + + + @@ -44,7 +65,7 @@ - + Remember: we need to space out our reviews with increasing gaps of time. In the Leitner Box, we double the gap for each Level! @@ -62,7 +83,7 @@ - + @@ -93,8 +114,8 @@ Every card you get right goes up one Level. - (If you're already at the final Level, congrats! - Your card gets to retire in Valhalla) + (If you're at the final Level, congrats! + Your card gets to retire in your long-term memory) @@ -124,14 +145,14 @@ - And that's all there is to it! - Here's how the game plays out, over several days: - (Later, we'll see a sim for several months) + And that's all to it! + Here's how the game plays out, over a few days: + (There's no end. Once you "get it", just keep scrolling.) - - + + @@ -173,24 +194,26 @@ - Here's how the game plays out, over several months: + Here's how the game plays out, in the long, long run: - - + + - + That's it. That's how you can make long-term memory a choice. Let's let that sink in. Take a break, and recall what we just learnt: +
+ (CLICK CARD TO FLIP)
@@ -202,8 +225,10 @@ - + + (TODO: Include practice flashcards from Chapter 1) +

Spaced Repetition almost seems too good to be true.
And it is... IF you fall for some very common pitfalls. @@ -214,7 +239,7 @@ Memory isn't a bookshelf - where you collect random giant books to impress others. + where you collect random giant tomes to impress others. That's to say: Spaced Repetition will fail if your cards feel @@ -258,14 +283,16 @@
- + This card sucks: +
+ (CLICK CARD TO FLIP)
- + @@ -275,41 +302,41 @@ Let's cut it up into smaller, connected pieces! - As a rule of thumb, each flashcard should contain only one idea. + As a rule of thumb, each flashcard should have one & only one idea. Like so: - + - + - + - + - + - + - + - + @@ -338,7 +365,7 @@ - + @@ -354,7 +381,7 @@ - + @@ -377,6 +404,9 @@ * Obviously, paper cards can't play sounds. But apps like Anki/Tinycards can! + @@ -414,7 +444,7 @@ - + @@ -439,7 +469,7 @@ That, I believe, is the best way to keep yourself motivated while learning: - By making sure your learning is in service of something you actually care about. + By making sure your learning is in service of doing something you care about. @@ -477,7 +507,7 @@ This way, you can connect facts to things you know, to pictures and sounds you like, - in service of something you love. + in service of doing something you love.
@@ -500,6 +530,66 @@
+ + + + +[END OF CHAPTER TWO] + +

+ +Sorry for the cliffhanger, again! +The 3rd/final short chapter will have you make your own flashcards to these questions: + +
    + +
  • + WHAT do you want to learn? +
  • + +
  • + WHY do you want to learn that? (to make your cards meaningful) +
  • + +
  • + HOW will you learn? (choose: Leitner Box, or digital apps like Anki / TinyCards / etc) +
  • + +
+ +If you picked Anki/Tinycards, it'll help you download them and get started. +If you picked a Leitner Box, it'll give you a 64-day calendar to download & print out. + +

+ +And finally, to really help you get started and keep going, you'll also get to download a laptop/phone wallpaper +to remind you to do your Spaced Repetition. +You'll also get to download all the practice flashcards +in this interactive comic, including the ones you just made. These can be your first cards! + +

+ +Hopefully... this all helps you start using Spaced Repetition TODAY – +letting you take better control of your learning, and fill the long-term memory library of your mind +with wonderful things. + +

+ +Anyway, please let me know your honest feedback so far! +Early feedback helps me a lot. Many thanks in advance! + +

+ +<3, +
~ Nicky + +
+
+ +
+ + + @@ -508,7 +598,12 @@
- + + + + + + On Day [N]... @@ -519,7 +614,13 @@ (and then loop back to Day 1!) - + + + + + + + Day [N] @@ -536,10 +637,43 @@ total: [N] cards! - ([N] in very-long-term memory) + ([N] retired) - + + + next step + + + next day + + + next week + + + next month + + + + + [N] new cards a day + + + recall [N]% of cards wrong + + + + + RESET + + + + + + + + + try to recall ↑ then flip ↻ @@ -566,9 +700,10 @@ + + + - -
@@ -595,20 +730,24 @@
-
+
+ +
- ...then back to doing... + ...then back to doing... ↻
- ...then back to learning... + ...then back to learning... ↻
diff --git a/pics/leit0.png b/pics/leit0.png index 400ab52..1f2d852 100644 Binary files a/pics/leit0.png and b/pics/leit0.png differ diff --git a/sims/leitner/index.html b/sims/leitner/index.html index e8c260d..fc023d4 100644 --- a/sims/leitner/index.html +++ b/sims/leitner/index.html @@ -8,22 +8,41 @@
-
- - - - - -
- -
+ +
+ + + –
- + + + + + + + + + +
+ +
+ +
+ +
+ +
+ +
+
+
+ + Day [N] @@ -40,8 +59,36 @@ total: [N] cards! - ([N] in very-long-term memory) + ([N] retired) + + + + next step + + + next day + + + next week + + + next month + + + + + [N] new cards a day + + + recall [N]% of cards wrong + + + + + RESET + +
diff --git a/sims/leitner/leitner.css b/sims/leitner/leitner.css index 9df409a..6f43b28 100644 --- a/sims/leitner/leitner.css +++ b/sims/leitner/leitner.css @@ -13,21 +13,38 @@ body{ padding: 0 10px; background: #eee; letter-spacing: 1px; + font-size: 25px; } #content{ background: #fff; - width: 600px; + width: 500px; + padding: 50px; + padding-top: 0px; overflow: hidden; position: absolute; top: 0; left: 0; } -#container{ +#ui{ + position: absolute; width: 500px; - margin: 0px auto; + top:40px; + left:50px; } #default_labels{ display:none; -} \ No newline at end of file +} +#label_stats{ + text-align: center; +} +#sliders{ + font-size: 20px; + line-height: 1em; + margin-top: 25px; +} + +#MODE2_time, #MODE2_sliders{ + display:none; +} diff --git a/sims/leitner/leitner.js b/sims/leitner/leitner.js index 028f65c..0ba881d 100644 --- a/sims/leitner/leitner.js +++ b/sims/leitner/leitner.js @@ -25,9 +25,18 @@ CALCULATOR... nah. ********************************/ window.onload = function(){ + BOXES[0] += NEW_CARDS; _newStep(); update(); + + // Get Mode + window.MODE = parseInt( _getQueryVariable("mode") ); + if(MODE==2){ + $("#MODE2_time").style.display = "inline-block"; + //$("#MODE2_sliders").style.display = "block"; + } + }; ////////////////////////////////////////// @@ -46,11 +55,56 @@ c. Add new cards to Level 1 ****************/ var NEW_CARDS = 10; +var CARDS_WRONG = 0.05; var _STAGE = 0; // 0 - new day // 1 - reviewing // 2 - adding +// Button Labels +$("#next_step").innerHTML = _getLabel("leitner_button_next_step"); +$("#next_day").innerHTML = _getLabel("leitner_button_next_day"); +$("#next_week").innerHTML = _getLabel("leitner_button_next_week"); +$("#next_month").innerHTML = _getLabel("leitner_button_next_month"); +$("#reset").innerHTML = _getLabel("leitner_reset"); + +// RESET ALL +$("#reset").onclick = function(){ + + BOXES = [ + 0,0,0,0, + 0,0,0,0, + ]; + DAY = 0; + //ANIM_CARDS = BOXES.concat(); // clone + //ANIM_BOXES = BOXES.concat(); // clone + CURRENTLY_REVIEWED = -1; + QUEUE = []; + + BOXES[0] += NEW_CARDS; + _STAGE = 0; + _newStep(); + //update(); + +}; + +// UI Sliders + +var slider_new = $("#slider_new"); +slider_new.oninput = function(){ + NEW_CARDS = parseInt(slider_new.value); + $("#slider_new_label").innerHTML = _getLabel("leitner_slider_new").replace("[N]",NEW_CARDS); +}; +slider_new.oninput(); + +var slider_wrong = $("#slider_wrong"); +slider_wrong.oninput = function(){ + CARDS_WRONG = parseFloat(slider_wrong.value); + $("#slider_wrong_label").innerHTML = _getLabel("leitner_slider_wrong").replace("[N]",Math.round(CARDS_WRONG*100)); +}; +slider_wrong.oninput(); + + function _updateLabels(){ // Step @@ -129,7 +183,7 @@ function _newStep(skipLabels){ }else{ // 95% goes to next level // the rest goes to ONE - passed = Math.round(total*0.95); + passed = Math.round(total*(1-CARDS_WRONG)); failed = total-passed; } BOXES[rIndex+1] += passed; diff --git a/sims/singlecard/singlecard.js b/sims/singlecard/singlecard.js index 666ec40..48f7a2c 100644 --- a/sims/singlecard/singlecard.js +++ b/sims/singlecard/singlecard.js @@ -8,6 +8,18 @@ flashcard.onclick = function(){ flashcard.setAttribute("flip","no"); }else{ flashcard.setAttribute("flip","yes"); + + // HACK: PLAY AUDIO + var a = $("#HACK_audio"); + if(a){ + a.play(); + if(!a.onclick){ + a.onclick = function(e){ + e.stopPropagation(); + }; + } + } + } // Also, send message (when flipped for first time)