{% extends "base.html" %}

{% block prebody %}
<div class="jumbotron">
    <div class="container">
        <h1>PandExo: An Exoplanet ETC </h1>

        <p>Tools to help the community with planning exoplanet observations.</p>
    </div>
</div>
{% end %}

{% block body %}
<!-- Example row of columns -->
<div class="row">
  <div class="col-md-4">
    <div class="thumbnail">
      <img src="../static/img/getting_started_thumb.jpg" alt="...">
      <div class="caption">
        <h3>Getting Started</h3>
        <p> <a href="about" class="btn btn-primary" role="button">Overview &raquo;</a></p>
      </div>
    </div>
  </div>
    <div class="col-md-4">
    <div class="thumbnail">
      <img src="../static/img/jwst_thumb.jpg" alt="...">
      <div class="caption">
        <h3>JWST</h3>
        <p><a href="/calculation/new" class="btn btn-success" role="button">New Calculation</a> <a href="/dashboard" class="btn btn-default" role="button">Dashboard</a></p>
      </div>
    </div>
  </div>
    <div class="col-md-4">
    <div class="thumbnail">
      <img src="../static/img/hst_thumb.jpg" alt="...">
      <div class="caption">
        <h3>HST</h3>
        <p><a href="/calculation/newHST" class="btn btn-success" role="button">New Calculation</a> <a href="/dashboardhst" class="btn btn-default" role="button">Dashboard</a></p>
      </div>
    </div>
  </div>
</div>

<div class="row">
  <div class="col-md-4">
    <div class="thumbnail">
      <img src="../static/img/known_thumb.jpg" alt="...">
      <div class="caption">
        <h3>Precomputed Noise Models</h3>
        <p> <a href="tables" class="btn btn-primary" role="button">Download &raquo;</a></p>
      </div>
    </div>
  </div>
  <div class="col-md-4">
    <div class="thumbnail">
      <img src="../static/img/models_thumb.jpg" alt="...">
      <div class="caption">
        <h3>Model Transit Spectra</h3>
        <p> <a href="#" class="btn btn-primary" role="button">Emission</a><a href="#" class="btn btn-success" role="button">Transmission</a><a href="#" class="btn btn-default" role="button">Dashboard</a></p>
      </div>
    </div>
  </div>
  <div class="col-md-4">
    <div class="thumbnail">
      <img src="../static/img/python_thumb.jpg" alt="...">
      <div class="caption">
        <h3>Help! PandExo Dictionaries!</h3>
        <p> <a href="https://natashabatalha.github.io/PandExo/jwstdict.html" class="btn btn-primary" role="button">View Tutorial &raquo;</a></p>
      </div>
    </div>
  </div></div>
{% end %}
