diff --git a/css/comic.css b/css/comic.css index 97bef89..67a47ad 100644 --- a/css/comic.css +++ b/css/comic.css @@ -18,6 +18,7 @@ body{ font-family: "PatrickHand", Helvetica, Arial; font-size: 25px; line-height: 1.2em; + overflow-x:hidden; } /* fake bold */ b, strong{ @@ -44,6 +45,9 @@ a:hover{ text-align: center; background: #000; } +.divider_title{ + height: 280px; +} .divider_small_height{ height: 220px; } @@ -51,6 +55,9 @@ a:hover{ height: 300px; } @media (max-width:1000px) { + .divider_title{ + height: 370px; + } .divider_small_height{ height: 290px; } @@ -58,6 +65,11 @@ a:hover{ height: 370px; } } +@media (max-width:800px) { + .divider_title{ + height: 450px; + } +} .divider > #divider_container{ width: 100%; position: absolute; diff --git a/index.html b/index.html index 86f444c..c347aef 100644 --- a/index.html +++ b/index.html @@ -17,11 +17,11 @@ -
+
- [todo: some friggin' title] + HOW TO REMEMBER ANYTHING FOREVER-ISH
by nicky case · oct 2018 @@ -1669,8 +1669,8 @@ Before sleeping, coz otherwise you'd just stress-binge on twitter - - + + @@ -1809,7 +1809,7 @@ Before sleeping, coz otherwise you'd just stress-binge on twitter

- + Written, drawn, and programmed by
@@ -1981,7 +1981,13 @@ Happy learning!

-DOWNLOAD ALL CARDS ↓ +DOWNLOAD ALL CARDS + + +DOWNLOADING... + + +DONE! Check your Downloads folder. diff --git a/pics/nicky_credits.png b/pics/nicky_credits.png new file mode 100644 index 0000000..5a9d639 Binary files /dev/null and b/pics/nicky_credits.png differ diff --git a/sims/downloads/all.css b/sims/downloads/all.css index 6f514d0..04f9a34 100644 --- a/sims/downloads/all.css +++ b/sims/downloads/all.css @@ -8,6 +8,7 @@ body{ /*background:#bada55;*/ + font-family: "PatrickHand", Helvetica, Arial; background: none; margin: 0; } @@ -16,7 +17,20 @@ canvas{ margin: 5px; } #download{ + background: url(download_button.png); + background-size: 100% 100%; width: 400px; - height: 50px; + height: 100px; cursor: pointer; + + text-align: left; + font-size: 33px; + line-height: 100px; + + transition: top 0.2s ease-in-out; + position: relative; + top:0; +} +#download:hover{ + top:-5px; } \ No newline at end of file diff --git a/sims/downloads/all.html b/sims/downloads/all.html index aca200d..4e78e9c 100644 --- a/sims/downloads/all.html +++ b/sims/downloads/all.html @@ -15,7 +15,7 @@ The Process: - +
DOWNLOAD
diff --git a/sims/downloads/download_all.js b/sims/downloads/download_all.js index a91c5fd..37aa1b3 100644 --- a/sims/downloads/download_all.js +++ b/sims/downloads/download_all.js @@ -32,11 +32,12 @@ var CARDNAMES = [ ]; var download_btn = $("#download"); -download_btn.innerHTML = _getLabel("download_all"); +download_btn.innerHTML = " "+_getLabel("download_all"); download_btn.onclick = function(){ // disable while we wait... - download_btn.disabled = true; + download_btn.innerHTML = " "+_getLabel("download_all_downloading"); + download_btn.style.opacity = 0.5; // Loads var CARD_HTMLS = []; @@ -81,8 +82,14 @@ download_btn.onclick = function(){ // Download... zip.generateAsync({type:"blob"}) .then(function(content) { - saveAs(content, "flashcards.zip"); - }); + saveAs(content, "flashcards.zip"); + + // Done! + download_btn.innerHTML = " "+_getLabel("download_all_done"); + download_btn.style.opacity = 1.0; + download_btn.style.fontSize = "22px"; + + }); }); diff --git a/sims/downloads/download_button.png b/sims/downloads/download_button.png new file mode 100644 index 0000000..a453147 Binary files /dev/null and b/sims/downloads/download_button.png differ diff --git a/sims/multicard/index.html b/sims/multicard/index.html index 5a9645d..4c51db3 100644 --- a/sims/multicard/index.html +++ b/sims/multicard/index.html @@ -16,7 +16,7 @@
-
☻
+
diff --git a/sims/multicard/multi_smiley.png b/sims/multicard/multi_smiley.png new file mode 100644 index 0000000..446ee5f Binary files /dev/null and b/sims/multicard/multi_smiley.png differ diff --git a/sims/multicard/multicard.css b/sims/multicard/multicard.css index 3e21401..9ffbc0b 100644 --- a/sims/multicard/multicard.css +++ b/sims/multicard/multicard.css @@ -44,12 +44,12 @@ body{ border-color: rgba(0,0,0,0); } #card_bg_smiley{ - color: rgba(255,255,255,0.5); - font-size: 100px; - text-align: center; - line-height: 230px; - font-size: 200px; - display: none; + width: 150px; + height: 150px; + margin: 40px auto; + background: url(multi_smiley.png); + background-size: auto 100%; + display: none; } #next_card{ display: none; diff --git a/sims/multicard/multicard.js b/sims/multicard/multicard.js index 6fce101..46a5386 100644 --- a/sims/multicard/multicard.js +++ b/sims/multicard/multicard.js @@ -98,6 +98,9 @@ function showNextCard(){ $("#next_card").innerHTML = nextCard.front; }else{ $("#card_bg_smiley").style.display = "block"; + if(IS_FINAL_MULTICARD){ + $("#card_bg_smiley").style.backgroundPosition = "-150px 0px"; + } } }