Add tameni-youni and Japanese cheat sheet pages.

src/Pages/Japan/Japanese/en/cheat-sheet.md

@@ -0,0 +1,58 @@
+## Cheat sheet
+
+This is a collection of grammar that I use to glimpse over in order to remember it better.
+
+---
+
+「使っといて」: This is colloquial and means "having used" or "using and leaving it in that state,".
+
+「食べといた」: This means "ate it in advance" or "ate it beforehand," suggesting the speaker ate it in preparation for something.
+
+
+---
+
+「使ってみて」: This means "try using,".
+
+「入れてみて」: This means "try bringing it in,"
+
+---
+
+「してはならない」: This means "must not wear," which would imply things are forbidden.
+
+---
+
+「してもかまわない」: This means "it's okay to do" or "you may do it if you want," which implies that doing it is optional. 
+
+---
+
+「しなければならない」: This means "must do." It implies that doing something is a requirement.
+
+「しなければいい」: This would mean "it would be good if you do...,". It suggests a recommendation, not a requirement.
+
+---
+
+「食べなくちゃ」: This means "I have to eat it,".
+
+---
+
+「入れないと」: The phrase "入れないと" (short for "入れないといけない") implies an urgent need or "you have to bring it in".
+
+---
+
+「入れてはいけない」: This means "you must not bring it in,".
+
+---
+
+「入れたらいい」: This could mean "it would be good if you brought it in," but it lacks any urgency.
+
+---
+
+「食べちゃった」: This is the casual form of "食べてしまった," which conveys that the speaker ate all, often with a nuance of regret or unintentionality.
+
+---
+
+「乗れたらいいね」: This means "It would be nice if I could ride it," which suggests a wish or hope rather than actual progress or achievement.
+
+---
+
+「乗れたほうがいいよ」: This means "It’s better if you can ride," which sounds like advice rather than a statement of progress.

src/Pages/Japan/Japanese/en/tameni-youni-noni.md

@@ -0,0 +1,57 @@
+## ために、ように、のに
+
+---
+
+### 文法
+
+---
+
+* V-る＋<Jps colour="c1" text="ために"/>
+* N＋の＋<Jps colour="c1" text="ために"/>＋V
+* Subject は V1＋<Jps colour="c1" text="ために"/> V2
+  * Subject does Verb 2 <Jps colour="c1" text="in order to"/> Verb 1
+
+---
+
+* V-る＋<Jps colour="c1" text="ように"/>
+* V-ない＋<Jps colour="c1" text="ように"/>
+
+* V-る＋<Jps colour="c1" text="ように"/>＋<Jps colour="c1" text="なる"/>
+* V-る＋<Jps colour="c1" text="ように"/>＋<Jps colour="c1" text="する"/>
+* V-る＋<Jps colour="c1" text="ように"/>＋<Jps colour="c1" text="言う"/>
+
+---
+
+### 問題
+
+父親：たかし、自転車の練習、がんばってる？
+
+たかし：うん、だいぶ上手に（...）。
+
+* 乗れる<Jps colour="c1" text="ために"/>したよ
+* 乗れる<Jps colour="c1" text="ように"/>なったよ
+
+「乗れる<Jps colour="c1" text="ために"/>したよ」: This doesn’t fit because "ために" implies "in order to," but Takashi is not explaining a reason; rather, he’s describing his progress. Also, "したよ" doesn’t naturally follow "乗れるために" here.
+
+「乗れる<Jps colour="c1" text="ように"/>なったよ」: This is the correct choice, as "ようになる" means "to become able to" or "to reach the point where one can." So, 「乗れるようになった」 means "I’ve become able to ride," which fits perfectly to show that Takashi has made progress and is now able to ride the bike better.
+
+---
+
+私は勉強する<Jps colour="c1" text="ために"/>、新しい机を買いました。
+
+私は勉強する<Jps colour="c1" text="ように"/>、新しい机を買いました。
+
+「<Jps colour="c1" text="ために"/>」implies that the desk was bought *specifically to enable studying*. The desk is seen as **instrumental** for studying; this sentence has a stronger implication that the desk is directly needed for the action. It it technically correct, but this sentence sounds weird.
+
+「<Jps colour="c1" text="ように"/>」implies a personal wish or hope: you bought the desk *hoping to motivate yourself to study*. It’s less about necessity and more about creating a conducive environment or setting an intention.
+
+---
+
+日本に行く<Jps colour="c1" text="ために"/>少しずつお金を貯めています。
+
+日本に行ける<Jps colour="c1" text="ように"/>少しずつお金を貯めています。
+
+「<Jps colour="c1" text="ために"/>」implies here, that *in order to* go to Japan, I am saving up money, little by little. 
+
+「<Jps colour="c1" text="ように"/>」implies here, that *so that* I **can** go to Japan, I am saving up money, little by little.
+

src/Pages/Japan/en/main.md

@@ -9,6 +9,9 @@ The country of Japan and the Japanese language has facinated me for many years n
 
 These pages contain my notes on learning the language.
 
+* [Cheat sheet](./japanese/cheat-sheet)
+* [ために、ように、のに](./japanese/tameni-youni-noni)
+
 ### Particles (助詞、じょし)
 
 * [Particles](./japanese/particles)
@@ -22,3 +25,4 @@ These pages contain my notes on learning the language.
 * [だけ vs しか](./japanese/dake-vs-shika)
 
 * [とか vs たり vs し｀](./japanese/toka-tari-shi)
+

src/Routers.js

@@ -8,7 +8,7 @@ import ElmPage from './Pages/Software/elm/ElmPage';
 
 // Japan
 export const japaneseRoutes = languages.map(lang => {
-    const pages = ['contrast-particle', 'dake-vs-shika', 'particles', 'toka-tari-shi'];
+    const pages = ['cheat-sheet', 'contrast-particle', 'dake-vs-shika', 'particles', 'tameni-youni-noni', 'toka-tari-shi'];
     return pages.map(page => {
       const path = `/${lang}/japan/japanese/${page}`;
       const mdPath = `Japan/Japanese/${lang}/${page}.md`;