38 lines
1.1 KiB
HTML
38 lines
1.1 KiB
HTML
{% load i18n %}
|
|
|
|
<div class="tab-pane fade" id="environmental_impact">
|
|
<h5 class="card-title">{% trans 'Environmental Impact Details' %}</h5>
|
|
<hr />
|
|
|
|
<div class="row mb-3">
|
|
<div class="col-sm-4 text-muted fw-bold">
|
|
{% trans 'Carbon Saved' %}
|
|
</div>
|
|
<div class="col-sm-8">{{ impact.carbon_saved|default:'0.0' }} kg</div>
|
|
</div>
|
|
|
|
<div class="row mb-3">
|
|
<div class="col-sm-4 text-muted fw-bold">
|
|
{% trans 'CO2 Emissions' %}
|
|
</div>
|
|
<div class="col-sm-8">{{ impact.co2_emissions|default:'0.0' }} kg</div>
|
|
</div>
|
|
|
|
<div class="mt-4">
|
|
<button class="btn btn-outline-primary" type="button" data-bs-toggle="collapse" data-bs-target="#docsCollapse" aria-expanded="false" aria-controls="docsCollapse">
|
|
{% trans 'Read about the algorithm insights' %}
|
|
</button>
|
|
|
|
<div class="collapse mt-3" id="docsCollapse">
|
|
<div class="card card-body">
|
|
<div class="markdown-content">
|
|
{{ impact.docs|safe }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- MathJax for LaTeX rendering -->
|
|
<script src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"
|