opportunity_costs_map.pug

doctype html
html(lang="en")
  head
    meta(charset="utf-8")
    link(href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous")
    style.
      body {
        font-family: sans-serif;
      }

      .country {
        stroke-width: 1px;
      }

      .country:hover {
        opacity: 1 !important;
        stroke: black !important;
        stroke-width: 1px !important;
      }

      div.tooltip {
        position: absolute;
        text-align: center;
        //width: 60px;
        //height: 28px;
        padding: 2px;
        font: 12px sans-serif;
        background: lightsteelblue;
        border: 0px;
        border-radius: 8px;
        pointer-events: none;
      }
    link(rel="stylesheet", type="text/css", href="public/style.css")
  body.text-responsive
    include includes/header.pug

    include includes/mixins.pug

    div(style="width: 80%; margin:0 auto;")
      |World map showing the present value of the opportunity costs of coal.

    // Output
    svg#legend(style="height: 60px; margin:0px auto;").d-flex
    svg#map(style="margin:0px auto;").d-flex
    div(style="margin:0 auto").d-flex.flex-wrap.justify-content-center
      .flex-column

        +phaseoutScenario
        +timeHorizonIncluding2030
        +discountRate
        +opportunityCostsType

    // Data
    .px-3.mb-3
      +resultDataDownloadCSV("The country codes are according to ISO-3166")

    script(src="https://d3js.org/d3.v7.min.js")
    script(src="https://d3js.org/topojson.v3.min.js")
    script(src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous")
    // Needed to enable Bootstrap tooltips
    script(src="js/enable_tooltips.js")
    script(type="module").
      import {calculate} from "./js/opportunity_costs_map.js"
      window.calculate = calculate