nav.html

<div class="nav_container fixedElement background-blur" id="navbar">
    <link rel="stylesheet" href="style_sheets/style.css">
    <link rel="stylesheet" href="style_sheets/nav_style.css">
    <script type="text/javascript" src="selection.js"></script>
    <base target="_blank">

    <script>
        SetSelectionToTitle(750, 'selection');
    </script>
    
    <div id="ConsoleDisplay"><h1>> <div id="selection"></div><div class="nav_cursor">!</div></h1></div>

    <div class="navbar">
        <a href="/" target="_self" class="info_button" id="home" onmouseover="typeWriter('selection', this.innerHTML)" onmouseleave="clear_selection('selection')"> Home </a>
        <a href="projects.html" target="_self" class="info_button" id="projects" onmouseover="typeWriter('selection', this.innerHTML)" onmouseleave="clear_selection('selection')"> Projects </a>
        <a href="https://github.com/pog7776" class="info_button" id="github" onmouseover="typeWriter('selection', this.innerHTML)" onmouseleave="clear_selection('selection')"> GitHub </a>
        <a href="https://www.linkedin.com/in/jack--cooper/" class="info_button" id="linkedin" onmouseover="typeWriter('selection', this.innerHTML)" onmouseleave="clear_selection('selection')"> LinkedIn </a>
        <a href="Files/Jack Cooper - Resume - 2022.pdf" class="info_button" id="Resume" onmouseover="typeWriter('selection', 'Resume.pdf')" onmouseleave="clear_selection('selection')"> Resume </a>
        <a href="mailto:jack.cooper7776@gmail.com" class="info_button" id="email" onmouseover="typeWriter('selection', 'jack.cooper7776@gmail.com', 7)" onmouseleave="clear_selection('selection')"> Email </a>
        <a href="contact.html" target="_self" class="info_button" id="contact" onmouseover="typeWriter('selection', this.innerHTML)" onmouseleave="clear_selection('selection')"> Contact </a>
    </div>
</div>