description = "Default Layout"

[CurrentInfo]
==
<!doctype html>
<html lang="en">
    <head>
        <!-- Required meta tags -->
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

        <!-- Bootstrap CSS -->
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha256-aAr2Zpq8MZ+YA/D6JtRD3xtrwpEz2IqOS+pWD/7XKIw=" crossorigin="anonymous" />

        <link href="https://fonts.googleapis.com/css2?family=Cinzel&family=Raleway:ital@0;1&display=swap" rel="stylesheet">
        <link href="{{ 'assets/css/theme.css'|theme }}" rel="stylesheet">
        {% styles %}
        <link rel="icon" type="image/png" sizes="32x32" href="{{ 'assets/images/favicon-32x32.png'|theme }}">
        <link rel="icon" type="image/png" sizes="16x16" href="{{ 'assets/images/favicon-16x16.png'|theme }}">
        <title>{{ this.page.title }} - Ja.son-Williams.ca</title>
    </head>
    <body id="page-top" class="d-flex flex-column">
        <div id="page-content">
            <header>
                <nav class="navbar navbar-expand-lg navbar-light" id="main-nav">
                    <a class="navbar-brand" href="/"><span class="d-none d-sm-inline-block">Jason <span class="altaccent">Williams</span></span></a></a>
                    {% partial 'mainmenu' %}
                </nav>
            </header>
  
            <main>
                <div class="container-fluid">
                    {% page %}
                </div>
            </main>
        </div>

        <footer class="footer static-bottom">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-md-4">
                        <p>©2020 Jason Williams</p>
                        <ul class="d-none d-md-block">
                            <li><a href="/">Home</a></li>
                            <li><a href="/resume">Résumé</a></li>
                            <li><a href="/feed">Feed</a></li>
                            <li><a href="/contact">Contact Me</a></li>
                            <li><a href="/pgp">PGP Public Key</a></li>
                        </ul>
                        {% component 'CurrentInfo' %}
                        <p>Made with <i class="fas fa-heart"></i> in #YYC<br><a href="https://www.madeinyyc.com/"><img src="{{ 'assets/images/madeinyyc.png'|theme }}"></a></p>
                    </div>
                    <div class="col-md-4">
                        <!-- <p>Recent Projects</p> -->
                    </div>
                    <div class="col-md-4">
                        <!-- <p>Recent Blog Posts</p> -->
                    </div>
            </div>
        </footer>

        {% if 'dev' not in url('/') %}<script async src="https://www.googletagmanager.com/gtag/js?id=UA-167178542-1"></script>{% endif %}
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js" integrity="sha256-x3YZWtRjM8bJqf48dFAv/qmgL68SI4jqNWeSLMZaMGA=" crossorigin="anonymous"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha256-OFRAJNoaD8L3Br5lglV7VyLRf0itmoBzWUoM+Sji4/8=" crossorigin="anonymous"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/js/all.min.js" integrity="sha256-KzZiKy0DWYsnwMF+X1DvQngQ2/FxF7MF3Ff72XcpuPs=" crossorigin="anonymous"></script>
        {% framework extras %}
        <script src="https://cdnjs.cloudflare.com/ajax/libs/masonry/4.2.2/masonry.pkgd.min.js"></script>
        <script src="{{ 'assets/javascript/common.js' | theme }}"></script>
        {% scripts %}
    </body>
</html>