polish
This commit is contained in:
parent
d169c080d3
commit
1a134c05fa
|
@ -25,14 +25,19 @@ b, strong{
|
||||||
letter-spacing: 1px;
|
letter-spacing: 1px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
a{
|
||||||
|
color:#5b8df1;
|
||||||
|
}
|
||||||
|
|
||||||
/**********/
|
/**********/
|
||||||
/* SPLASH */
|
/* SPLASH */
|
||||||
/**********/
|
/**********/
|
||||||
|
|
||||||
.divider{
|
.divider{
|
||||||
/*background: #2c313a;
|
|
||||||
background: hsla(36, 100%, 60%, 1);*/
|
|
||||||
background: #000;
|
background: #000;
|
||||||
|
background-image: url(../pics/bg.png);
|
||||||
|
background-size: 25%;
|
||||||
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
/*height: 200px;*/
|
/*height: 200px;*/
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
@ -147,3 +152,21 @@ b, strong{
|
||||||
max-height: 250px;
|
max-height: 250px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/**********/
|
||||||
|
/* CREDITS */
|
||||||
|
/**********/
|
||||||
|
|
||||||
|
#credits{
|
||||||
|
background: #000;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
#credits > div{
|
||||||
|
color:white;
|
||||||
|
margin: 50px auto 100px auto;
|
||||||
|
width: 600px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
54
full.html
54
full.html
|
@ -16,6 +16,14 @@
|
||||||
<!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->
|
<!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->
|
||||||
|
|
||||||
<a name="0"></a>
|
<a name="0"></a>
|
||||||
|
<div class="divider">
|
||||||
|
<div id="chapter_name">
|
||||||
|
[todo: come up with a title]
|
||||||
|
</div>
|
||||||
|
<div style="text-align: right;">
|
||||||
|
by nicky case · oct 2018
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="comic">
|
<div class="comic">
|
||||||
|
|
||||||
|
@ -48,7 +56,7 @@ So, how's Memory and Inspiration doing in schools?
|
||||||
Yeah.
|
Yeah.
|
||||||
</words>
|
</words>
|
||||||
<words x=196 y=65 w=270 no-bg>
|
<words x=196 y=65 w=270 no-bg>
|
||||||
Not only are common practices like lectures, re-reading, and highlighting <i>boring</i>,
|
Not only are common practices like lectures, cramming, and re-reading <i>boring</i>,
|
||||||
science has shown they <i>don't even work well</i>.*
|
science has shown they <i>don't even work well</i>.*
|
||||||
</words>
|
</words>
|
||||||
</panel>
|
</panel>
|
||||||
|
@ -86,7 +94,7 @@ So, how's Memory and Inspiration doing in schools?
|
||||||
</words>
|
</words>
|
||||||
<words x=30 y=350 w=430 h=60>
|
<words x=30 y=350 w=430 h=60>
|
||||||
In two <i>months</i>, I learnt more words than I did in two <i>years</i>
|
In two <i>months</i>, I learnt more words than I did in two <i>years</i>
|
||||||
of high school classes.
|
of high school French classes.
|
||||||
</words>
|
</words>
|
||||||
</panel>
|
</panel>
|
||||||
|
|
||||||
|
@ -106,8 +114,8 @@ So, how's Memory and Inspiration doing in schools?
|
||||||
In short, Spaced Repetition = testing + time.
|
In short, Spaced Repetition = testing + time.
|
||||||
</words>
|
</words>
|
||||||
<words x=10 y=220 w=500 h=90>
|
<words x=10 y=220 w=500 h=90>
|
||||||
You test yourself on a fact again and again, spacing out your repetitions over time.
|
You test yourself on a fact repeatedly, spacing out your repetitions over time.
|
||||||
(Wouldn't this take forever? Ah, but as we'll see later, there's a trick...)
|
(But won't this take forever? Ah, as we'll see later, there's a trick...)
|
||||||
</words>
|
</words>
|
||||||
</panel>
|
</panel>
|
||||||
|
|
||||||
|
@ -1004,7 +1012,7 @@ It’s so simple, you can even create your own automatic scheduler...
|
||||||
after a while, <b>you should make your own cards.</b>
|
after a while, <b>you should make your own cards.</b>
|
||||||
</words>
|
</words>
|
||||||
<words x=30 y=130 w=230 no-bg>
|
<words x=30 y=130 w=230 no-bg>
|
||||||
That way, you can connect facts to what <i>you</i> know, what <i>you</i> love.
|
This way, you can connect facts to what <i>you</i> find meaningful.
|
||||||
</words>
|
</words>
|
||||||
</panel>
|
</panel>
|
||||||
|
|
||||||
|
@ -1198,10 +1206,11 @@ So, here's the <i>front</i> of our first flashcard, our first question:
|
||||||
<words x=10 y=10 w=450 h=90>
|
<words x=10 y=10 w=450 h=90>
|
||||||
I currently use
|
I currently use
|
||||||
<a target="_blank" href="https://en.wikipedia.org/wiki/Leitner_system">The Leitner Box</a>,
|
<a target="_blank" href="https://en.wikipedia.org/wiki/Leitner_system">The Leitner Box</a>,
|
||||||
but many of my friends use
|
but my friends use
|
||||||
<a target="_blank" href="https://apps.ankiweb.net/">Anki</a>,
|
<a target="_blank" href="https://apps.ankiweb.net/">Anki</a>,
|
||||||
and for a while I used
|
and for a while I used
|
||||||
<a target="_blank" href="https://tinycards.duolingo.com/">TinyCards</a>.
|
<a target="_blank" href="https://tinycards.duolingo.com/">TinyCards</a>.
|
||||||
|
(links open in new tabs)
|
||||||
Here's how they compare:
|
Here's how they compare:
|
||||||
</words>
|
</words>
|
||||||
<words x=160 y=140 w=300 fontsize=21 style="text-align:left" no-bg>
|
<words x=160 y=140 w=300 fontsize=21 style="text-align:left" no-bg>
|
||||||
|
@ -1425,8 +1434,8 @@ Before sleeping, coz otherwise you'd just stress-binge on twitter
|
||||||
</words>
|
</words>
|
||||||
</panel>
|
</panel>
|
||||||
|
|
||||||
<panel w=400 h=200 bg="#fff">
|
<panel w=400 h=50>
|
||||||
<sim x=0 y=0 w=600 h=400 src="sims/downloads/all.html"></sim>
|
<sim x=0 y=0 w=400 h=50 src="sims/downloads/all.html"></sim>
|
||||||
</panel>
|
</panel>
|
||||||
|
|
||||||
<panel w=600 h=120>
|
<panel w=600 h=120>
|
||||||
|
@ -1557,6 +1566,19 @@ Before sleeping, coz otherwise you'd just stress-binge on twitter
|
||||||
<!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->
|
<!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->
|
||||||
|
|
||||||
<a name="bye"></a>
|
<a name="bye"></a>
|
||||||
|
<div id="credits">
|
||||||
|
|
||||||
|
<div>
|
||||||
|
|
||||||
|
[TODO: FULL CREDITS]
|
||||||
|
|
||||||
|
<br><br>
|
||||||
|
|
||||||
|
[I'll put YOUR name here – thank you so much for playtesting this thing, friend!~]
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
@ -1574,6 +1596,10 @@ Before sleeping, coz otherwise you'd just stress-binge on twitter
|
||||||
|
|
||||||
<div id="labels">
|
<div id="labels">
|
||||||
|
|
||||||
|
<span id="download_all">
|
||||||
|
DOWNLOAD ALL CARDS ↓
|
||||||
|
</span>
|
||||||
|
|
||||||
<!-- Chapter Links -->
|
<!-- Chapter Links -->
|
||||||
<span id="label_chapter_links">
|
<span id="label_chapter_links">
|
||||||
<a href="#0">
|
<a href="#0">
|
||||||
|
@ -1656,7 +1682,7 @@ Before sleeping, coz otherwise you'd just stress-binge on twitter
|
||||||
</span>
|
</span>
|
||||||
<span id="flashcard_intro_b_back">
|
<span id="flashcard_intro_b_back">
|
||||||
<div class="fcard_center" style="height:2.2em">
|
<div class="fcard_center" style="height:2.2em">
|
||||||
...lectures, re-reading, and highlighting
|
...lectures, cramming, and re-reading
|
||||||
</div>
|
</div>
|
||||||
</span>
|
</span>
|
||||||
<span id="flashcard_intro_c_front">
|
<span id="flashcard_intro_c_front">
|
||||||
|
@ -2068,7 +2094,7 @@ Before sleeping, coz otherwise you'd just stress-binge on twitter
|
||||||
</span>
|
</span>
|
||||||
<span id="gift_app_leitner">
|
<span id="gift_app_leitner">
|
||||||
a looping 64-day calendar for your Leitner Box!
|
a looping 64-day calendar for your Leitner Box!
|
||||||
(pdf, so you can print it out)
|
(pdf, so you can print it out) [todo]
|
||||||
</span>
|
</span>
|
||||||
<span id="gift_app_anki">
|
<span id="gift_app_anki">
|
||||||
a link to
|
a link to
|
||||||
|
@ -2085,9 +2111,11 @@ Before sleeping, coz otherwise you'd just stress-binge on twitter
|
||||||
</span>
|
</span>
|
||||||
<span id="gift_app_other">
|
<span id="gift_app_other">
|
||||||
links to
|
links to
|
||||||
the Leitner Box 64-day calendar,
|
the Leitner Box 64-day calendar [todo],
|
||||||
the Anki app,
|
the
|
||||||
and TinyCards!
|
<a target="_blank" href="https://apps.ankiweb.net/">the Anki app</a>,
|
||||||
|
and
|
||||||
|
<a target="_blank" href="https://tinycards.duolingo.com/">TinyCards</a>!
|
||||||
</span>
|
</span>
|
||||||
|
|
||||||
|
|
||||||
|
|
Binary file not shown.
After Width: | Height: | Size: 14 KiB |
BIN
pics/end0.png
BIN
pics/end0.png
Binary file not shown.
Before Width: | Height: | Size: 403 KiB After Width: | Height: | Size: 1.4 MiB |
BIN
pics/intro0.png
BIN
pics/intro0.png
Binary file not shown.
Before Width: | Height: | Size: 3.1 MiB After Width: | Height: | Size: 4.3 MiB |
|
@ -7,9 +7,16 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
body{
|
body{
|
||||||
background:#bada55;
|
/*background:#bada55;*/
|
||||||
|
background: none;
|
||||||
|
margin: 0;
|
||||||
}
|
}
|
||||||
canvas{
|
canvas{
|
||||||
width:150px;
|
width:150px;
|
||||||
margin: 5px;
|
margin: 5px;
|
||||||
|
}
|
||||||
|
#download{
|
||||||
|
width: 400px;
|
||||||
|
height: 50px;
|
||||||
|
cursor: pointer;
|
||||||
}
|
}
|
|
@ -22,6 +22,7 @@ var CARDNAMES = [
|
||||||
];
|
];
|
||||||
|
|
||||||
var download_btn = $("#download");
|
var download_btn = $("#download");
|
||||||
|
download_btn.innerHTML = _getLabel("download_all");
|
||||||
download_btn.onclick = function(){
|
download_btn.onclick = function(){
|
||||||
|
|
||||||
// disable while we wait...
|
// disable while we wait...
|
||||||
|
@ -63,15 +64,15 @@ download_btn.onclick = function(){
|
||||||
canvasses.forEach(function(results){
|
canvasses.forEach(function(results){
|
||||||
var filename = results[0];
|
var filename = results[0];
|
||||||
var canvas = results[1];
|
var canvas = results[1];
|
||||||
//zip.file(filename+".png", canvas.toDataURL().substr(22), {base64: true});
|
zip.file(filename+".png", canvas.toDataURL().substr(22), {base64: true});
|
||||||
document.body.appendChild(canvas);
|
document.body.appendChild(canvas);
|
||||||
});
|
});
|
||||||
|
|
||||||
// Download...
|
// Download...
|
||||||
/*zip.generateAsync({type:"blob"})
|
zip.generateAsync({type:"blob"})
|
||||||
.then(function(content) {
|
.then(function(content) {
|
||||||
saveAs(content, "flashcards.zip");
|
saveAs(content, "flashcards.zip");
|
||||||
});*/
|
});
|
||||||
|
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue