import { addBanner, addArticle, addTitle, addHeader, addParagraph, addSubHeader, addSmallHeader } 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';
import { romajiToHiragana, insertHiragana } from '/scripts/japanese_conversion.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 23 - 16th August 2024"));

main.append(addImageWithCaption("./images/Lesson23_A.png", "Vocabulary."));
main.append(addParagraph("If we want to talk about what people do on their day off, we might vwery well start with a question like"));
main.append(addInset(romajiToHiragana("yasuminohiwa itsumo nani wo shimasuka")));
main.append(addSyntax("What do you usually do on your day off?"));
main.append(addImageWithCaption("./images/Lesson23_B.png", "Conversation - Miguel likes to clean and go shopping!"));
main.append(addImageWithCaption("./images/Lesson23_C.png", "Conversation scenarios."));



addSidebar("japanese");