index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
    <title>Jake Lindsay</title>
    <link href="images/jl_icon.png" rel="shortcut icon" type="image/png/">
    
    <link href="styles/main.css" rel="stylesheet">
    <link href="styles/index.css" rel="stylesheet">

    <script src="scripts/genGrid.js" defer type="module"></script>
    <script src="scripts/snake/game.js" defer type="module"></script>
    

</head>
<body>
    <div id="header">
        <a href="index.html" id="header-name">Jake Lindsay</a>
        <nav>
            <ul>
                <li><a href="projects.html">Projects</a></li>
                <li><a href="resume.html">Resume</a></li>
                <li><a href="contact.html">Contact</a></li>
            </ul>
        </nav>
    </div>

    <div id="snake-space">
        <!-- Auto-generated Grid for Snake-->
    </div>

    <div id="page-container">
        <div id="main-text-container">
            <h1 id="static-text">I am currently learning how to...</h1>
            <h1 id="main-text-tw"></h1>
        </div>    
        
        
        
    </div>
    

    <!-- jQuery -->
    <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
    <!-- Typerwriter Effects -->
    <script src="scripts/typewriterEffects/mainText_TW.js"></script>

</body>
</html>