Add Japanese page about けど、けれど、けれども、のに.

src/Pages/Japan/JapanMain.js

@@ -10,7 +10,7 @@ const JapanMain = () => {
     return (
         <article className="main-page">
             <h1 id="list-intro" className="text-primary">{getString('japan')} <Emoji symbol="🇯🇵" /></h1>
-            <MarkdownPage md={'Japan/' + language + '/main.md'} />            
+            <MarkdownPage md={'Japan/' + language + '/main.md'} />
         </article>
     )
 }

src/Pages/Japan/Japanese/en/but.md

@@ -0,0 +1,92 @@
+
+
+
+## けど、けれど、けれども、のに
+
+---
+
+#### けど、だけど
+
+* 肉じゃがを<Jps underline=true text="作った"/><Jps colour="c1" text="けど"/>　上手にできなかった。　
+* I made nikujaga, <Jps colour="c1" text="but"/> it did not turn out well.
+  * <Jps underline=true text="Verb"/>
+
+
+* 母親は<Furigana kanji="優" kana="やさ"/><Jps underline=true text="しい"/><Jps colour="c1" text="けど"/>　<Furigana kanji="怒" kana="おこ"/>ると<Furigana kanji="怖" kana="こわ"/>い。　
+* My mother is kind <Jps colour="c1" text="but"/> when she is angry, she is scary.
+  * <Jps underline=true text="い-adjective"/>
+
+
+* 明日は<Furigana kanji="暇" kana="ひま"/><Jps colour="c1" text="だけど"/>　どこへもいかない。　
+* Tomorrow I am free, <Jps colour="c1" text="but"/> I am not going anywhere.
+* アップルパイが大<Jps underline=true text="好き"/><Jps colour="c1" text="だけど"/>、食べ<Jps colour="c2" text="すぎる"/>と、太っちゃう。　
+* I love apple pie, <Jps colour="c1" text="but"/> when I eat <Jps colour="c2" text="too much"/>, I (always) became fat　(and I am not happy about that).
+  * <Jps underline=true text="な-adjective"/>
+
+
+* 彼は16<Jps underline=true text="歳"/><Jps colour="c1" text="だけど"/>学校に行っていない。　
+* He is 16 years old <Jps colour="c1" text="but"/> does not go to school.
+  * <Jps underline=true text="Noun"/>
+
+---
+
+**けど**　＞　**けれど**　＞　**けれども**
+
+Casual > Polite
+
+---
+
+* <Furigana kanji="座" kana="すわ"/>りたいんです<Jps colour="c1" text="だけど"/>　<Furigana kanji="席" kana="せき"/>があいてないんです。
+* I want to sit, <Jps colour="c1" text="but"/> there are no chairs available (For example when talking to staff, more polite than けど).
+
+---
+
+#### のに
+
+Expresses an emotion like a  complaint, unsatisfaction, disappointment or admiration.
+
+* 父はいつもは酒を<Jps underline=true text="飲まない"/><Jps colour="c1" text="のに"/>　今日はたくさん飲んでいる。　
+* My father never drinks, <Jps colour="c1" text="but"/> today he is drinking a lot *(expresses a complaint, you can also replace with けど but it then changes intonation)*.
+* 毎日10時間<Jps underline=true text="勉強した"/><Jps colour="c1" text="のに"/>　だいがくに<Furigana kanji="合格" kana="ごうかく"/>でこなかった。
+* <Jps colour="c1" text="Although"/> I studied 10 hours every day, I did not graduate to college　*(disappointment)*.
+  * <Jps underline=true text="Verb"/>
+
+
+* この店、<Jps underline=true text="高い"/><Jps colour="c1" text="のに"/>　料理がおいしくない。
+* This restaurant is expensive <Jps colour="c1" text="but"/> the food is not tasty　*(complaint)*. 
+  * <Jps underline=true text="い-adjective"/>
+
+
+* あの<Furigana kanji="雑誌" kana="ざっし"/>は<Jps underline=true text="大切"/><Jps colour="c1" text="なのに"/>　親に捨てられた。
+* That magazine was important (to me) <Jps colour="c1" text="but"/> my parents threw it away　*(complaint)*.
+  * <Jps underline=true text="な-adjective"/>
+
+
+* あの子はまだ<Jps underline=true text="５歳"/><Jps colour="c1" text="なのに"/>　漢字が書けるんです。
+* <Jps colour="c1" text="Although"/> that child is 5 years old, she can already write kanji　*(admiration)*.
+  * <Jps underline=true text="Noun"/>
+
+---
+
+のに is usually interchangable with けど、 but のに adds emotion to the sentence.
+
+* 眠い<Jps colour="c1" text="けど / のに"/>　宿題をしなければならないので　まだ寝られない。
+* I am sleepy, <Jps colour="c1" text="but"/> I have to do my homework so I cannot sleep yet.
+
+* 旅行に行く予定<Jps colour="c1" text="だけど / なのに"/>　台風が<Furigana kanji="来" kana="く"/>るから行けないかもしれない。
+* I was planning to travel, <Jps colour="c1" text="but"/> I might not go because a typhoon is coming.
+
+Here, you express no emotions, so のに is not used;
+
+* 試験は<Furigana kanji="難" kana="むずか"/>しい<Jps colour="c1" text="けど"/>　頑張ってください。
+* The exam is difficult, <Jps colour="c1" text="but"/> please do your best.
+
+* 料理が上手に作れた<Jps colour="c1" text="けど"/>　あなたが好きかどうかは分からない。
+* I am skilled at cooking, <Jps colour="c1" text="but"/> I do not know if you will like it.
+
+
+---
+
+###### 関係する動画
+
+* [Japanese N4 Grammar【けど／けれど／けれども、のに】](https://www.youtube.com/watch?v=tkotdneiFS0) by: [【桜の間　日本語ルーム】](https://www.youtube.com/@yukijapanese00)

src/Pages/Japan/en/main.md

@@ -12,6 +12,7 @@ These pages contain my notes on learning the language.
 * [Cheat sheet](./japanese/cheat-sheet)
 * [ために、ように、のに](./japanese/tameni-youni-noni)
 * [と、たら、ば、なら](./japanese/if-when)
+* [けど、けれど、けれども、のに](./japanese/but)
 
 ### Particles (助詞、じょし)
 

src/Routers.js

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