diff --git a/ahhh.html b/ahhh.html deleted file mode 100644 index 22dde55..0000000 --- a/ahhh.html +++ /dev/null @@ -1,125 +0,0 @@ - - - - - An Interactive Comic - - - - - - - - - - - - - - -
- -
-
- HOW TO REMEMBER ANYTHING FOREVER-ISH -
-
- by nicky case · oct 2018 -
-
-
- -


-


-


-


- - -
- -
-
- THE SCIENCE of - SPACED REPETITION -
- -
-
- -


-


-


-


-


- - - -
- -
-
- THE ART of - SPACED REPETITION -
- -
-
- -


-


-


-


-


- - - -
- -
-
- GET STARTED TODAY! -
- -
-
- -


-


-


- - - -
- - - - - Intro - -· - - The Science - -· - - The Art - -· - - Get Started! - -· - - Credits - - - -
- - - - - - - - diff --git a/css/comic.css b/css/comic.css index c630dff..9ce543c 100644 --- a/css/comic.css +++ b/css/comic.css @@ -29,6 +29,9 @@ b, strong{ a{ color:#5b8df1; } +a:hover{ + color:#8aadf5; +} /**********/ /* SPLASH */ @@ -188,9 +191,67 @@ a{ #credits > div{ color:white; margin: 50px auto 100px auto; - width: 600px; + width: 550px; +} +#credits hr{ + border: none; + border-bottom: 10px dashed rgba(255,255,255,0.25); + margin: 1.5em 0; +} +#credits li{ + list-style-type: none; + text-indent: -1.25em; +} +#credits iframe{ + display:block; + background:#fff; + border:none; + width:500px; + height:350px; + margin:0 auto; + border-radius: 25px; } +/*******************/ +/* LANGUAGE PROMPT */ +/*******************/ +#prompt{ + width: 100%; + + background:#5b8df1; + color:#fff; + + position: fixed; + top:0; + transition: top 0.5s ease-in-out; + + text-align: center; + font-size: 30px; + padding: 15px 0 20px 0; + line-height: 1.3em; + +} +#prompt[hide=yes]{ + top:-150px; +} +#prompt a{ + + color:#5b8df1; + background: #fff; + display: inline-block; + border-radius: 5px; + + padding: 0 8px; + text-decoration: none; + cursor: pointer; + +} +#prompt a:hover{ + color:#8aadf5; +} +#translation_credits{ + pointer-events: all; +} diff --git a/de.html b/de.html new file mode 100644 index 0000000..b178b13 --- /dev/null +++ b/de.html @@ -0,0 +1,286 @@ + + + + + An Interactive Comic + + + + + + + + + + + + + + +
+ +
+
+ DEUTSCH DEUTSCH DESUTCH DESUTCH +
+
+ by nicky case · oct 2018 +
+ +
+
+
+ +
+
+ +


+


+


+


+ + +
+ +
+
+ THE SCIENCE of + SPACED REPETITION +
+ +
+
+ +


+


+


+


+


+ + + +
+ +
+
+ THE ART of + SPACED REPETITION +
+ +
+
+ +


+


+


+


+


+ + + +
+ +
+
+ GET STARTED TODAY! +
+ +
+
+ +


+


+


+ + + + + + + + + +
+ +
+ +

+ + + Written, drawn, and programmed by +
+ + Nicky Case + +
+

+ +

+Also, this interactive comic is + + + + + + + + + + + PUBLIC DOMAIN + + + +meaning you can freely use this thing for educational, personal, or even commercial purposes. +You already have my permission! + +(Download the full source code on GitHub) + +

+ +

+However, I'm only able to do this thanks to my 1,000+ Patreon supporters. +They let me keep doing what I love. Thank you! πŸ’– + +(Wanna chip in too? Click here!) + +

+ +
+ +

+Further Reading +

+ +

+Something something shoulders of giants. +Here are the reads that made Spaced Repetition a part of my daily life: +

+ + + +And my favorite reads on the science of learning: + + + +

+And if you want to learn-by-playing more stuff, + +check out Explorable Explanations! πŸ•ΉοΈ +

+ +
+ +

+More Thanks +

+ +

+πŸ‘€ Thank you to all my playtesters for making this project shine! +Name, Name, Name +

+ +

+πŸ”Š This project was made with Creative Commons assets +from Wikimedia Commons and FreeSounds. + +(See full credits) +

+ +

+πŸ’– And again, huge thanks to all my Patreon supporters who made this possible: +

+ + + +

+πŸ™ And finally, thank you for sitting through the credits at the end! +You can + +play more of my stuff, + +follow me on Twitter, +or + +support me on Patreon. +I sincerely hope this comic could help you, in whatever small way. +

+ +

+Happy learning!
+~ Nicky Case +

+ +
+ + + +
+ + + +Intro +· +The Science +· +The Art +· +Get Started! +· +Credits + + +
+ + + + + + + + diff --git a/fr.html b/fr.html new file mode 100644 index 0000000..a00bf4e --- /dev/null +++ b/fr.html @@ -0,0 +1,293 @@ + + + + + An Interactive Comic + + + + + + + + + + + + + + +
+ +
+
+ FRANÇAIS FRANÇAIS FRANÇAIS FRANÇAIS +
+
+ par nicky case · oct 2018 +
+ +
+
+
+ +
+
+ +


+


+ +top +top +top +top +top + +


+


+ + +
+ +
+
+ THE SCIENCE of + SPACED REPETITION +
+ +
+
+ +


+


+


+


+


+ + + +
+ +
+
+ THE ART of + SPACED REPETITION +
+ +
+
+ +


+


+


+


+


+ + + +
+ +
+
+ GET STARTED TODAY! +
+ +
+
+ +


+


+


+ + + + + + + + + +
+ +
+ +

+ + + Written, drawn, and programmed by +
+ + Nicky Case + +
+

+ +

+Also, this interactive comic is + + + + + + + + + + + PUBLIC DOMAIN + + + +meaning you can freely use this thing for educational, personal, or even commercial purposes. +You already have my permission! + +(Download the full source code on GitHub) + +

+ +

+However, I'm only able to do this thanks to my 1,000+ Patreon supporters. +They let me keep doing what I love. Thank you! πŸ’– + +(Wanna chip in too? Click here!) + +

+ +
+ +

+Further Reading +

+ +

+Something something shoulders of giants. +Here are the reads that made Spaced Repetition a part of my daily life: +

+ +
    +
  • + πŸ’¬ + + Fluent Forever + by Gabriel Wyner + convinced me to finally (re)start learning French, + and adopt a Leitner Box. +
  • +
  • + πŸ€“ + + Augmenting Long-Term Memory + by Michael Nielsen + showed me I could use Spaced Repetition to deeply learn almost anything, not just languages. +
  • +
  • + πŸƒ + + 20 Rules for Cards + by Piotr Wozniak taught me how to squeeze the most out of Spaced Repetition. + (Note: the author also invented the algorithm used by Anki!) +
  • +
+ +And my favorite reads on the science of learning: + + + +

+And if you want to learn-by-playing more stuff, + +check out Explorable Explanations! πŸ•ΉοΈ +

+ +
+ +

+More Thanks +

+ +

+πŸ‘€ Thank you to all my playtesters for making this project shine! +Name, Name, Name +

+ +

+πŸ”Š This project was made with Creative Commons assets +from Wikimedia Commons and FreeSounds. + +(See full credits) +

+ +

+πŸ’– And again, huge thanks to all my Patreon supporters who made this possible: +

+ + + +

+πŸ™ And finally, thank you for being the kind of person who sits through the credits! +You can + +play more of my stuff, + +follow me on Twitter, +or + +support me on Patreon. +I sincerely hope this comic could help you, in whatever small way. +

+ +

+Happy learning!
+~ Nicky Case +

+ +
+ + + +
+ + + +Intro +· +The Science +· +The Art +· +Get Started! +· +Credits + + +
+ + + + + + + + diff --git a/full.html b/full.html index 74e3d46..1f40d07 100644 --- a/full.html +++ b/full.html @@ -18,7 +18,7 @@
- +
[todo: some friggin' title] @@ -40,6 +40,15 @@ ...was the mother of the Muses, the goddesses of inspiration. + + music + + + theatre + + + weird fanfic + @@ -52,6 +61,16 @@ So, how's Memory and Inspiration doing in schools? + + bla + bla + bla + bla + bla + bla + bla + bla + @@ -107,6 +126,18 @@ So, how's Memory and Inspiration doing in schools? Since then, I've used Spaced Repetition to remember all sorts of things... + + ukulele chords + + + computer code + + + friends' birthdays + + + anything interesting i find in books, talks, articles, etc! + ...and this lil' memory card game became a core part of my life. @@ -128,6 +159,9 @@ So, how's Memory and Inspiration doing in schools? Spaced Repetition is free, evidence-based, and so simple you can do it with a shoebox. + + nicky shut up + So, what's the catch? Why isn't everyone already doing Spaced Repetition? @@ -139,6 +173,9 @@ So, how's Memory and Inspiration doing in schools? Well, the catch is that making any new habit is hard – especially a weird habit like Spaced Repetition. + + teacher's coming + That's why I made this badly-drawn interactive comic. @@ -190,6 +227,15 @@ Like so: you need memorization for creativity & critical thinking. (Imagine writing an essay if you know no words!) + + MEMORY + + + art + + + science + @@ -210,6 +256,11 @@ Like so: ...to mother your own, inner Muse. + + Tony Stark nearly gasped as a gloved hand trailed down his spine. + The steady pressure was smooth and almost reassuring. + Obama chuckled. β€œYou mean, the– + Let's begin. @@ -230,7 +281,7 @@ Like so:
- +
THE SCIENCE of @@ -559,7 +610,7 @@ It’s actually so simple, you can even create your own automatic scheduler...
- +
THE ART of @@ -1054,7 +1105,7 @@ It’s actually so simple, you can even create your own automatic scheduler...
- +
GET STARTED TODAY! @@ -1579,11 +1630,38 @@ Before sleeping, coz otherwise you'd just stress-binge on twitter
-[TODO: FULL CREDITS] +Made by Nicky Case -

+Public Domain (link to other work & patreon) -[I'll put YOUR name here – thank you so much for playtesting this thing, friend!~] +=== + +Further Reading: + +- Fluent Forever + +- Michael Nielsen's +http://augmentingcognition.com/ltm.html + +- SuperMemo's 20 Tips + +=== + +Scientific Sources: + +=== + +Special Thanks / Playtesters + +Made with CC WikiCommons art and FreeSounds + +=== + +Patreon + +Support me +Twitter +Ncase!
@@ -1611,25 +1689,15 @@ DOWNLOAD ALL CARDS ↓ - - Intro - +Intro · - - The Science - +The Science · - - The Art - +The Art · - - Get Started! - +Get Started! · - - Credits - +Credits @@ -1766,7 +1834,7 @@ DOWNLOAD ALL CARDS ↓
- (note: it decays quickly, then slowly – "exponential decay") + (note: it decays quickly, then slowly - "exponential decay")
diff --git a/index.html b/index.html new file mode 100644 index 0000000..20ab10d --- /dev/null +++ b/index.html @@ -0,0 +1,286 @@ + + + + + An Interactive Comic + + + + + + + + + + + + + + +
+ +
+
+ HOW TO REMEMBER ANYTHING FOREVER-ISH +
+
+ by nicky case · oct 2018 +
+ +
+
+
+ +
+
+ +


+


+


+


+ + +
+ +
+
+ THE SCIENCE of + SPACED REPETITION +
+ +
+
+ +


+


+


+


+


+ + + +
+ +
+
+ THE ART of + SPACED REPETITION +
+ +
+
+ +


+


+


+


+


+ + + +
+ +
+
+ GET STARTED TODAY! +
+ +
+
+ +


+


+


+ + + + + + + + + +
+ +
+ +

+ + + Written, drawn, and programmed by +
+ + Nicky Case + +
+

+ +

+Also, this interactive comic is + + + + + + + + + + + PUBLIC DOMAIN + + + +meaning you can freely use this thing for educational, personal, or even commercial purposes. +You already have my permission! + +(Download the full source code on GitHub) + +

+ +

+However, I'm only able to do this thanks to my 1,000+ Patreon supporters. +They let me keep doing what I love. Thank you! πŸ’– + +(Wanna chip in too? Click here!) + +

+ +
+ +

+Further Reading +

+ +

+Something something shoulders of giants. +Here are the reads that made Spaced Repetition a part of my daily life: +

+ +
    +
  • + πŸ’¬ + + Fluent Forever + by Gabriel Wyner + convinced me to finally (re)start learning French, + and adopt a Leitner Box. +
  • +
  • + πŸ€“ + + Augmenting Long-Term Memory + by Michael Nielsen + showed me I could use Spaced Repetition to deeply learn almost anything, not just languages. +
  • +
  • + πŸƒ + + 20 Rules for Cards + by Piotr Wozniak taught me how to squeeze the most out of Spaced Repetition. + (Note: the author also invented the algorithm used by Anki!) +
  • +
+ +And my favorite reads on the science of learning: + + + +

+And if you want to learn-by-playing more stuff, + +check out Explorable Explanations! πŸ•ΉοΈ +

+ +
+ +

+More Thanks +

+ +

+πŸ‘€ Thank you to all my playtesters for making this project shine! +Name, Name, Name +

+ +

+πŸ”Š This project was made with Creative Commons assets +from Wikimedia Commons and FreeSounds. + +(See full credits) +

+ +

+πŸ’– And again, huge thanks to all my Patreon supporters who made this possible: +

+ + + +

+πŸ™ And finally, thank you for being the kind of person who sits through the credits! +You can + +play more of my stuff, + +follow me on Twitter, +or + +support me on Patreon. +I sincerely hope this comic could help you, in whatever small way. +

+ +

+Happy learning!
+~ Nicky Case +

+ +
+ + + +
+ + + +Intro +· +The Science +· +The Art +· +Get Started! +· +Credits + + +
+ + + + + + + + diff --git a/js/comic.js b/js/comic.js index 246a008..24ced15 100644 --- a/js/comic.js +++ b/js/comic.js @@ -328,9 +328,148 @@ window.onscroll = function(){ var bounds = sim.getBoundingClientRect(); if(bounds.y-BUFFER){ sim.src = sim.getAttribute("will_source"); - console.log("Loading "+sim.src+"..."); + //console.log("Loading "+sim.src+"..."); + } + } + }); + + // More iframes + var iframes = $all("iframe"); + iframes.forEach(function(iframe){ + if(!iframe.src){ + var gotoSrc = iframe.getAttribute("gotosrc"); + if(gotoSrc){ + + var bounds = iframe.getBoundingClientRect(); + if(bounds.y-BUFFER){ + iframe.src = gotoSrc; + console.log("Loading "+iframe.src+"..."); + } + } } }); }; + +setInterval(window.onscroll, 1000); // to update late-loaders + + +///////////////////////////// +// TRANSLATIONS ///////////// +///////////////////////////// + +// todo: +// - show prompt @done +// - list of languages @done +// - translated by and original in @done +// - remove all text from thing +// - clean up html, add comments +// - github instructions + +var LANGUAGES = {}; + +var xhr = new XMLHttpRequest(); +xhr.addEventListener("load", function(event){ + + // A database of languages! + var langs = xhr.response.split("\n\n"); + langs.forEach(function(lang){ + + var splitup = lang.split("\n"); + var code = splitup[0]; + + LANGUAGES[code] = { + name: splitup[1], + link: splitup[2], + ask: splitup[3], + yes: splitup[4], + no: splitup[5], + translatedBy: splitup[6], + originalIn: splitup[7] + }; + + }); + + // Show languages options in the box + var LANGS_SORTED = []; + for(var code in LANGUAGES){ + LANGS_SORTED.push(code); + } + LANGS_SORTED.sort(); + var html = ""; + LANGS_SORTED.forEach(function(code){ + var lang = LANGUAGES[code]; + html += ""+lang.name+"
"; + }); + $("#language_options").innerHTML = html; + + // What's user's language(s)? + var userLang = navigator.language || navigator.userLanguage; + var userLangs = [userLang]; + if(userLang.search("-")>=0){ + userLangs.push( userLang.split("-")[0] ); // e.g. en-US => en + } + + // What's this page's language? + var pathnameSplit = window.location.pathname.split("/"); + var pagename = pathnameSplit[pathnameSplit.length-1]; + var pageLang = (pagename==""||pagename=="index") ? "en" : pagename.split(".")[0]; + + // When to show prompt: + // If browser language is supported AND it's not this page + var l; + l = userLangs[0]; + if(LANGUAGES[l] && l!=pageLang) _showPrompt(l); + l = userLangs[1]; + if(LANGUAGES[l] && l!=pageLang) _showPrompt(l); + + // Translation credits if NOT english + if(pageLang!="en"){ + var html = ""; + var lang = LANGUAGES[pageLang]; + html += lang.translatedBy; + html += " · "; + html += ""+lang.originalIn+""; + $("#translation_credits").innerHTML = html; + } + +}); +function _showPrompt(lang){ + + lang = LANGUAGES[lang]; + + // Add prompt + var promptDOM = document.createElement("div"); + promptDOM.id = "prompt"; + document.body.appendChild(promptDOM); + + // Fill in prompt + var askDOM = document.createElement("div"); + askDOM.innerHTML = lang.ask; + var yesDOM = document.createElement("a"); + yesDOM.innerHTML = lang.yes; + var nbsp = document.createElement("span"); + nbsp.innerHTML = " "; + var noDOM = document.createElement("a"); + noDOM.innerHTML = lang.no; + + promptDOM.appendChild(askDOM); + promptDOM.appendChild(yesDOM); + promptDOM.appendChild(nbsp); + promptDOM.appendChild(noDOM); + + // Code Logic + yesDOM.href = lang.link; + noDOM.onclick = function(){ + promptDOM.setAttribute("hide", "yes"); + setTimeout(function(){ + document.body.removeChild(promptDOM); + },2000); + }; + + +} +xhr.open("GET", "translations.txt"); +xhr.send(); + diff --git a/pics/intro0.png b/pics/intro0.png index 6fbcbee..289388e 100644 Binary files a/pics/intro0.png and b/pics/intro0.png differ diff --git a/sims/calendar/calendar.js b/sims/calendar/calendar.js index 2049d30..c52f387 100644 --- a/sims/calendar/calendar.js +++ b/sims/calendar/calendar.js @@ -31,6 +31,17 @@ var CALENDAR = [ [2,1], [3,1], [2,1], [4,1], [2,1], [3,1], [2,1], [7,1], [2,1], [3,1], [6,2,1],[5,1], [4,2,1], [3,1], [2,1], [1], ]; +/* +var CALENDAR = [ + [2,1], [3,1], [2,1], [4,1], [2,1], [3,1], [2,1], [5,1], + [2,1], [3,1], [2,1], [4,1], [2,1], [3,1], [2,1], [6,1], + [2,1], [3,1], [2,1], [4,1], [2,1], [3,1], [2,1], [5,1], + [2,1], [3,1], [2,1], [4,1], [2,1], [3,1], [2,1], [7,1], + [2,1], [3,1], [2,1], [4,1], [2,1], [3,1], [2,1], [5,1], + [2,1], [3,1], [2,1], [4,1], [2,1], [3,1], [2,1], [6,1], + [2,1], [3,1], [2,1], [4,1], [2,1], [3,1], [2,1], [5,1], + [2,1], [3,1], [2,1], [4,1], [2,1], [3,1], [2,1], [1], +];*/ var daySlider = $("#day"); daySlider.oninput = function(){ diff --git a/sims/splash/Mouse.js b/sims/splash/Mouse.js index b2f04db..c4be7d8 100644 --- a/sims/splash/Mouse.js +++ b/sims/splash/Mouse.js @@ -53,7 +53,7 @@ document.body.addEventListener("touchmove",onTouchMove = function(event){ Mouse.x = event.changedTouches[0].clientX; Mouse.y = event.changedTouches[0].clientY - window.pageYOffset; - event.preventDefault(); + //event.preventDefault(); },false); diff --git a/supporters/index.html b/supporters/index.html new file mode 100644 index 0000000..e0b0840 --- /dev/null +++ b/supporters/index.html @@ -0,0 +1,14 @@ + + + +Supporters + + + + + diff --git a/translations.txt b/translations.txt new file mode 100644 index 0000000..60287f2 --- /dev/null +++ b/translations.txt @@ -0,0 +1,33 @@ +en +English +./ +Would you like to switch to English? +Sure! +Nah + +ex +Example Language +./ex.html +Would you like to switch to Example Language? +Sure! +Nah +translated by Your Name +original in english + +fr +French +./fr.html +Voulez-vous switcher en franΓ§ais? +Oui! +Non +tranduire par Nicky Case +l'original en anglais + +de +Deutsch +./de.html +Volkswagon Volkswagon Volkswagon? +Ja! +Na +translated by Hermann Ebbinghaus +original in anglo \ No newline at end of file