<!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>TypeFast</title>

    <!-- CSS Files -->
    <link rel="stylesheet" href="index.css">

    <!-- Favicon Files -->
    <link rel="apple-touch-icon"        sizes="180x180" href="./assets/favicon/apple-touch-icon.png">
    <link rel="icon" type="image/png"   sizes="32x32"   href="./assets/favicon/favicon-32x32.png">
    <link rel="icon" type="image/png"   sizes="16x16"   href="./assets/favicon/favicon-16x16.png">
    <link rel="manifest"                                href="./assets/favicon/site.webmanifest">

    <!-- Main Script Files -->
    <script src="https://cdn.jsdelivr.net/npm/p5@1.5.0/lib/p5.js"></script>
    <!-- <script src="https://cdn.jsdelivr.net/npm/p5@1.5.0/lib/p5.min.js"></script> -->
    <script src="./index.js" type="text/javascript"></script>
    
    <!-- Element Script Files -->
    <script src="./components/button.js"    defer="true"></script>
    <script src="./components/canvas.js"    defer="true"></script>
    <script src="./components/textbox.js"   defer="true"></script>
    <script src="./components/timemenu.js"  defer="true"></script>
    <script src="./components/timer.js"     defer="true"></script>
    <script src="./components/menu.js"      defer="true"></script>
    <script src="./components/user.js"      defer="true"></script>

    <!-- Screen Files-->
    <script src="./screens/screenmanager.js"        defer="true"></script>
    <script src="./screens/startscreen.js"          defer="true"></script>
    <script src="./screens/testscreen.js"           defer="true"></script>
    <script src="./screens/endscreen.js"            defer="true"></script>
    <script src="./screens/accountScreen.js"        defer="true"></script>
    <script src="./screens/signUpScreen.js"         defer="true"></script>
    <script src="./screens/loginscreen.js"          defer="true"></script>
    <script src="./screens/profilescreen.js"        defer="true"></script>
    <script src="./screens/leaderboardscreen.js"    defer="true"></script>
    <script src="./screens/settingsScreen.js"       defer="true"></script>

    <!-- API Script Files -->
    <script src="./api/api.js"  defer="true"></script>
    <script src="./api/user.js" defer="true"></script>
</head>
<body>
    <noscript>Please Enable Javascript</noscript> 
</body>
</html>