{{# partial head}}
<link  href="/static/katex-0.7.0/katex.min.css" rel="stylesheet">
<script src="/static/katex-0.7.0/katex.min.js"></script>
<script src="/static/katex-0.7.0/contrib/auto-render.min.js"></script>

<script>
  document.addEventListener("DOMContentLoaded", function() {
    renderMathInElement(document.body);
  });
</script>

<style>
.mfrac { font-size:0.8em; }
.infoblock { margin-left: 0.25em; border-left: 4px solid #BBBBBB; }
#vars_table table { margin-top: 2em; margin-bottom: 2em; width: 100%; }
#vars_table td { text-align: center; }
</style>
{{/partial}}


{{# partial content}}
<h1 style="margin-bottom: 0.1em;">
    <a href="/m/{{namespace}}/" style="color: black; text-decoration: none;">
    {{ namespace }}</a>/{{ model_name }}
</h1>
<span style="font-size: 0.9em;">
{{# if editable }}
  <a href="edit/">edit</a> -
{{/if}}
<a href="markdown/">markdown</a> -
<a href="raw/">original modelica</a>

<br><b>display:</b>
  <a href="repr/?format=latex">latex</a>
{{# if computable }}
<br><b>compile:</b>
  <a href="repr/?format=javascript">javascript</a> -
  <a href="repr/?format=python">python</a> -
  <a href="repr/?format=scheme">scheme</a>
{{/if}}
</span>
<p><i style="color: #222222;">{{ model_description }}</i>

<br><br>

{{# if latex }}
<div id="model_latex" class="infoblock">
$${{ latex }}$$
</div>
{{/if}}

{{# if vars_table }}
<div id="vars_table">
{{{ vars_table}}}
</div>
{{/if}}

{{{ markdown_html }}}

<br>
<h2>Modelica Code</h2>
<pre id="model_modelica" class="infoblock" style="padding: 0.5em;">
{{ modelica }}</pre>
<br>

{{/partial}}
{{~> base.html~}}