<!DOCTYPE html>
<html>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<head>
    <script src="scripts/vendor/jquery-3.6.0.min.js"></script>
    <script src="scripts/vendor/loadfile.js"></script>
    <script src="https://kit.fontawesome.com/09beb7ae4a.js" crossorigin="anonymous"></script>
    <link rel="stylesheet" type="text/css" href="styles/reset.css">
    <link rel="stylesheet" type="text/css" href="styles/common.css">
    <link rel="stylesheet" type="text/css" href="styles/layout.css">
    <link rel="stylesheet" type="text/css" href="styles/theme.css">

    <?php include 'scripts/query_handler.php';?>
    <title><?php
        echo $page->name." | Jim Shepich";
    ?></title>
</head>
<body>
    <header id="main-header">
        <span class="silver-text">Jim Shepich III</span>
    </header>
    <nav id="main-navbar">
        <?php include 'scripts/nav.php';?>
    </nav>
    <main>
        <?php
            //echo "<iframe id='content' src='pages/".$page->file."'></iframe>";
            echo file_get_contents(__DIR__ ."/pages/".$page->file);
        ?>
    </main>
    <footer>
        <div id="socials" class="silver-text"><?php include 'scripts/footer.php';?></div>
    </footer>
</body>
<script src="scripts/resize.js"></script>
</html>
