<!DOCTYPE html>
<html dir="ltr">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- Tell the browser to be responsive to screen width -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="keywords"
        content="wrappixel, admin dashboard, html css dashboard, web dashboard, bootstrap 5 admin, bootstrap 5, css3 dashboard, bootstrap 5 dashboard, materialpro admin bootstrap 5 dashboard, frontend, responsive bootstrap 5 admin template, materialpro admin lite design, materialpro admin lite dashboard bootstrap 5 dashboard template">
    <meta name="description"
        content="Cyber Boardroom - The one stop shop boards of directors rely on for their cyber readiness">

    <title id="title">{% block title %}{% endblock %} | Cyber Boardroom</title>

    <!-- Favicon icon -->
    <link rel="icon" type="image/png" sizes="16x16" href="{{ config.ASSETS_ROOT }}/cbr/tcb-favicon.png">

    <!-- Specific Page CSS goes HERE  -->
    {% block stylesheets %}{% endblock stylesheets %}

    <!-- Custom CSS -->
    <link href="{{ config.ASSETS_ROOT }}/css/style.min.css" rel="stylesheet">
    <link href="{{ config.ASSETS_ROOT }}/css/style.cbr-fixes.css" rel="stylesheet">


    <!-- Google tag (gtag.js) -->
<!--    <script async src="https://www.googletagmanager.com/gtag/js?id=G-RQ4835VZ7B"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());

      gtag('config', 'G-RQ4835VZ7B');
    </script>-->
</head>
<body>
    {% include 'includes/scripts.html' %}

    <div class="main-wrapper">
        {% block content %}{% endblock content %}
    </div>



    <!-- Specific Page JS goes HERE  -->
    {% block javascripts %}

        <!-- TODO: Refactor this to so that it is done via CSS -->
    <script>
        $('.page-title').css('font-size', '25px')
    </script>
    {% endblock javascripts %}

</body>
</html>