saudade/menu.js

(async () => {
    // menu style
    const menuStyle = document.createElement('link')
    menuStyle.rel = 'stylesheet'
    menuStyle.href = '/style/menu.css'
    document.head.append(menuStyle)

    // build menu
    const siteRoot = '/' + location.pathname.split('/')[1]
    const {wayback} = await import(`${siteRoot}/config.js`)

    let menu = document.createElement('div')
    menu.id = 'archive-menu'

    let span = document.createElement('span')
    span.id = 'hrt'
    span.innerText = '♥'
    menu.append(span)

    let archiveRoot = document.createElement('a')
    archiveRoot.setAttribute('href', '/')
    archiveRoot.setAttribute('target', '_top')
    archiveRoot.innerText = 'Home'
    menu.append(archiveRoot)

    let changelog = document.createElement('a')
    changelog.setAttribute('href', `${siteRoot}/CHANGELOG.txt`)
    changelog.setAttribute('target', '_blank')
    changelog.innerText = 'Changelog'
    menu.append(changelog)

    if (wayback) {
        let waybackLink = document.createElement('a')
        waybackLink.setAttribute('href', `https://web.archive.org/web/${wayback}`)
        waybackLink.setAttribute('target', '_blank')
        waybackLink.innerText = 'Wayback Capture'
        menu.append(waybackLink)
    }

    document.body.prepend(menu)
})()