+
+
+
+
+
+
+
+
+ On Day [N]...
+
+
+ review Levels [N] (in that order)
+
+
+ (and then loop back to Day 1!)
+
+
+
+
+
+
+
+
+
+
+ Day [N]
+
+
+ to review: Level
+
+
+ review Level [N]
+
+
+ add [N] new cards
+
+
+ total: [N] cards!
+
+
+ ([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 ↻
+
+
+ (cards left: [N])
+
+
+ did you remember this?
+
+
+ nah, try again
+
+
+ yup, onwards!
+
+
+ done for now! keep scrolling
+
+ ↓
+
+
+
+
+
+
+
+
+
+
+
+
+
+ cat
+
+
+ (english)
+
+
+
+
+
+
+ chat
+
+
+ (french)
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ...then back to doing... ↻
+
+
+
+
+
+ ...then back to learning... ↻
+
+
+
+
+
+
+
+ What's this?
+
+
+
+
+ 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.
+
+
+
+
+
+ What's this?
+
+
+
+
+ Mitochondria
+
+
+
+
+
+ Mitochondria is the _______ of the cell
+
+
+
+
+ powerhouse
+
+ // bonus note: seriously though, we'd all be dead without 'em.
+
+
+
+
+
+
+ Mitochondria is found in almost all ____ organisms.
+
+
+
+
+ eukaryotic
+
+
+
+
+ Eukaryotes are cells that...
+
+
+
+
+
+ have a nucleus
+
+ // bonus note: "eu"=good, "karyon"=kernel
+
+
+
+
+
+ Prokaryotes are cells that...
+
+
+
+
+
+ DON'T have a nucleus
+
+ // bonus note: "pro"=before, "karyon"=kernel
+
+
+
+
+
+
+ The most widely-accepted hypothesis for the origin of mitochondria is...
+
+
+
+
+ Endosymbiotic Theory
+
+ // bonus note: "endo"=inner, "sym"=together, "bio"=living
+
+
+
+
+
+
+ According to Endosymbiotic Theory, mitochondria arose around
+ ____ years ago
+
+
+
+
+ ~1.5 billion years ago
+
+
+
+
+
+ According to Endosymbiotic Theory, mitochondria first arose when...
+
+
+
+
+
+ when a prokaryote was eaten by another cell
+
+
+
+
+
+
+ In the Leitner Box, we ______
+ the gap (# of days between reviews) for each Level
+
+
+
+
+
+ double the gap
+
+
+
+
+ The Leitner Box game:
+
+ when you get a card right, you move it ______ .
+
+
+
+
+
+ up one Level
+
+
+
+
+ The Leitner Box game:
+
+ when you get a card wrong, you move it ______ .
+
+
+
+
+
+ back to Level 1!
+
+
+
+
+ According to some random comic-game on the internet,
+ my Spaced Repetition flashcards should be
+ ______ ,
+ ______ , and
+ ______ .
+
+
+
+
+
+ small, connected & meaningful
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/pics/leit0.png b/pics/leit0.png
index 1f2d852..392479a 100644
Binary files a/pics/leit0.png and b/pics/leit0.png differ
diff --git a/pics/leit3.png b/pics/leit3.png
index e754a8f..0bc00fc 100644
Binary files a/pics/leit3.png and b/pics/leit3.png differ
diff --git a/sims/calendar/calendar.css b/sims/calendar/calendar.css
index af3acfa..53dad61 100644
--- a/sims/calendar/calendar.css
+++ b/sims/calendar/calendar.css
@@ -32,4 +32,33 @@ body{
#default_labels{
display:none;
-}
\ No newline at end of file
+}
+
+input[type=range]{
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ height: 2px;
+ border-radius: 5px;
+ background: #d3d3d3;
+ outline: none;
+ margin-top: 15px;
+ margin-bottom: 15px;
+}
+input[type=range]::-webkit-slider-thumb{
+ -webkit-appearance: none;
+ appearance: none;
+ width: 15px;
+ height: 35px;
+ border-radius: 8px;
+ background: #333;
+ cursor: pointer;
+}
+input[type=range]::-moz-range-thumb{
+ width: 15px;
+ height: 35px;
+ border-radius: 8px;
+ background: #333;
+ cursor: pointer;
+}
+
diff --git a/sims/calendar/calendar.js b/sims/calendar/calendar.js
index 906fa7a..b9e580e 100644
--- a/sims/calendar/calendar.js
+++ b/sims/calendar/calendar.js
@@ -45,6 +45,9 @@ daySlider.oninput = function(){
var QUEUE = CALENDAR[DAY-1]; // -1 offset
$("#label_review").innerHTML = _getLabel("calendar_review").replace("[N]", QUEUE.toString() );
+ // KILL SLIDEY
+ if(window.slidey) window.slidey.kill();
+
}
window.REDRAW = 0;
@@ -143,6 +146,16 @@ function update(){
}
window.onload = function(){
+
daySlider.oninput();
update();
-};
\ No newline at end of file
+
+ window.slidey = new createAnimatedUIHelper({
+ x: 8,
+ y: 95,
+ width: 100,
+ height: 100,
+ img: "../../pics/ui_slide.png"
+ });
+
+};
diff --git a/sims/leitner/leitner.css b/sims/leitner/leitner.css
index 6f43b28..3ae7e61 100644
--- a/sims/leitner/leitner.css
+++ b/sims/leitner/leitner.css
@@ -48,3 +48,48 @@ body{
#MODE2_time, #MODE2_sliders{
display:none;
}
+
+button{
+ font-size:18px;
+ font-family: "PatrickHand", Helvetica, Arial;
+ background: #fff;
+ border: 1px solid #ccc;
+ border-radius: 5px;
+ cursor: pointer;
+ position: relative;
+}
+button:focus {
+ outline:0;
+}
+button:hover{
+ top:-2px;
+}
+
+input[type=range]{
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ height: 2px;
+ border-radius: 5px;
+ background: #d3d3d3;
+ outline: none;
+ margin-top: 20px;
+ margin-bottom: 30px;
+}
+input[type=range]::-webkit-slider-thumb{
+ -webkit-appearance: none;
+ appearance: none;
+ width: 15px;
+ height: 35px;
+ border-radius: 8px;
+ background: #333;
+ cursor: pointer;
+}
+input[type=range]::-moz-range-thumb{
+ width: 15px;
+ height: 35px;
+ border-radius: 8px;
+ background: #333;
+ cursor: pointer;
+}
+
diff --git a/sims/leitner/leitner.js b/sims/leitner/leitner.js
index 0ba881d..947a23a 100644
--- a/sims/leitner/leitner.js
+++ b/sims/leitner/leitner.js
@@ -37,6 +37,9 @@ window.onload = function(){
//$("#MODE2_sliders").style.display = "block";
}
+ // POINTY
+ _addPointy(MODE==2);
+
};
//////////////////////////////////////////
@@ -86,6 +89,8 @@ $("#reset").onclick = function(){
_newStep();
//update();
+ _killPointy();
+
};
// UI Sliders
@@ -142,6 +147,7 @@ function _updateLabels(){
$("#next_step").onclick = function(){
_newStep();
+ _killPointy();
};
function _newStep(skipLabels){
@@ -207,6 +213,7 @@ function _newStep(skipLabels){
$("#next_day").onclick = function(){
_newDay();
_updateLabels();
+ _killPointy();
};
function _newDay(skipLabels){
@@ -239,9 +246,11 @@ function _reviewMultipleDays(days){
$("#next_week").onclick = function(){
_reviewMultipleDays(7);
+ _killPointy();
};
$("#next_month").onclick = function(){
_reviewMultipleDays(30);
+ _killPointy();
};
//////////////////////////////////////////
@@ -487,3 +496,21 @@ function _drawArrow(fail){
ctx.fillText(label, cp.x, cp.y+15);
}
+
+//////////////////////////////////////////
+//////////////////////////////////////////
+
+function _addPointy(mode2){
+
+ window.pointy = new createAnimatedUIHelper({
+ x: mode2 ? 380 : 120,
+ y: 50,
+ width: 100,
+ height: 100,
+ img: "../../pics/ui_point.png"
+ });
+
+}
+function _killPointy(){
+ if(window.pointy) window.pointy.kill();
+}
\ No newline at end of file
diff --git a/sims/singlecard/singlecard.js b/sims/singlecard/singlecard.js
index 81afb0d..38393f0 100644
--- a/sims/singlecard/singlecard.js
+++ b/sims/singlecard/singlecard.js
@@ -1,4 +1,5 @@
window.front_only = _getQueryVariable("front_only");
+window.forever_card = (_getQueryVariable("forever_card")=="yes");
window.FRONT_ONLY = (front_only && front_only=="yes");
var flashcard = $("#flashcard");
@@ -34,8 +35,9 @@ if(!FRONT_ONLY){
},1000);
// AND REMOVE UI
- // TODO: unless it's the forever-card
- clicky.kill();
+ if(!window.forever_card){
+ clicky.kill();
+ }
}