doctype html
html
  head
    title= title
    meta(name="viewport" content="width=device-width, initial-scale=1" charset="utf-8")
    link(href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css"
      rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65"
      crossorigin="anonymous")
    link(rel="stylesheet" href="https://unpkg.com/leaflet@1.9.3/dist/leaflet.css"
      integrity="sha256-kLaT2GOSpHechhsozzB+flnD+zUyjE2LlfWPgU04xyI="
      crossorigin="")
    link(rel='stylesheet', href='/stylesheets/MarkerCluster.css')
    link(rel="stylesheet" href="https://code.jquery.com/ui/1.14.0/themes/base/jquery-ui.css")
    link(rel='stylesheet', href='/spin.js/spin.css')


    script.
      const sysparams = {
        version: '#{version}',
        date: '#{date}',
        csid: '#{csensor}',
        category: '#{category}'
        };

    link(rel='stylesheet', href='/stylesheets/style.css')

  body
    #wrapper
      block content
      footer
        #author
          #mailadr
            a(href="mailto:rexfue@gmail.com") mailto:rexfue@gmail.com
          #versn #{t('Version')}: #{version} #{t('from')} #{date}

    script(src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"
      integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4"
      crossorigin="anonymous")
    script(src="https://unpkg.com/leaflet@1.9.3/dist/leaflet.js"
      integrity="sha256-WBkoXOwTeyKclOHuWtc+i2uENFpDZ9YPdf5Hf+D7ewM="
      crossorigin="")
    script(src="/javascripts/leaflet.markercluster.js")
    script(src="https://code.highcharts.com/highcharts.js")
    script(src="https://code.jquery.com/jquery-3.7.1.min.js")
    script(src="https://code.jquery.com/ui/1.14.0/jquery-ui.min.js")
    script(type="module" src="/javascripts/global.js")