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 { addAudioClip } from '/scripts/audio.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 1 - 8th March 2024"));

main.append(addImageWithCaption("./images/Lesson1_A.png", "Vocabulary from lesson 1."));

main.append(addVocab("obassan", "Grandma"));
const audio_file = "/japan/language/audio/grandma.m4a";
console.log("The value passed to the audio file function is: ", audio_file);
main.append(addAudioClip(audio_file));
main.append(addVocab("ojiisan", "Grandpa"));
main.append(addAudioClip("/japan/language/audio/grandpa.m4a"));
main.append(addVocab("suuji", "numbers"));
main.append(addAudioClip("/japan/language/audio/numbers.m4a"));
main.append(addVocab("tokee", "Clock"));
main.append(addAudioClip("/japan/language/audio/clock.m4a"));
main.append(addVocab("oneesan", "Older sister"));
main.append(addAudioClip("/japan/language/audio/big_sister.m4a"));
main.append(addVocab("hikooki", "Aeroplane"));
main.append(addAudioClip("/japan/language/audio/aeroplane.m4a"));
main.append(addVocab("koori", "Ice"));
main.append(addAudioClip("/japan/language/audio/ice.m4a"));
main.append(addImageWithCaption("./images/Lesson1_B.png", "Vocabulary from lesson 1."));
main.append(addVocab("kippu", "Ticket"));
main.append(addAudioClip("/japan/language/audio/ticket.m4a"));
main.append(addVocab("asatte", "Fractions"));
main.append(addAudioClip("/japan/language/audio/fractions.m4a"));
main.append(addVocab("gakki", "Musical instruments"));
main.append(addAudioClip("/japan/language/audio/instruments.m4a"));
main.append(addVocab("zasshi", "Magazines"));
main.append(addAudioClip("/japan/language/audio/magazines.m4a"));

addSidebar("japanese");