polish

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;
+}
+
+
+
+

full.html

@@ -16,6 +16,14 @@
 <!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->
 	
 <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 &middot; oct 2018
+	</div>
+</div>
 
 <div class="comic">
 
@@ -48,7 +56,7 @@ So, how's Memory and Inspiration doing in schools?
 	Yeah.
 </words>
 <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>.*
 </words>
 </panel>
@@ -86,7 +94,7 @@ So, how's Memory and Inspiration doing in schools?
 </words>
 <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>
-	of high school classes.
+	of high school French classes.
 </words>
 </panel>
 
@@ -106,8 +114,8 @@ So, how's Memory and Inspiration doing in schools?
 	In short, Spaced Repetition = testing + time.
 </words>
 <words x=10 y=220 w=500 h=90>
-	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...)
 </words>
 </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>
 </words>
 <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>
 </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>
 	I currently use
 	<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>,
 	and for a while I used
 	<a target="_blank" href="https://tinycards.duolingo.com/">TinyCards</a>.
+	(links open in new tabs)
 	Here's how they compare:
 </words>
 <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>
 </panel>
 
-<panel w=400 h=200 bg="#fff">
-<sim x=0 y=0 w=600 h=400 src="sims/downloads/all.html"></sim>
+<panel w=400 h=50>
+<sim x=0 y=0 w=400 h=50 src="sims/downloads/all.html"></sim>
 </panel>
 
 <panel w=600 h=120>
@@ -1557,6 +1566,19 @@ Before sleeping, coz otherwise you'd just stress-binge on twitter
 <!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->
 
 <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">
 
+<span id="download_all">
+DOWNLOAD ALL CARDS &darr;
+</span>
+
 <!-- Chapter Links -->
 <span id="label_chapter_links">
 <a href="#0">
@@ -1656,7 +1682,7 @@ Before sleeping, coz otherwise you'd just stress-binge on twitter
 </span>
 <span id="flashcard_intro_b_back">
 	<div class="fcard_center" style="height:2.2em">
-	...lectures, re-reading, and highlighting
+	...lectures, cramming, and re-reading
 	</div>
 </span>
 <span id="flashcard_intro_c_front">
@@ -2068,7 +2094,7 @@ Before sleeping, coz otherwise you'd just stress-binge on twitter
 </span>
 <span id="gift_app_leitner">
 	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 id="gift_app_anki">
 	a link to 
@@ -2085,9 +2111,11 @@ Before sleeping, coz otherwise you'd just stress-binge on twitter
 </span>
 <span id="gift_app_other">
 	links to
-	the Leitner Box 64-day calendar,
-	the Anki app,
-	and TinyCards!
+	the Leitner Box 64-day calendar [todo],
+	the
+	<a target="_blank" href="https://apps.ankiweb.net/">the Anki app</a>,
+	and
+	<a target="_blank" href="https://tinycards.duolingo.com/">TinyCards</a>!
 </span>
 
 

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;
 }

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");
-		});*/
+		});
 
 	});