{{define "base_header"}}
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8"/>
  <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
  <meta http-equiv="X-UA-Compatible" content="ie=edge"/>

  <title>{{.PageTitle}}</title>

  <meta name="msapplication-TileColor" content="#066fd1"/>
  <meta name="theme-color" content="#066fd1"/>

  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
  <meta name="apple-mobile-web-app-capable" content="yes"/>
  <meta name="mobile-web-app-capable" content="yes"/>
  <meta name="HandheldFriendly" content="True"/>
  <meta name="MobileOptimized" content="320"/>

  <link rel="icon" href="/favicon.ico" type="image/x-icon" />
  <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"/>
  <meta name="description" content="{{.PageDescription}}"/>

  {{template "tabler_css" .}}

  <!-- BEGIN CUSTOM FONT -->
  <style>
    @import url('https://rsms.me/inter/inter.css');
  </style>
  <!-- END CUSTOM FONT -->
</head>
<body{{if .BodyClass}} class="{{.BodyClass}}"{{end}}>
  {{template "tabler_skip_link" .}}
  
  <!-- BEGIN GLOBAL THEME SCRIPT -->
  <script src="/dist/js/tabler-theme.js"></script>
  <!-- END GLOBAL THEME SCRIPT -->
{{end}}

{{define "base_footer"}}
  {{template "tabler_js" .}}
</body>
</html>
{{end}}
