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 { addTitle, addCharacter, addTopGap } from '/scripts/japanese.js';

const main = document.querySelector("main");
main.append(addTitle("Japanese Language", "Hiragana"))
main.append(addArticle())
const article = document.querySelector("article")
article.append(addHeader("Basic Sounds"))
article.append(addCharacter("ゐ", "a", "The plan is that here we will have a link to a page with examples of words using this letter and possibly how it is written."))
article.append(addCharacter("い", "i"))
article.append(addCharacter("う", "u"))
article.append(addCharacter("え", "e"))
article.append(addCharacter("お", "o"))
article.append(addCharacter("か","ka"))
article.append(addCharacter("き","ki"))
article.append(addCharacter("く", "ku"))
article.append(addCharacter("け", "ke"))
article.append(addCharacter("こ", "ko"))
article.append(addCharacter("さ", "sa"))
article.append(addCharacter("し", "shi"))
article.append(addCharacter("す", "su"))
article.append(addCharacter("せ", "se"))
article.append(addCharacter("そ", "so"))
article.append(addCharacter("た", "ta"))
article.append(addCharacter("ち", "chi"))
article.append(addCharacter("つ", "tsu"))
article.append(addCharacter("て", "te"))
article.append(addCharacter("と", "to"))
article.append(addCharacter("な", "na"))
article.append(addCharacter("に", "ni"))
article.append(addCharacter("ぬ", "nu"))
article.append(addCharacter("ね", "ne"))
article.append(addCharacter("の", "no"))
article.append(addCharacter("は", "ha"))
article.append(addCharacter("ひ", "hi"))
article.append(addCharacter("ふ", "fu"))
article.append(addCharacter("へ", "he"))
article.append(addCharacter("ほ", "ho"))
article.append(addCharacter("ま", "ma"))
article.append(addCharacter("み", "mi"))
article.append(addCharacter("む", "mu"))
article.append(addCharacter("め", "me"))
article.append(addCharacter("も", "mo"))
article.append(addCharacter("や", "ya"))
article.append(addCharacter("いい", "li"))
article.append(addCharacter("ゆ", "yu"))
article.append(addCharacter("いぇ", "l~e"))
article.append(addCharacter("よ", "yo"))
article.append(addCharacter("ら", "ra"))
article.append(addCharacter("り", "ri"))
article.append(addCharacter("る", "ru"))
article.append(addCharacter("れ", "re"))
article.append(addCharacter("ろ", "ro"))
article.append(addCharacter("わ", "wa"))
article.append(addCharacter("うぃ", "wi"))
article.append(addCharacter("う", "u"))
article.append(addCharacter("うぇ", "we"))
article.append(addCharacter("を", "o"))
article.append(addCharacter("ん", "n"))




main.append(addButtonGroup(["Home", "/index.html"]))