function createModal(text, renderAsHTML = false) {
    if (!document.getElementById('modal')) {
        const shade = document.createElement('div')
        shade.id = 'modal-shade'
        const m = document.createElement('div')
        m.id = 'modal'
        const close = document.createElement('button')
        close.id = 'modal-close-button'
        close.innerText = 'Close'
        close.onclick = function () {
            m.style.display = shade.style.display = 'none'
        }
        const textdiv = document.createElement('div')
        textdiv.id = 'modal-text-div'
        m.appendChild(textdiv)
        m.appendChild(close)
        document.body.insertBefore(m, document.body.children[0])
        document.body.insertBefore(shade, document.body.children[0])
    }
    const currentModal = document.getElementById('modal')
    const shade = document.getElementById('modal-shade')
    if (renderAsHTML) {
        document.getElementById('modal-text-div').innerHTML = text
    } else {
        document.getElementById('modal-text-div').innerText = text
    }
    currentModal.style.display = shade.style.display = 'block'
}