import { addArticle, addHeader, addParagraph, addSubHeader } from '/scripts/article.js';
import { addInset, addInsetList, addInsetCodeListing, addInsetBulletList } from '/scripts/inset.js';
import { addImageWithCaption, addButtonGroup } from '/scripts/visuals.js';
import { addCharacter, addTopGap, addTitle, addLessonHeader, addLessonLink, addVocab } from '/scripts/japanese.js';
import { addAudioClip } from '/scripts/audio.js';
import { menu } from '/scripts/japanese_buttons.js';

const main = document.querySelector("main");
const sidebar = document.querySelector("sidebar");
const heading = document.querySelector(".heading")
const article = document.querySelector("article")
const nav = document.querySelector("nav");

heading.append(addTitle("Japanese Language", "HOMEWORK"))
heading.append(addArticle())

sidebar.append(addHeader("Links to Lessons"))
sidebar.append(addLessonLink("1"))
sidebar.append(addLessonLink("2"))
sidebar.append(addLessonLink("3"))
sidebar.append(addLessonLink("4"))
sidebar.append(addLessonLink("5"))
sidebar.append(addLessonLink("6"))















nav.append(menu("japanese_language"));