import { addBanner, addArticle, addTitle, addHeader, addParagraph, addSubHeader } from '/scripts/article.js';
import { addInset, addInsetList, addInsetCodeListing, addInsetBulletList } from '/scripts/inset.js';
import { addImageWithCaption, addButtonGroup } from '/scripts/visuals.js';
import { addSidebar} from '/scripts/sidebar.js'
import { addSyntax } from '/scripts/code.js';
import { addVocab } from '/scripts/japanese.js';

const heading = document.querySelector(".heading");
const global = document.querySelector(".global_menu");
const local = document.querySelector(".local_menu");
const sidebar = document.querySelector(".sidebar");
const main = document.querySelector(".main_content");

heading.append(addTitle("Japanese Language"));
heading.append(addParagraph("Philip Osztromok"));

main.append(addHeader("WEEK 17 - 8th July 2024"))
main.append(addImageWithCaption("./images/Lesson17_A.png", "Conversation practice."))
main.append(addInset("これは誰ですか"));
main.append(addInset("Who is this?"));
main.append(addInsetBulletList(["これ - means this", "は - the particle, <em>this</em> os the subject.", "誰 - who", "ですか - is this?"]));
main.append(addInset("友達です"));
main.append(addParagraph("If we write this with hiragana in place of the the kanji it becomes"));
main.append(addInset("ともだちです"));
main.append(addParagraph("This is my friend."));
main.append(addInset("姉のこどもです"));
main.append(addParagraph("If we write this with hiragana in place of the the kanji it becomes"));
main.append(addInset("あねのこどもです"));
main.append(addParagraph("This is my sister's child."));
main.append(addParagraph("Note that these last two are loose translations.  In the Japanese, <em>this</em> is implicit and since it is not actually stated, the particle is also missing."));
main.append(addParagraph("そうですか"));
main.append(addParagraph("This seems to be a common Japanese expression and means really or is that so."));
main.append(addInset("どこに住んでいますか"));
main.append(addParagraph("and written in hiragana only"));
main.append(addInset("どこにすんでいますか"));
main.append(addParagraph("Where do they live?"));
main.append(addParagraph("The subject is again implicit so there is no particle."));
main.append(addInset("東京に住んでいます"));
main.append(addParagraph("or"));
main.append(addInset("とうきょうに住んでいます"));
main.append(addParagraph("They live in Tokyo."));
main.append(addParagraph("A quick side note on the verb in this sentence, the verb すむ is an Godan or a consonant-root verb which means that the root is, if we were to write it in English, sum.  I don't know how (or even if) this would be written in Japanese but the reason it ends in a consonant is because when you conjugate the verb or add an auxiliary, this is the part that doesn't change so essentially, す is the constant and it will be followed by one of ま, み, む, め or も but can also be followed by ん.  For example"));
main.append(addInset("住んで います"));
main.append(addParagraph("is the polite way to say I live."));
main.append(addInset("住める"));
main.append(addParagraph("indicates potential - as I may live.  Note that the verb to live is in the sense of where you reside than whether or not you are alive!  An example of this is"));
main.append(addInset("私はエディンバラに住んでいます"));
main.append(addParagraph("I live in Edinburgh."));
main.append(addInset("彼はエディンバラに住んでいる"));
main.append(addParagraph("or"));
main.append(addInset("かれはエディンバラに住んでいる"));
main.append(addParagraph("means he lives in Edinburgh so for instance if I am telling someone about Thor or Loki, I can say"));
main.append(addInset("トールはエディンバラに住んでいる"));
main.append(addParagraph("or"));
main.append(addInset("ロキはエディンバラに住んでいる"));
main.append(addParagraph("Notice that since トール or ロキ is the subject of the sentence, the name is followed by the は (wa) particle.  For more information on conjugation the verb, you can check it out on the <a href='https://www.japaneseverbconjugator.com/VerbDetails.asp?txtVerb=%E4%BD%8F%E3%82%80'>Ultra Handy Japanese Verb Conjugator</a> or for more information on Japanese verbs in general, see <a href='https://www.tofugu.com/japanese-grammar/verb-conjugation-groups/'>Verb Conjugation</a> on <a href='https://www.tofugu.com/'>tofugu.com</a>."));
main.append(addInset("何歳ですか"));
main.append(addParagraph("or"));
main.append(addInset("なんさいですか"));
main.append(addParagraph("How old is he?"));
main.append(addInset("3歳です"));
main.append(addParagraph("or"));
main.append(addInset("さんさいです"));
main.append(addParagraph("He is 3 years old."))
main.append(addParagraph("Notice that again, we have no particle in either the question or the response so the subject is implicit."));
main.append(addInset("とてもかわいい！"));
addSidebar("japanese");