add suggested Images section, move images from external hosts

anki.html

@@ -50,7 +50,7 @@
 <p>Retention Tips / Misc comments and common opinions (note that most of these are highly personal preference and your mileage may vary, so make up your own mind about doing any of this stuff):</p>
 
 <ul>
-<li>Some people like doing new cards separate from reviews since it prevents a bunch of new cards from all piling up at the end of your session, and means that you're mentally 'fresh' when facing them. If you want to do this, there is an option to do new cards before (or after) reviews <a href="https://my.mixtape.moe/wrgzhn.png">in Anki preferences</a>.</li>
+<li>Some people like doing new cards separate from reviews since it prevents a bunch of new cards from all piling up at the end of your session, and means that you're mentally 'fresh' when facing them. If you want to do this, there is an option to do new cards before (or after) reviews in Anki's preferences.</li>
 <li>Going into the deck, hitting the "Custom Study" button, selecting "Review forgotten cards", leaving it at 1 day, and hitting okay will create a temporary deck with all of the cards you hit again on that day so you can do focused reviewing of cards that gave you trouble. This also gets cards you hit "again" on while doing new cards. You can delete the custom study deck after you're done with it and the cards will go back to their decks.</li>
 <li>Increasing the number of steps on new cards (deck options -> changing the "1 10" under "Steps" on the "New" tab) can also help retention with new words since it makes you get the words correct more times in a row before letting them move on to the next day, but it also means new cards take longer to do. "1 1 10", "1 10 20", "1 1 10 20", etc. whatever works best to you.</li>
 <li>Be aware of the "learn ahead" option in Anki's settings. This is what's letting you see a card you just hit "Again (10m)" on. Lowering it or even setting it to 0 could help you learn/relearn words since it forces you to wait the entire interval before letting you guess again, but it could also make doing reviews and new cards a bit more tedious and time consuming. If you have new card / relearn reviews on your decks you were recently doing but it's not letting you do them, this setting is likely why.</li>
@@ -59,7 +59,7 @@
 
 <hr>
 <h3 id="fonts">Fixing fonts on Ankidroid</h3>
-<p>Kanji are sometimes displayed incorrectly on mobile devices. You can fix this by using a custom font. Download a <code>.ttf</code> font such as <a href="http://ipafont.ipa.go.jp/old/ipafont/download.html#en">IPA</a>. (The <a href="cor.html">CoR</a> has a selection of fonts for download, with previews. Other useful font comparison sites: <a href="http://www.geocities.jp/ep3797/japanese_fonts.html">fonts for work</a>, <a href="http://www.geocities.jp/ep3797/japanese_fonts_02.html">fonts for play</a>, <a href="http://i.imgur.com/51LNqBX.png">this image</a>, and <a href="http://core6000.neocities.org/fonts/">this site</a>.) Then, follow the instructions in the <a href="http://ankisrs.net/docs/manual.html#installingfonts">Anki manual</a> to install it.</p>
+<p>Kanji are sometimes displayed incorrectly on mobile devices. You can fix this by using a custom font. Download a <code>.ttf</code> font (available from the <a href="cor.html">CoR</a> or <a href="http://core6000.neocities.org/fonts/">this torrent</a>.) Then, follow the instructions in the <a href="http://ankisrs.net/docs/manual.html#installingfonts">Anki manual</a> to install it.</p>
 
 <hr>
 
@@ -73,7 +73,7 @@
 <li>Real-Time Import <a href="https://ankiweb.net/shared/info/2512410601">add-on</a> for Anki</li>
 </ul>
 
-<p>After installing both of the above, open Firefox, make your way over to the add-ons <a href="https://a.pomf.cat/xbnfje.png">management page</a>, locate the Rikaisama add-on, and hit the "Preferences" button to open up the Rikaisama options window. We are interested in two tabs here: <a href="https://a.pomf.cat/zvfmpz.png">"Clipboard & Save" and "Anki"</a>.</p>
+<p>After installing both of the above, open Firefox, make your way over to the add-ons <a href="assets/realtime1.png">management page</a>, locate the Rikaisama add-on, and hit the "Preferences" button to open up the Rikaisama options window. We are interested in two tabs here: <a href="assets/realtime2.png">"Clipboard & Save" and "Anki"</a>.</p>
 
 <p>Go to the "Clipboard & Save" tab. The only thing we are interested in here is the "Saved audio" field (you can skip this part if you are not interested in having audio on your cards). You need to point this field to Anki's "collection.media" folder, which should be located inside a folder called "Anki" within your computer's "Documents" folder.</p>
 
@@ -99,15 +99,13 @@
 <li><span style="font-weight:bold;color:#4a7bb2">Vocabulary</span> <span style="font-weight:bold;color:red">Reading</span> <span style="font-weight:bold;color:green">Definition</span> <span style="font-weight:bold;color:purple">Audio</span></li>
 </ul>
 
-<p>These fields MUST exist in our Anki deck in order for this to work. First, create your deck is Anki by pressing the <a href="https://a.pomf.cat/dgdksx.png">"Add" button</a>. Click the <a href="https://a.pomf.cat/rhkgko.png">"Deck" button</a>, then <a href="https://a.pomf.cat/hiouim.png">"Add"</a>. Type in the name of your new deck in the window that pops up and hit "OK".</p>
+<p>These fields MUST exist in our Anki deck in order for this to work. First, create your deck is Anki by pressing the <a href="assets/realtime3.png">"Add" button</a>. Click the <a href="assets/realtime4.png">"Deck" button</a>, then <a href="assets/realtime5.png">"Add"</a>. Type in the name of your new deck in the window that pops up and hit "OK".</p>
 
-<p>Now we need to add the required fields. Hit the <a href="https://a.pomf.cat/mhsqxv.png">"Fields..." button</a>. Since all decks must have at least one field, we will first click <a href="https://a.pomf.cat/zenodf.png">"Add"</a>, type in "Vocabulary" and then hit "OK". We should now have a field called "Vocabulary" in our deck, so we can go ahead and delete the default fields "Front" and "Back" by selecting them and clicking "Delete". Now repeat the adding process for the other required fields: "Reading", "Definition" and "Audio". Once done, hit <a href="https://a.pomf.cat/jxwaff.png">"Close"</a>.</p>
+<p>Now we need to add the required fields. Hit the <a href="assets/realtime.png6">"Fields..." button</a>. Since all decks must have at least one field, we will first click <a href="assets/realtime7.png">"Add"</a>, type in "Vocabulary" and then hit "OK". We should now have a field called "Vocabulary" in our deck, so we can go ahead and delete the default fields "Front" and "Back" by selecting them and clicking "Delete". Now repeat the adding process for the other required fields: "Reading", "Definition" and "Audio". Once done, hit <a href="assets/realtime8.png">"Close"</a>.</p>
 
-<p>Now all that's left to do is edit the appearance of our cards. To do this, click the <a href="https://a.pomf.cat/kwczkb.png">"Cards..." button</a>. This is outside the scope of this tutorial, but at the following pastebin link you will find a sample which you can copy and paste: <a href="http://pastebin.com/HWk3Nnm6">http://pastebin.com/HWk3Nnm6</a></p>
+<p>Now all that's left to do is edit the appearance of our cards. To do this, click the <a href="assets/realtime9.png">"Cards..." button</a>. This is outside the scope of this tutorial, but at the following pastebin link you will find a sample which you can copy and paste: <a href="http://pastebin.com/HWk3Nnm6">http://pastebin.com/HWk3Nnm6</a></p>
 
-<!-- <p>Once you're done, hit <a href="https://a.pomf.cat/ioyexp.png">"Close"</a> and then <a href="https://a.pomf.cat/vfyafw.png">"Close"</a> again.</p>-->
-
-<p>And that's it! Now open your <a href="https://a.pomf.cat/kfxxcf.png">deck</a> by clicking on it and try adding your very first word: 中出し - just hover over it with your mouse with Rikaisama enabled and hit "r"!</p>
+<p>And that's it! Now open your <a href="assets/realtime10.png">deck</a> by clicking on it and try adding your very first word: 中出し - just hover over it with your mouse with Rikaisama enabled and hit "r"!</p>
 
 <h4>TROUBLESHOOTING</h4>
 

cor.html

@@ -5,7 +5,7 @@
 <meta charset="utf-8"></meta>
 <title>cornucopia of resources</title>
 <link rel='shortcut icon' href='favicon.ico' type='image/x-icon'/ >
-<link rel="stylesheet" href="style/cor.css?2">
+<link rel="stylesheet" href="style/cor.css?30">
 </head>																				
 <body>
 <script src="assets/script.js"></script>
@@ -1942,7 +1942,7 @@ Vocabulary deck: Front: word (kanji). Back: translation, reading, component kanj
     <h2>fonts</h2>
     <div>
 	<div class="table_container">
-<p>Many of these fonts have slight inconsistencies with the official standard; see <a href="http://i.imgur.com/51LNqBX.png">this image</a> for a detailed comparison. "Suggested" fonts have a colored background.</p>	
+<p>Many of these fonts have slight inconsistencies with the official standard; see <a href="assets/res/fonts.png">this image</a> for a detailed comparison. "Suggested" fonts have a colored background.</p>	
 <table><tbody>
 <tr class="heading"><td>	Name 	</td><td>	Sample	</td><td>	Notes	</td><td>	Download	</td></tr>
 <tr><td class="td suggested">FC Kyoukasho</td><td><img src="assets/samples/FC Kyoukasho/F5AJCKY1.TTF.png" /></td><td></td><td><a href="https://mega.nz/#!tENkRAIJ!ynh1Jtw8mTeIxhH11fDVN3EYi__K4c7bkjJFTEvbJPg">Download</a></td></tr>
@@ -1996,6 +1996,34 @@ Vocabulary deck: Front: word (kanji). Back: translation, reading, component kanj
 </tbody>
 </table>
 </div>
+</div>
+
+<label for="images" tabindex="0"></label>
+    <input id="images" type="radio" name="tabs" aria-hidden="true">
+    <h2>images</h2>
+    <div>
+	
+<table>
+<tbody>
+	<tr class="heading"><td>Description</td></tr>
+	<tr><td><a href="https://mega.nz/#!UEwlGRZQ!vQRAb0iH3oaJqgQyqY_QIMUK8RcQvSEJ8KMAWCS4mro">OP image pack</a></td></tr>
+	<tr><td><a href="assets/res/fonts.png">Japanese font infographic</td></tr>
+	<tr><td><a href="assets/res/anki_settings.png">Anki settings explanation</a></td></tr>
+	<tr><td><a href="assets/res/cheatsheet.jpg">Grammar cheatsheet</a></td></tr>
+	<tr><td><a href="assets/res/kanji.png">Kanji infographic</a></td></tr>
+	<tr><td><a href="assets/res/vocab_count.png">How many words do I need to know?</a></td></tr>
+	<tr><td><a href="assets/res/onyomi.jpg">Useless jouyou kanji to onyomi map</a></td></tr>
+	<tr><td><a href="assets/res/vn1.jpg">VN chart 1</a></td></tr>
+	<tr><td><a href="assets/res/vn2.png">VN chart 2</a></td></tr>
+	<tr><td><a href="assets/res/vn3.png">VN chart 3</a></td></tr>
+	<tr><td><a href="assets/res/vn4.jpg">VN chart 4</a></td></tr>
+	<tr><td><a href="assets/res/vn5.jpg">VN chart 5</a></td></tr>
+	<tr><td><a href="assets/res/vn6.jpg">VN chart 6</a></td></tr>
+	<tr><td><a href="assets/res/vn_2ch.jpg">2ch yearly top VN rankings</a></td></tr>
+	<tr><td><a href="assets/res/flyable_heart.png">Flyable Heart progress chart</a></td></tr>
+</tbody>
+</table>
+	
 </div>
 
 																																		

guide.html

@@ -92,7 +92,7 @@
 <p><h3>Kanji</h3></p>
 
 
-<p><a href="https://a.pomf.cat/tlfrix.png">Kanji</a> are the third part of the Japanese writing system, and by far the most extensive. These logographic characters of varying complexity represent words or parts of words in conjunction with the kana. Japanese high school students are required to learn at least 2136 kanji as part of the curriculum, but around 3,000 are used in all facets of life.</p>
+<p><a href="assets/res/kanji.png">Kanji</a> are the third part of the Japanese writing system, and by far the most extensive. These logographic characters of varying complexity represent words or parts of words in conjunction with the kana. Japanese high school students are required to learn at least 2136 kanji as part of the curriculum, but around 3,000 are used in all facets of life.</p>
 
 <img class="b noinvert" src="assets/image02.jpg">
 
@@ -142,7 +142,7 @@
 <p><h4>Isolated kanji (rote)</h4></p>
 
 
-<p>Kanji can also be learnt simply by writing or reviewing them repetitively. You should first familiarize yourself with the <a href="https://en.wikipedia.org/wiki/Radical_%28Chinese_characters%29">radicals</a> that kanji are composed of, as explained in “<a href="Radical approach">Radical approach</a>” below. An <a href="resource guide.html#Kanji">Anki deck</a> with <a href="http://pastebin.com/KibfAzNw">production/recall-type cards</a> could be very conducive to this method since, rather than writing out characters at random, you would instead be frequently writing out the ones you're struggling to remember, while only occasionally writing out ones which you remember consistently. The general consensus is that the <a href="https://en.wikipedia.org/wiki/Kanji#Readings">readings</a> for the characters <a href="https://a.pomf.cat/zmayqq.png">should be learned through vocabulary</a>, so you should just focus on associating each kanji with its meaning(s). If you're struggling with a particular kanji, don't be afraid to make up a mnemonic based on its radicals.</p>
+<p>Kanji can also be learnt simply by writing or reviewing them repetitively. You should first familiarize yourself with the <a href="https://en.wikipedia.org/wiki/Radical_%28Chinese_characters%29">radicals</a> that kanji are composed of, as explained in “<a href="Radical approach">Radical approach</a>” below. An <a href="resource guide.html#Kanji">Anki deck</a> with <a href="http://pastebin.com/KibfAzNw">production/recall-type cards</a> could be very conducive to this method since, rather than writing out characters at random, you would instead be frequently writing out the ones you're struggling to remember, while only occasionally writing out ones which you remember consistently. The general consensus is that the <a href="https://en.wikipedia.org/wiki/Kanji#Readings">readings</a> for the characters <a href="assets/readings.png">should be learned through vocabulary</a>, so you should just focus on associating each kanji with its meaning(s). If you're struggling with a particular kanji, don't be afraid to make up a mnemonic based on its radicals.</p>
 <span id="Kanji through vocabulary"></span>
 <p><h4>Kanji through vocabulary</h4></p>
 
@@ -264,7 +264,7 @@
 
 <p><a href="http://www.kecl.ntt.co.jp/icl/lirg/resources/goitokusei/goi-test.html">Source</a></p>
 
-<p>Words only include the dictionary form. Proper nouns and compound words are excluded. For a different study addressing the related question of how many words you need to know to achieve adequate comprehension, see <a href="https://i.imgur.com/Fgm6ma8.png">this image</a>.</p>
+<p>Words only include the dictionary form. Proper nouns and compound words are excluded. For a different study addressing the related question of how many words you need to know to achieve adequate comprehension, see <a href="assets/res/vocab_count.png">this image</a>.</p>
 
 <p><span class="bold">These two words have the same reading, and meaning. How do I distinguish them, and why is Japan trying to fuck me?</a></p>
 

kana/djtkana.css

@@ -75,6 +75,10 @@ h2 {
 
 h3 {
 	color:#6f4749;
+	border-bottom:1px dotted #c0b0b1;
+	padding-bottom:9px;
+	padding-left:.4em;
+	margin-top:1.6em;
 }
 
 .checkall a {

kana/index.html

@@ -429,18 +429,18 @@
 <div id="explanation">
 <p>Grind a row of kana until you stop making mistakes, then add another row. Press the <code>Play sound</code> link to make sure you are pronouncing the kana correctly. If you wish to write, the <code>Stroke order</code> link will show you the proper form.</p>
 
-<p>The two dots (<a href="https://en.wikipedia.org/wiki/Dakuten">dakuten</a>) next to certain kana indicate that the first consonant is "muddied" (voiced). For example, か (ka) becomes が (ga). The consonant of such kana transforms as follows:
+<p>The two dots (<a href="https://en.wikipedia.org/wiki/Dakuten">dakuten</a>) next to certain kana indicate that the first consonant is "muddied". For example, か (ka) becomes が (ga). The consonants transform as follows:
 <ul>
 	<li>k -> g</li>
 	<li>t -> d</li>
-	<li>h -> b</li>
+	<li>h/f -> b</li>
 	<li>s/ts -> z</li>
-	<li>ち (chi) -> ぢ　(ji); し (shi) -> じ (ji)</li>
+	<li>sh/ch -> j</li>
 </ul>
 
-<p>A few kana add a small circle to indicate a "p" consonant transformation. For example, ほ (ho) becomes ぽ (po).</p>
+<p>A few kana add a circle to indicate a "p" consonant transformation. For example, ほ (ho) becomes ぽ (po).</p>
 
-<p>The smaller kana ゅ, ょ, and ゃ are used to combine kana sounds. For example, in <span style="white-space:nowrap">ぎゃ</span> (gya) the consonant of ぎ (gi) combines with the sound from や (ya). The small っ (distinct from つ/tsu) is not itself pronounced, but lengthens the consonant that follows, as in <a onclick="play_other('nippon')"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABK0lEQVQ4T5WTsUsCYRjGPdGxNtFWW2pWCAz3PIIabCmIQAeHBI1Cm9ptqYY0C5qDWrSh/yFM9+qPyK2G9PfAHRzx3Rd38OO7+573ffi+h/ecmP1ZR/6B17Ayx9JfQ+vCDPLwZqoNM6hS3Adf3+H90TNIs+7Dub5NBsfsd/5oQQMXbQhNuJLBEhQhCdtQNhzVNyigjeAIzmBFBp+QtWQhSQZP8A4v0IAPXUsGCum/xz/BAYW33qlbrG5UgwWapmoEhXkT1WCRpi8oQQZ6UQ0qNGk2FPwpbMhAYSxHCPGZ2hNQ+A8y0F00sgnYgl2DmR/iGtoY2h6rpkGqI15CUAsO0ibaAA7hOmyUNar3EPdOEzRIsbcHF9JsP5MCu4NfyMHElJPNQPW683dYswrm3U87Ae88g4wAAAAASUVORK5CYII=" style="opacity:.8;" /> にっぽん</a> (nippon); the effect generally resembles a small pause. <a href="http://www.guidetojapanese.org/learn/grammar/hiragana">Tae Kim</a> has more information, and is the source of our audio.</p>
+<p>The smaller kana ゅ, ょ, and ゃ are used to combine kana sounds. For example, in <span style="white-space:nowrap">ぎゃ</span> the consonant of ぎ (gi) combines with the sound from や (ya): gya. The small っ (distinct from つ/tsu) is not itself pronounced, but lengthens the consonant that follows, as in <a onclick="play_other('nippon')"><img src="play.png" /> にっぽん</a> (nippon); the effect of holding your mouth in the consonant's position resembles a small pause. Contrast: <a onclick="play_other('gakou')"><img src="play.png" /> がこう</a>, <a onclick="play_other('gakkou')"><img src="play.png" /> がっこう</a>. <a href="http://www.guidetojapanese.org/learn/grammar/hiragana">Tae Kim</a> has more information, and is the source of our audio.</p>
 <p></p>
 </div>
 

resource guide.html

@@ -93,7 +93,7 @@
 
 <ul>
 <li><a href="http://kanji.koohii.com/">Koohii</a> is a fansite that provides pre-made stories for RTK, generally superior to the ones in the book. (Note that some people find that creating their own mnemonic story can form stronger associations than trying to memorize someone else’s.) You can access these stories more conveniently from <a href="https://hochanh.github.io/rtk/">this interface</a>. Do not use the spaced-repetition-system on Koohii; Anki is superior. There is an Anki deck in the <a href="cor.html">Cornucopia of Resources</a>. You’ll also need to follow alongside the book PDF, since the deck does not teach the “primitive” kanji components.</li>
-<li>Read more about it from <a href="http://rtkwiki.koohii.com/wiki/Remembering_the_Kanji">Koohii wiki</a> or <a href="http://www.guidetojapanese.org/blog/2008/01/31/final-thoughts-on-remembering-the-kanji/">Tae Kim</a>. <a href="https://nihongoshark.com/learn-kanji/">Here</a> is a detailed post about the mnemonic system, its advantages, and how to apply it, as well as how to incorporate Anki into it for added effectiveness (note: while this guy recommends using the kanji on the front of the card in Anki on the basis that it is easier, Heisig says, in all caps no less, in his book that <a href="https://i.imgur.com/bosAK1q.png">reviewing should only ever be done from the keyword</a>; the RTK deck in the Cornucopia of Resources has the keyword on the front of the cards, but is otherwise identical to the deck recommended on that page).</li>
+<li>Read more about it from <a href="http://rtkwiki.koohii.com/wiki/Remembering_the_Kanji">Koohii wiki</a> or <a href="http://www.guidetojapanese.org/blog/2008/01/31/final-thoughts-on-remembering-the-kanji/">Tae Kim</a>. <a href="https://nihongoshark.com/learn-kanji/">Here</a> is a detailed post about the mnemonic system, its advantages, and how to apply it, as well as how to incorporate Anki into it for added effectiveness (note: while this guy recommends using the kanji on the front of the card in Anki on the basis that it is easier, Heisig says, in all caps no less, in his book that <a href="assets/rtk.png">reviewing should only ever be done from the keyword</a>; the RTK deck in the Cornucopia of Resources has the keyword on the front of the cards, but is otherwise identical to the deck recommended on that page).</li>
 </ul>
 
 <p><a href="http://www.kanjidamage.com/">KanjiDamage</a> - Another kanji resource that uses a radical-based order. Unlike Heisig’s method it also teaches the readings and gives you examples of common words that use those kanji (great for adding them to your Anki deck right away). Take the introduction on the site with a grain of salt, as it isn’t very accurate, or is just plain wrong, as is the case with some other areas on the site, but that in no way makes this a bad resource in regards to learning. You may want to simply use the shared deck for Anki (see <a href="cor.html">Cornucopia of Resources</a>) instead of the website in tandem with another vocabulary deck in order to build up a big cache of words quickly.</p>
@@ -283,7 +283,7 @@ Protip: Type in kaomoji and hit space. Alternatively: read <a href="http://nihon
 
 <ul>
 <li>There is also Rikaichan for Firefox, but there is absolutely no reason to use it since Rikaisama has all of its features.</li>
-<li><a href="https://addons.mozilla.org/en-US/firefox/addon/rikaicake-jp-en-dictionary/">RikaiCake</a>: This is a dictionary file that adds 5,000 additional definitions, curated by a manga translator. Install the extension and then <a href="http://i.imgur.com/zRJoiJ7.png">give the dictionary priority</a> in Rikaisama’s settings.</li>
+<li><a href="https://addons.mozilla.org/en-US/firefox/addon/rikaicake-jp-en-dictionary/">RikaiCake</a>: This is a dictionary file that adds 5,000 additional definitions, curated by a manga translator. Install the extension and then <a href="assets/rikaicake.png">give the dictionary priority</a> in Rikaisama’s settings.</li>
 </ul>
 
 

style/cor.css

@@ -122,8 +122,8 @@ dl {
 
 .tabPanel-widget > label,
 .tabPanel-widget > h2 {
-  font-size: 1.1em;
-  width: 9em;
+  font-size: 1em;
+  width: 7em;
   height: 2em;
   line-height: 2em;
 }
@@ -160,27 +160,32 @@ dl {
 
 .tabPanel-widget label:nth-child(5),
 .tabPanel-widget h2:nth-child(7) {
-  left: 9em;
+  left: 7em;
 }
 
 .tabPanel-widget label:nth-child(9),
 .tabPanel-widget h2:nth-child(11) {
-  left: 18em;
+  left: 14em;
 }
 
 .tabPanel-widget label:nth-child(13),
 .tabPanel-widget h2:nth-child(15) {
-  left: 27em;
+  left: 21em;
 }
 
 .tabPanel-widget label:nth-child(17),
 .tabPanel-widget h2:nth-child(19) {
-  left: 36em;
+  left: 28em;
 }
 
 .tabPanel-widget label:nth-child(21),
 .tabPanel-widget h2:nth-child(23) {
-  left: 45em;
+  left: 35em;
+}
+
+.tabPanel-widget label:nth-child(25),
+.tabPanel-widget h2:nth-child(27) {
+  left: 42em;
 }