import { addBanner, addArticle, addTitle, addHeader, addParagraph, addClassParagraph, addSubHeader, addSmallHeader, addOrderedList, addUnorderedList, addBlockquote, addInset, addInsetList, addInsetCodeListing, addInsetBulletList, addImageWithCaption, addButtonGroup, addSidebar, addSyntax, menu, global_menu } from '/scripts/import.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("Raspberry Pi Setup"));
heading.append(addParagraph("Useful Commands"));

main.append(addSubHeader("Installing Apache"));
main.append(addImageWithCaption("./images/basic.png", "Basic setup commands"));
main.append(addSubHeader("Some Useful Aliases"));
main.append(addParagraph("There are a couple of aliases I set up to make some simple Web Developments tasks a little bit quicker and easier."));
main.append(addImageWithCaption("./images/aliases.png", "Basic setup commands"));
main.append(addParagraph("These are currently set up on my Raspberry Pi 5, my current web server."));

addSidebar("raspberrypi");