index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <title>WhatWare</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
    <link rel="manifest" href="/site.webmanifest">
    
    <link rel="stylesheet" href="/style.css">
    <script src="/starfield.js" defer></script>
    <script src="/main.js" defer></script>
</head>
<body>
    <header>
        <h1 id="main-header">
            W<span id="whatware-inner-text">hatWare</span>?
        </h1>
        <nav>
            <a href="/">home</a>
            <a href="/about">about</a>
            <a href="/projects">projects</a>
            <a href="/blog">blog</a>
            <a href="/faq">faq</a>
            <a href="/games">online games</a>
        </nav>
    </header>
    
    <main>
        <h2>welcome to whatware!</h2>
        <p>
            Welcome to my web site, and thanks for visiting! This site is mainly a directory for my
            <a href="/projects">projects</a>, but it also has other general information and my rambling page (aka 
            <a href="/blog">blog</a>)!
        </p>
        <p>
            This website is forever unfinished (like most personal websites). I'll try my best to keep all the pages 
            up to date and mobile friendly, but I am a human bean, so expect some pages to be broken and/or have missing links. 
            If you do happen to come across something that looks out of the ordinary, please 
            <a href="/about">contact me</a>.
        </p>
    </main>

    <footer id="page-footer"></footer>
    
    <script> fetch('./footer/footer.html').then(response => response.text()).then(html => { document.getElementById('page-footer').innerHTML = html;}); </script>

    <canvas id="starfield"></canvas>
</body>
</html>