tily/carte

doctype html
html(manifest="app.manifest")
  head
    meta(charset="utf-8")
    meta(name="viewport",content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no,minimal-ui")
    meta(name="apple-mobile-web-app-capable",content="yes")
    meta(name="apple-mobile-web-app-status-bar-style",content="black-translucent")
    meta(name="description",content=config.description)
    title= config.title
    script(type="text/javascript",src=config.script_path)
    if config.enable_apple_touch_icon
      link(href='/apple-touch-icon.png',rel='apple-touch-icon')
      for size in ['', '57', '72', '76', '114', '120', '144', '152']
        link(href=config['apple_touch_icon_' + size + '_path'],rel='apple-touch-icon',sizes=size + 'x' + size)

    if config.enable_apple_touch_startup_image
      link(
        href=config["apple_touch_startup_image_1536x2008_path"],
        media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)",
        rel="apple-touch-startup-image"
      )
      link(
        href=config["apple_touch_startup_image_1496x2048_path"],
        media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)",
        rel="apple-touch-startup-image"
      )
      link(
        href=config["apple_touch_startup_image_768x1004_path"],
        media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 1) and (orientation: portrait)",
        rel="apple-touch-startup-image"
      )
      link(
        href=config["apple_touch_startup_image_748x1024_path"],
        media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 1) and (orientation: landscape)",
        rel="apple-touch-startup-image"
      )
      link(
        href=config["apple_touch_startup_image_1242x2148_path"],
        media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)",
        rel="apple-touch-startup-image"
      )
      link(
        href=config["apple_touch_startup_image_1182x2208_path"],
        media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)",
        rel="apple-touch-startup-image"
      )
      link(
        href=config["apple_touch_startup_image_750x1294_path"],
        media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2)",
        rel="apple-touch-startup-image"
      )
      link(
        href=config["apple_touch_startup_image_640x1096_path"],
        media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)",
        rel="apple-touch-startup-image"
      )
      link(
        href=config["apple_touch_startup_image_640x920_path"],
        media="(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2)",
        rel="apple-touch-startup-image"
      )
      link(
        href=config["apple_touch_startup_image_320x460_path"],
        media="(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 1)",
        rel="apple-touch-startup-image"
      )

    style.
      a {
        color: #{config.link_color};
        text-decoration: none;
      }
      a:hover,
      a:focus {
        color: #{config.link_active_color};
        text-decoration: underline;
      }
  body
    #app