//the header of the site would be handled in this javascript file, so you don't have to copypaste the whole thing onto every page.
//at the bottom of your page, but before the js script calls and the closing body tag, put an empty div with a class of "writeHeader"
document.querySelector(".writeHeader").innerHTML = `
    <header align="center">
        <a href="index.html"><img src="./img/logo.png" alt="" /></a> 

        <div id="nav">
            <a href="index.html"><h1>Home</a> |
            <a href="archive.html">Archive</a> |
            <a href="about.html">Me?</a> |
            <a href="lore.html">Lore</a></h1>
        </div>
    </header>
`;