{% extends "base.html" %}
{% block title %}{{ s.title }} — Gordon{% endblock %}
{% block head %}
  <script src="/static/vendor/plotly.min.js"></script>
{% endblock %}
{% block content %}

<section class="prose">
  <p><a href="/studies">← Studies</a></p>
  <h1>{{ s.title }}</h1>
  <div class="callout">
    <h3>The reading <span class="sc-interp-pill">heterodox lens</span></h3>
    <p>{{ s.thesis }}</p>
  </div>
  <p class="note">Interpretation is labeled as interpretation. The underlying series are official
     BLS/BEA data (or, where noted, an explicitly constructed classification) and are downloadable
     below each chart and in the <a href="/explorer">Explorer</a>.</p>
</section>

<section class="prose">
  {% for c in charts %}
  <div data-chart="{{ c.key }}"></div>
  {% endfor %}
</section>

{% endblock %}
{% block body_scripts %}
  <script src="/static/js/sc-charts.js"></script>
{% endblock %}