import { addBanner, addArticle, addTitle, addHeader, addParagraph, addClassParagraph, addSubHeader, addSmallHeader, addOrderedList, addUnorderedList, addBlockquote, addInset, addInsetList, addInsetCodeListing, addInsetBulletList, addImageWithCaption, addButtonGroup, addSidebar, addSyntax, global_menu } from '/scripts/import.js';
import { addVocab, homework_menu, udemy_menu } 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("Complete Japanese Course"));
heading.append(addParagraph("Philip Osztromok"));
global.append(global_menu());
local.append(udemy_menu());

main.append(addHeader("Section 1: Getting Started"));
main.append(addInset("こんにちは"));
main.append(addParagraph("Hello or good afternoon"));
main.append(addInset("わたしはなまえフィリップです"));
main.append(addParagraph("My name is Philip"));
main.append(addParagraph("Let's break that down"));
main.append(addInset("わたし"));
main.append(addParagraph("I – this is one of the ways you can refer to yourself in Japanese! "));
main.append(addInset("は"));
main.append(addParagraph("This is the particle (wa) indicating that I am the subject of the sentence"));
main.append(addInset("なまえ"));
main.append(addParagraph("Name"));
main.append(addInset("フィリップ"));
main.append(addParagraph("Since Philip is not a Japanese name and not pronounced like a Japanese word, it is written in katakana and is pronounced Firippu."));
main.append(addInset("です"));
main.append(addParagraph("This is the verb so it appears at the end of the sentence and means is.  So the whole sentence can be loosely translated as")); 
main.append(addParagraph("I am named Philip"));
main.append(addParagraph("An alternative way to say this is"));
main.append(addInset("私の名前はフィリップです"));
main.append(addParagraph("Note that this time, we are using kanji and it is normal for Japanese people to do that when referring to themselves. "));
main.append(addInset("私"));
main.append(addParagraph("This is the kanji for I (or me or myself).  Note that it is a single kanji and unlike kana, kanji characters do not simply represent a syllable and this is a good example and it would be read as watashi."));
main.append(addInset("の"));
main.append(addParagraph("I believe this indicates ownership so when combined with I, it essentially means my."));
main.append(addInset("名前"));
main.append(addParagraph("This is pronounced namae and as we already say, means name."));
main.append(addInset("は"));
main.append(addParagraph("Again, this is the particle indicating this time that name is the subject of the sentence."));
main.append(addParagraph("The rest of the sentence is identical to the previous version"));
main.append(addInset("フィリップです"));
main.append(addParagraph("is Philip"));







addSidebar("japanese");