{% load static %} {% load unicorn %} {# Indicate which Character Encoding set the browser should use #} {# Title of the page (located in the tab header) #} {% block tabtitle %}{% endblock %} {# Set the icons to use in the tab header #} {# Set meta data for responsive viewport scaling/size (i.e. phone vs monitor) #} {# Load CSS #} {# CodeHilite CSS #} {# Load Plotly Javascript #} {# Django-unicorn scripts (+custom styling) for dynamic webpages / AJAX calls #} {% unicorn_scripts %} {# Load the RDKit JS file #} {# Load ChemDoodle JS and CSS #} {% comment %} For customized servers that use ChemDraw instead of ChemDoodle, you can specify your ChemDraw server like so (this is the official server as an example): All ChemDoodle JS/CSS code in the section above this can then be removed. In addition, the custom simmate javascript "chemdoodle_utils" needs to be replaced with: NOTE: ChemDraw requires a license, which you can place in any app folder with the following path: static/licenses/ChemDraw-JS-License.xml Then set this in the header as well: {% endcomment %} {# Custom Simmate Javascript for molecule sketching + images #} {# Custom Simmate Javascript #} {# Some pages may require extra lines in the header such as loading extra libraries #} {% block extraheader %}{% endblock %} {# token always required for Django-Unicorn #} {% csrf_token %} {# Pre-loader #}
{# The navigation bar is the same for every webpage #} {% include "core_components/navbar.html" %} {% if not fullpage_dashboard %} {# This is the main portion of the webpage. The sidebar and footbar are always present, and the remainder of the page varies. #}
{% include "core_components/sidebar_left.html" %}
{% block breadcrumbs %} {% include "basic_elements/breadcrumbs.html" %} {% endblock %} {% block body %}{% endblock %}
{% include "core_components/footerbar.html" %}
{% else %} {# Some streamlit dashboards are best displayed as a full page. This setup is rare and more rigid #}
{% include "basic_elements/breadcrumbs.html" %}
{% include "core_components/footerbar.html" %}
{% endif %} {# Many packages for JS libraries should be loaded last #} {% include "core_components/footer.html" %} {# Sometimes we load extra javascript at the bottom of the page #} {% block extrafooter %}{% endblock %}