{% extends 'layouts/base.html' %}

{% block stylesheets %}
    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
    <!--
      manifest.json provides metadata used when your web app is installed on a
      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
    -->
    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
    <link href="{{ ASSETS_ROOT }}/css/main.073c9b0a.css" rel="stylesheet">
    <!--
      Notice the use of %PUBLIC_URL% in the tags above.
      It will be replaced with the URL of the `public` folder during the build.
      Only files inside the `public` folder can be referenced from the HTML.

      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
      work correctly both with client-side routing and a non-root public URL.
      Learn how to configure a non-root public URL by running `npm run build`.
    -->
{% endblock stylesheets %}

{% block content %}
    <h1>Uncertainty</h1>
    <div class="row">
        <div class="col-12 mb-4">
            <div class="card bg-white-100 border-0 shadow">
                <div class="card-header d-sm-flex flex-row align-items-center flex-0">
                    <div class="d-block mb-3 mb-sm-0">
                        <div class="fs-5 fw-normal mb-2">Random Variables</div>
                    </div>
                </div>
                <div class="card-body p-2">
                    <div class="d-block mb-3 mb-sm-0">
                      <div id="root"></div>
                    </div>
                </div>
            </div>
        </div>

  </div>

{% endblock content %}

{% block javascripts %}
<script defer="defer" src="{{ ASSETS_ROOT }}/js/main.1c459f17.js"></script>
{% endblock javascripts %}

