asdsads
This commit is contained in:
parent
8fd596f859
commit
60b341e19f
7 changed files with 230 additions and 16 deletions
116
LICENSE
Normal file
116
LICENSE
Normal file
|
@ -0,0 +1,116 @@
|
|||
CC0 1.0 Universal
|
||||
|
||||
Statement of Purpose
|
||||
|
||||
The laws of most jurisdictions throughout the world automatically confer
|
||||
exclusive Copyright and Related Rights (defined below) upon the creator and
|
||||
subsequent owner(s) (each and all, an "owner") of an original work of
|
||||
authorship and/or a database (each, a "Work").
|
||||
|
||||
Certain owners wish to permanently relinquish those rights to a Work for the
|
||||
purpose of contributing to a commons of creative, cultural and scientific
|
||||
works ("Commons") that the public can reliably and without fear of later
|
||||
claims of infringement build upon, modify, incorporate in other works, reuse
|
||||
and redistribute as freely as possible in any form whatsoever and for any
|
||||
purposes, including without limitation commercial purposes. These owners may
|
||||
contribute to the Commons to promote the ideal of a free culture and the
|
||||
further production of creative, cultural and scientific works, or to gain
|
||||
reputation or greater distribution for their Work in part through the use and
|
||||
efforts of others.
|
||||
|
||||
For these and/or other purposes and motivations, and without any expectation
|
||||
of additional consideration or compensation, the person associating CC0 with a
|
||||
Work (the "Affirmer"), to the extent that he or she is an owner of Copyright
|
||||
and Related Rights in the Work, voluntarily elects to apply CC0 to the Work
|
||||
and publicly distribute the Work under its terms, with knowledge of his or her
|
||||
Copyright and Related Rights in the Work and the meaning and intended legal
|
||||
effect of CC0 on those rights.
|
||||
|
||||
1. Copyright and Related Rights. A Work made available under CC0 may be
|
||||
protected by copyright and related or neighboring rights ("Copyright and
|
||||
Related Rights"). Copyright and Related Rights include, but are not limited
|
||||
to, the following:
|
||||
|
||||
i. the right to reproduce, adapt, distribute, perform, display, communicate,
|
||||
and translate a Work;
|
||||
|
||||
ii. moral rights retained by the original author(s) and/or performer(s);
|
||||
|
||||
iii. publicity and privacy rights pertaining to a person's image or likeness
|
||||
depicted in a Work;
|
||||
|
||||
iv. rights protecting against unfair competition in regards to a Work,
|
||||
subject to the limitations in paragraph 4(a), below;
|
||||
|
||||
v. rights protecting the extraction, dissemination, use and reuse of data in
|
||||
a Work;
|
||||
|
||||
vi. database rights (such as those arising under Directive 96/9/EC of the
|
||||
European Parliament and of the Council of 11 March 1996 on the legal
|
||||
protection of databases, and under any national implementation thereof,
|
||||
including any amended or successor version of such directive); and
|
||||
|
||||
vii. other similar, equivalent or corresponding rights throughout the world
|
||||
based on applicable law or treaty, and any national implementations thereof.
|
||||
|
||||
2. Waiver. To the greatest extent permitted by, but not in contravention of,
|
||||
applicable law, Affirmer hereby overtly, fully, permanently, irrevocably and
|
||||
unconditionally waives, abandons, and surrenders all of Affirmer's Copyright
|
||||
and Related Rights and associated claims and causes of action, whether now
|
||||
known or unknown (including existing as well as future claims and causes of
|
||||
action), in the Work (i) in all territories worldwide, (ii) for the maximum
|
||||
duration provided by applicable law or treaty (including future time
|
||||
extensions), (iii) in any current or future medium and for any number of
|
||||
copies, and (iv) for any purpose whatsoever, including without limitation
|
||||
commercial, advertising or promotional purposes (the "Waiver"). Affirmer makes
|
||||
the Waiver for the benefit of each member of the public at large and to the
|
||||
detriment of Affirmer's heirs and successors, fully intending that such Waiver
|
||||
shall not be subject to revocation, rescission, cancellation, termination, or
|
||||
any other legal or equitable action to disrupt the quiet enjoyment of the Work
|
||||
by the public as contemplated by Affirmer's express Statement of Purpose.
|
||||
|
||||
3. Public License Fallback. Should any part of the Waiver for any reason be
|
||||
judged legally invalid or ineffective under applicable law, then the Waiver
|
||||
shall be preserved to the maximum extent permitted taking into account
|
||||
Affirmer's express Statement of Purpose. In addition, to the extent the Waiver
|
||||
is so judged Affirmer hereby grants to each affected person a royalty-free,
|
||||
non transferable, non sublicensable, non exclusive, irrevocable and
|
||||
unconditional license to exercise Affirmer's Copyright and Related Rights in
|
||||
the Work (i) in all territories worldwide, (ii) for the maximum duration
|
||||
provided by applicable law or treaty (including future time extensions), (iii)
|
||||
in any current or future medium and for any number of copies, and (iv) for any
|
||||
purpose whatsoever, including without limitation commercial, advertising or
|
||||
promotional purposes (the "License"). The License shall be deemed effective as
|
||||
of the date CC0 was applied by Affirmer to the Work. Should any part of the
|
||||
License for any reason be judged legally invalid or ineffective under
|
||||
applicable law, such partial invalidity or ineffectiveness shall not
|
||||
invalidate the remainder of the License, and in such case Affirmer hereby
|
||||
affirms that he or she will not (i) exercise any of his or her remaining
|
||||
Copyright and Related Rights in the Work or (ii) assert any associated claims
|
||||
and causes of action with respect to the Work, in either case contrary to
|
||||
Affirmer's express Statement of Purpose.
|
||||
|
||||
4. Limitations and Disclaimers.
|
||||
|
||||
a. No trademark or patent rights held by Affirmer are waived, abandoned,
|
||||
surrendered, licensed or otherwise affected by this document.
|
||||
|
||||
b. Affirmer offers the Work as-is and makes no representations or warranties
|
||||
of any kind concerning the Work, express, implied, statutory or otherwise,
|
||||
including without limitation warranties of title, merchantability, fitness
|
||||
for a particular purpose, non infringement, or the absence of latent or
|
||||
other defects, accuracy, or the present or absence of errors, whether or not
|
||||
discoverable, all to the greatest extent permissible under applicable law.
|
||||
|
||||
c. Affirmer disclaims responsibility for clearing rights of other persons
|
||||
that may apply to the Work or any use thereof, including without limitation
|
||||
any person's Copyright and Related Rights in the Work. Further, Affirmer
|
||||
disclaims responsibility for obtaining any necessary consents, permissions
|
||||
or other rights required for any use of the Work.
|
||||
|
||||
d. Affirmer understands and acknowledges that Creative Commons is not a
|
||||
party to this document and has no duty or obligation with respect to this
|
||||
CC0 or use of the Work.
|
||||
|
||||
For more information, please see
|
||||
<http://creativecommons.org/publicdomain/zero/1.0/>
|
73
README.md
Normal file
73
README.md
Normal file
|
@ -0,0 +1,73 @@
|
|||
!["thumbnail"]()
|
||||
|
||||
**[How To Remember Anything Forever-ish](https://ncase.me/remember/)** is dedicated to the public domain,
|
||||
and was made possible thanks to [my Patreon supporters](https://www.patreon.com/ncase)! Love y'all~
|
||||
|
||||
## Full Asset Credits:
|
||||
|
||||
**From Wikimedia Commons:**
|
||||
|
||||
* [Mnemosyne](https://en.wikipedia.org/wiki/File:Mnemosyne_(color)_Rossetti.jpg) by Dante Gabriel Rossetti (public domain)
|
||||
* Muse paintings ([1](https://en.wikipedia.org/wiki/File:Le_Sueur,_Eustache_-_Melpom%C3%A8ne,_%C3%89rato_et_Polymnie_-_1652_-_1655.jpg), [2](https://en.wikipedia.org/wiki/File:Eustache_Le_Sueur_-_The_Muses_-_Clio,_Euterpe_and_Thalia_-_WGA12611.jpg)) by Eustache de Sueur (public domain)
|
||||
* [Outer Space](https://en.wikipedia.org/wiki/File:LH_95.jpg) by NASA (public domain)
|
||||
* [Hermann Ebbinghaus](https://commons.wikimedia.org/wiki/File:Ebbinghaus2.jpg) (public domain)
|
||||
* [Animal Cell](https://en.wikipedia.org/wiki/File:Animal_Cell.svg) by Kelvin Ma (CC Zero)
|
||||
* [Mitochondrion](https://commons.wikimedia.org/wiki/File:Mitochondrion_mini.svg) by Kelvin Ma (CC Zero)
|
||||
* [Human Cell Nucleus](https://en.wikipedia.org/wiki/File:Diagram_human_cell_nucleus.svg) by Mariana Ruiz Villarreal (public domain)
|
||||
* [Un Chat](https://commons.wikimedia.org/wiki/File:Fr-chat.ogg) by Vion Nicolas (CC-BY)
|
||||
|
||||
**From FreeSound.org:**
|
||||
|
||||
* [Flipping cards](https://freesound.org/people/cmorris035/sounds/319154/) by cmorris035 (CC Zero)
|
||||
* [Fanfare](https://freesound.org/people/plasterbrain/sounds/397355/) by plasterbrain (CC Zero)
|
||||
* [Victory](https://freesound.org/people/Chilljeremy/sounds/395482/) by Chilljeremy (CC Zero)
|
||||
* [Yay](https://freesound.org/people/Higgs01/sounds/428156/) by Higgs01 (CC Zero)
|
||||
* [Ding!](https://freesound.org/people/dersuperanton/sounds/433646/) by dersuperanton (CC BY)
|
||||
* [Typing](https://freesound.org/people/Eelke/sounds/158057/) by Eelke (CC BY)
|
||||
* [Beeps and Boops](https://freesound.org/people/Owdeo/sounds/116653/) by Owdeo (CC BY-NC)
|
||||
* [Applause](https://freesound.org/people/Sandermotions/sounds/277021/) by Sandermotions (CC Zero)
|
||||
|
||||
**Open Source Libraries:**
|
||||
|
||||
* [Howler.js](https://howlerjs.com/) for the audio
|
||||
* [MinPubSub](https://github.com/daniellmb/MinPubSub) for publish/subscribe
|
||||
* [JSZip](https://stuk.github.io/jszip/) and [FileSaver.js](https://github.com/eligrey/FileSaver.js/) for downloading your flashcards as .zip
|
||||
|
||||
**Font:** [Patrick Hand](https://fonts.google.com/specimen/Patrick+Hand) by Patrick Wagesreiter
|
||||
|
||||
## How To Translate:
|
||||
|
||||
**[IMPORTANT:
|
||||
BEFORE YOU MAKE A TRANSLATION, CHECK THE "ISSUES" TAB ABOVE,
|
||||
TO SEE IF SOMEONE ELSE IS ALREADY WORKING ON IT.
|
||||
If so, maybe you can collaborate!
|
||||
And if no one else is, PLEASE CREATE A NEW ISSUE in this repo
|
||||
so that others know you're working on it!]**
|
||||
|
||||
**Translations done so far:**
|
||||
[none]
|
||||
|
||||
To translate this project, you'll need a basic familiarity with HTML and GitHub.
|
||||
|
||||
**Step 1)** Clone this repo!
|
||||
|
||||
**Step 2)** Look up the two-letter code of the language you're translating to [here](https://en.wikipedia.org/wiki/List_of_ISO_639-1_codes).
|
||||
|
||||
**Step 3)** *COPY* `index.html`, and name the copy [your-two-letter-code].html.
|
||||
For example: `de.html`, `ar.html`, `zh.html`, etc...
|
||||
|
||||
**Step 4)** Translate *THAT* page (it's about 3,500 words). Do NOT modify the original `index.html`!
|
||||
|
||||
**Step 5)** Go to `translations.txt`, and add a new section so that the code "knows" your translation exists.
|
||||
(more specific instructions will be inside that file)
|
||||
|
||||
**Step 6)** Send a Pull Request so I can make your translation go live!
|
||||
|
||||
**Step 7)** 🎉 fweeeee
|
||||
|
||||
## Zero Rights Reserved
|
||||
|
||||
*How To Remember Anything Forever-ish*
|
||||
is released under [Creative Commons Zero](https://creativecommons.org/publicdomain/zero/1.0/) / public domain waiver.
|
||||
Meaning: you can freely use this thing for educational, personal, or even commercial use.
|
||||
You already have my permission! Attribution is appreciated but not legally necessary.
|
|
@ -293,8 +293,8 @@ a:hover{
|
|||
position: absolute;
|
||||
width: 80px;
|
||||
text-align: left;
|
||||
top: 0;
|
||||
left: 10px;
|
||||
top: 8px;
|
||||
left: 520px;
|
||||
font-size: 21px;
|
||||
line-height: 1.4em;
|
||||
|
||||
|
|
50
index.html
50
index.html
|
@ -317,7 +317,15 @@ Like so:
|
|||
</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.
|
||||
then – if you don’t practice recall – your remaining memories decay exponentially.*
|
||||
</words>
|
||||
</panel>
|
||||
|
||||
<panel w=500 h=50 style="margin-top:-5px">
|
||||
<words w=500 x=-15 y=-10 no-bg style="width: 500px; font-size:0.8em; text-align: right; color:#999; line-height: 1.1em;">
|
||||
* technically the curve isn't <i>exactly</i>
|
||||
<br>
|
||||
exponential, but, eh, close enough.
|
||||
</words>
|
||||
</panel>
|
||||
|
||||
|
@ -504,8 +512,8 @@ You need <b>desirable difficulty</b>: the sweet spot of just-hard-enough.
|
|||
|
||||
<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!
|
||||
See? If you time a recall just right,
|
||||
you can slow down the decay by a bit!
|
||||
Now, what about <i>multiple</i> recalls?
|
||||
</words>
|
||||
</panel>
|
||||
|
@ -727,14 +735,15 @@ It’s actually so simple, you can even create your own automatic scheduler...
|
|||
</words>
|
||||
</panel>
|
||||
|
||||
<panel w=500 h=370>
|
||||
<panel w=500 h=400>
|
||||
<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>
|
||||
<words x=30 y=300 w=430 h=60>
|
||||
First, divide your box up into seven "Levels".
|
||||
(You can have more or fewer if you like!)
|
||||
</words>
|
||||
</panel>
|
||||
|
||||
|
@ -755,7 +764,7 @@ It’s actually so simple, you can even create your own automatic scheduler...
|
|||
</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)
|
||||
Your card retires. Off it goes, to card heaven.)
|
||||
</words>
|
||||
</panel>
|
||||
|
||||
|
@ -816,15 +825,26 @@ It’s actually so simple, you can even create your own automatic scheduler...
|
|||
(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)
|
||||
(...but at its core, they work on the same principles as the Leitner Box)
|
||||
</words>
|
||||
</panel>
|
||||
|
||||
<panel w=400 h=450>
|
||||
<pic src="pics/leit0.png" sx=0 sy=1800></pic>
|
||||
<words x=10 y=10 w=350 h=90>
|
||||
(Note #3: Oh, and with a few index cards + some tape,
|
||||
you can make your own <i>actual</i> looping calendar!)
|
||||
</words>
|
||||
<words x=10 y=350 w=350 h=60>
|
||||
(at the end, I'll link to a video tutorial for crafting a 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:
|
||||
(<b>This sim has no end. Once you "get it", just scroll down.</b>)
|
||||
Now, to show the game in action!
|
||||
Here's a <i>step-by-step</i> simulation of the Leitner Box:
|
||||
<b>(we'll see a <i>month-by-month</i> sim later)</b>
|
||||
</words>
|
||||
</panel>
|
||||
|
||||
|
@ -877,7 +897,7 @@ It’s actually so simple, you can even create your own automatic scheduler...
|
|||
|
||||
<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.
|
||||
Now, here's the month-by-month simulation.
|
||||
Use this to calculate in advance how much <i>you</i> can learn with Spaced Repetition!
|
||||
</words>
|
||||
</panel>
|
||||
|
@ -1837,9 +1857,11 @@ Also, this interactive comic is
|
|||
|
||||
meaning you can freely use this thing for educational, personal, or even commercial purposes.
|
||||
You already have my permission!
|
||||
<a target="_blank" href="https://github.com/ncase/remember">
|
||||
(Download the code)</a>
|
||||
|
||||
<a target="_blank" href="TODO ADD LINK">
|
||||
(Download the full source code on GitHub)
|
||||
</a>
|
||||
(Translate this comic)</a>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
|
@ -1920,6 +1942,8 @@ check out Explorable Explanations!</a> 🕹️
|
|||
|
||||
<hr>
|
||||
|
||||
<hr>
|
||||
|
||||
<p style="font-size:50px;margin-bottom:10px">
|
||||
More Thanks
|
||||
</p>
|
||||
|
|
Binary file not shown.
Before Width: | Height: | Size: 319 KiB After Width: | Height: | Size: 320 KiB |
BIN
pics/leit0.png
BIN
pics/leit0.png
Binary file not shown.
Before Width: | Height: | Size: 949 KiB After Width: | Height: | Size: 2 MiB |
|
@ -431,7 +431,8 @@ function update(){
|
|||
ctx.textAlign = "center";
|
||||
ctx.textBaseline = "middle";
|
||||
ctx.fillStyle = activeToday ? "#fff": color;
|
||||
ctx.fillText((i+1), w/2, h/2);
|
||||
var num = i<7 ? (i+1) : "👼"; // 8 = RETIRED.
|
||||
ctx.fillText(num, w/2, h/2);
|
||||
|
||||
ctx.restore();
|
||||
|
||||
|
|
Loading…
Reference in a new issue