{% macro make_header(title, js_bundle=none, css_bundle=none) %}
    <!-- OpenGraph integration meta -->
    <meta property="og:title" content="{{ title }}"/>
    <meta property="og:url" content="https://enpaul.net/"/>
    <meta property='og:site_name' content="Disclose My Pay"/>
    <meta property="og:type" content="website"/>
    <meta property='og:locale' content="en_US"/>
    <meta property="og:image" content="{{ 'static' | url_for('assets/section7.png') }}"/>
    <meta property='og:description' content="Share your compensation information privately with your coworkers"/>

    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <meta name="author" content="admin@enp.one"/>
    <meta name="description" content="Share your compensation information privately with your coworkers"/>

    <title>{{ title }}</title>
    <link rel="shortcut icon" href="{{ 'static' | url_for('assets/section7.ico') }}">
    <link rel="icon" type="image/ico" href="{{ 'static' | url_for('assets/section7.ico') }}" sizes="32x32">
    <link rel="icon" type="image/ico" href="{{ 'static' | url_for('assets/section7.ico') }}" sizes="16x16">
    <link rel="icon" type="image/ico" href="{{ 'static' | url_for('assets/section7.ico') }}" sizes="8x8">

    <!-- third party includes -->
    <link
      rel="stylesheet"
      href="https://use.fontawesome.com/releases/v5.6.3/css/all.css"
      integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/"
      crossorigin="anonymous"
    />
    <link
      rel="stylesheet"
      href="https://cdn.jsdelivr.net/npm/foundation-sites@6.6.3/dist/css/foundation.min.css"
      integrity="sha256-ogmFxjqiTMnZhxCqVmcqTvjfe1Y/ec4WaRj/aQPvn+I="
      crossorigin="anonymous"
    />
    <script
      type="text/javascript"
      src="https://code.jquery.com/jquery-3.6.0.min.js"
      integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="
      crossorigin="anonymous"
    ></script>
    <script
      type="text/javascript"
      src="https://cdn.jsdelivr.net/npm/foundation-sites@6.6.3/dist/js/foundation.min.js"
      integrity="sha256-pRF3zifJRA9jXGv++b06qwtSqX1byFQOLjqa2PTEb2o="
      crossorigin="anonymous"
    ></script>

    {% if js_bundle is not none %}{% assets js_bundle %}
    <script type="text/javascript" src="{{ ASSET_URL }}"></script>
    {% endassets %}{% endif %}

    {% if css_bundle is not none %}{% assets css_bundle %}
    <link href="{{ ASSET_URL }}" rel="stylesheet">
    {% endassets %}{% endif %}
{% endmacro %}