coasian_bargain_country.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")
    title Coasian bargain, country deal
    link(rel="stylesheet", type="text/css", href="public/style.css")
  body.text-responsive
    include includes/header.pug

    include includes/mixins.pug

    div.d-flex.flex-column.flex-lg-row.justify-content-center
      // img(src="public/country_scc_part6.svg")
      div#freeloaderplot
      div#scatterplot(style="@media (min-width: 1200px) {width:60%; margin:0 auto;}")

    // Data description
    div(style="width: 80%; margin:0 auto").py-3
      p The data below is a JSON object that consists of 4 key-value pairs:
        ul
          li
            tt "unilateral_cost"
            |, which contains a JSON object of
            pre {"&ltcountry name&gt": &ltcost of the country's own unilateral action&gt}
          li
            tt "unilateral_benefit"
            |, which contains a JSON object of
            pre {"&ltcountry name&gt": &ltbenefit of the country's own unilateral action&gt}
          li
            tt "freeloader_benefit"
            |, which contains a JSON object with the countries doing the unilateral
            |action as the keys, and the values being the JSON objects of
            pre {"&lt'freeloader' country name&gt": &ltbenefit amount&gt}
          li
            tt "global_benefit"
            |, which contains a JSON object with the country names as the keys,
            |and the fraction of global benefit, scaled by a fraction of the country's
            |social cost of carbon, as the values.
        |The values are in billion dollars.

      // Data
      .px-3.mb-3
        +resultDataDownload

    script(src="https://cdn.jsdelivr.net/npm/d3@7")
    script(src="https://cdn.jsdelivr.net/npm/@observablehq/plot@0.4")
    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 {main} from "./js/coasian_bargain_country.js"
      main()