diff --git a/css/comic.css b/css/comic.css index 3a13a02..a389efe 100644 --- a/css/comic.css +++ b/css/comic.css @@ -25,14 +25,19 @@ b, strong{ letter-spacing: 1px; } +a{ + color:#5b8df1; +} + /**********/ /* SPLASH */ /**********/ .divider{ - /*background: #2c313a; - background: hsla(36, 100%, 60%, 1);*/ background: #000; + background-image: url(../pics/bg.png); + background-size: 25%; + width: 100%; /*height: 200px;*/ color: #fff; @@ -147,3 +152,21 @@ b, strong{ max-height: 250px; } + +/**********/ +/* CREDITS */ +/**********/ + +#credits{ + background: #000; + overflow: hidden; +} +#credits > div{ + color:white; + margin: 50px auto 100px auto; + width: 600px; +} + + + + diff --git a/full.html b/full.html index 5b6375b..b11ce65 100644 --- a/full.html +++ b/full.html @@ -16,6 +16,14 @@ +
+
+ [todo: come up with a title] +
+
+ by nicky case · oct 2018 +
+
@@ -48,7 +56,7 @@ So, how's Memory and Inspiration doing in schools? Yeah. - Not only are common practices like lectures, re-reading, and highlighting boring, + Not only are common practices like lectures, cramming, and re-reading boring, science has shown they don't even work well.* @@ -86,7 +94,7 @@ So, how's Memory and Inspiration doing in schools? In two months, I learnt more words than I did in two years - of high school classes. + of high school French classes. @@ -106,8 +114,8 @@ So, how's Memory and Inspiration doing in schools? In short, Spaced Repetition = testing + time. - You test yourself on a fact again and again, spacing out your repetitions over time. - (Wouldn't this take forever? Ah, but as we'll see later, there's a trick...) + You test yourself on a fact repeatedly, spacing out your repetitions over time. + (But won't this take forever? Ah, as we'll see later, there's a trick...) @@ -1004,7 +1012,7 @@ It’s so simple, you can even create your own automatic scheduler... after a while, you should make your own cards. - That way, you can connect facts to what you know, what you love. + This way, you can connect facts to what you find meaningful. @@ -1198,10 +1206,11 @@ So, here's the front of our first flashcard, our first question: I currently use The Leitner Box, - but many of my friends use + but my friends use Anki, and for a while I used TinyCards. + (links open in new tabs) Here's how they compare: @@ -1425,8 +1434,8 @@ Before sleeping, coz otherwise you'd just stress-binge on twitter - - + + @@ -1557,6 +1566,19 @@ Before sleeping, coz otherwise you'd just stress-binge on twitter +
+ +
+ +[TODO: FULL CREDITS] + +

+ +[I'll put YOUR name here – thank you so much for playtesting this thing, friend!~] + +
+ +
@@ -1574,6 +1596,10 @@ Before sleeping, coz otherwise you'd just stress-binge on twitter
+ +DOWNLOAD ALL CARDS ↓ + + @@ -1656,7 +1682,7 @@ Before sleeping, coz otherwise you'd just stress-binge on twitter
- ...lectures, re-reading, and highlighting + ...lectures, cramming, and re-reading
@@ -2068,7 +2094,7 @@ Before sleeping, coz otherwise you'd just stress-binge on twitter a looping 64-day calendar for your Leitner Box! - (pdf, so you can print it out) + (pdf, so you can print it out) [todo] a link to @@ -2085,9 +2111,11 @@ Before sleeping, coz otherwise you'd just stress-binge on twitter links to - the Leitner Box 64-day calendar, - the Anki app, - and TinyCards! + the Leitner Box 64-day calendar [todo], + the +
the Anki app, + and + TinyCards! diff --git a/pics/bg.png b/pics/bg.png new file mode 100644 index 0000000..a349084 Binary files /dev/null and b/pics/bg.png differ diff --git a/pics/end0.png b/pics/end0.png index 3479ba2..9cf34fb 100644 Binary files a/pics/end0.png and b/pics/end0.png differ diff --git a/pics/intro0.png b/pics/intro0.png index 9a9ec89..6fbcbee 100644 Binary files a/pics/intro0.png and b/pics/intro0.png differ diff --git a/sims/downloads/all.css b/sims/downloads/all.css index 7361500..6f514d0 100644 --- a/sims/downloads/all.css +++ b/sims/downloads/all.css @@ -7,9 +7,16 @@ } body{ - background:#bada55; + /*background:#bada55;*/ + background: none; + margin: 0; } canvas{ width:150px; margin: 5px; +} +#download{ + width: 400px; + height: 50px; + cursor: pointer; } \ No newline at end of file diff --git a/sims/downloads/download_all.js b/sims/downloads/download_all.js index deb0f2b..b1e574e 100644 --- a/sims/downloads/download_all.js +++ b/sims/downloads/download_all.js @@ -22,6 +22,7 @@ var CARDNAMES = [ ]; var download_btn = $("#download"); +download_btn.innerHTML = _getLabel("download_all"); download_btn.onclick = function(){ // disable while we wait... @@ -63,15 +64,15 @@ download_btn.onclick = function(){ canvasses.forEach(function(results){ var filename = results[0]; 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); }); // Download... - /*zip.generateAsync({type:"blob"}) + zip.generateAsync({type:"blob"}) .then(function(content) { saveAs(content, "flashcards.zip"); - });*/ + }); });