mirror of
https://github.com/aykhans/AzSuicideDataVisualization.git
synced 2025-04-22 10:28:02 +00:00
160 lines
3.4 KiB
Django/Jinja
160 lines
3.4 KiB
Django/Jinja
{%- extends 'base.html.j2' -%}
|
|
{% from 'mathjax.html.j2' import mathjax %}
|
|
{% from 'jupyter_widgets.html.j2' import jupyter_widgets %}
|
|
|
|
{%- block header -%}
|
|
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
{%- block html_head -%}
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
{% set nb_title = nb.metadata.get('title', '') or resources['metadata']['name'] %}
|
|
<title>{{nb_title}}</title>
|
|
|
|
{%- block html_head_js -%}
|
|
{%- block html_head_js_requirejs -%}
|
|
<script src="{{ resources.require_js_url }}"></script>
|
|
{%- endblock html_head_js_requirejs -%}
|
|
{%- endblock html_head_js -%}
|
|
|
|
{% block jupyter_widgets %}
|
|
{%- if "widgets" in nb.metadata -%}
|
|
{{ jupyter_widgets(resources.jupyter_widgets_base_url, resources.html_manager_semver_range, resources.widget_renderer_url) }}
|
|
{%- endif -%}
|
|
{% endblock jupyter_widgets %}
|
|
|
|
{% block extra_css %}
|
|
{% endblock extra_css %}
|
|
|
|
{% for css in resources.inlining.css -%}
|
|
<style type="text/css">
|
|
{{ css }}
|
|
</style>
|
|
{% endfor %}
|
|
|
|
{% block notebook_css %}
|
|
{{ resources.include_css("static/index.css") }}
|
|
{% if resources.theme == 'dark' %}
|
|
{{ resources.include_css("static/theme-dark.css") }}
|
|
{% elif resources.theme == 'light' %}
|
|
{{ resources.include_css("static/theme-light.css") }}
|
|
{% else %}
|
|
{{ resources.include_lab_theme(resources.theme) }}
|
|
{% endif %}
|
|
<style type="text/css">
|
|
/* Force rendering true colors when outputing to pdf */
|
|
* {
|
|
-webkit-print-color-adjust: exact;
|
|
}
|
|
|
|
/* Misc */
|
|
a.anchor-link {
|
|
display: none;
|
|
}
|
|
|
|
.highlight {
|
|
margin: 0.4em;
|
|
}
|
|
|
|
/* Input area styling */
|
|
.jp-InputArea {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.jp-InputArea-editor {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.CodeMirror pre {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
/* Using table instead of flexbox so that we can use break-inside property */
|
|
/* CSS rules under this comment should not be required anymore after we move to the JupyterLab 4.0 CSS */
|
|
|
|
|
|
.jp-CodeCell.jp-mod-outputsScrolled .jp-OutputArea-prompt {
|
|
min-width: calc(
|
|
var(--jp-cell-prompt-width) - var(--jp-private-cell-scrolling-output-offset)
|
|
);
|
|
}
|
|
|
|
.jp-OutputArea-child {
|
|
display: table;
|
|
width: 100%;
|
|
}
|
|
|
|
.jp-OutputPrompt {
|
|
display: table-cell;
|
|
vertical-align: top;
|
|
min-width: var(--jp-cell-prompt-width);
|
|
}
|
|
|
|
body[data-format='mobile'] .jp-OutputPrompt {
|
|
display: table-row;
|
|
}
|
|
|
|
.jp-OutputArea-output {
|
|
display: table-cell;
|
|
width: 100%;
|
|
}
|
|
|
|
body[data-format='mobile'] .jp-OutputArea-child .jp-OutputArea-output {
|
|
display: table-row;
|
|
}
|
|
|
|
.jp-OutputArea-output.jp-OutputArea-executeResult {
|
|
width: 100%;
|
|
}
|
|
|
|
/* Hiding the collapser by default */
|
|
.jp-Collapser {
|
|
display: none;
|
|
}
|
|
|
|
@media print {
|
|
.jp-Cell-inputWrapper,
|
|
.jp-Cell-outputWrapper {
|
|
display: block;
|
|
}
|
|
|
|
.jp-OutputArea-child {
|
|
break-inside: avoid-page;
|
|
}
|
|
}
|
|
</style>
|
|
|
|
{% endblock notebook_css %}
|
|
|
|
{%- block html_head_js_mathjax -%}
|
|
{{ mathjax(resources.mathjax_url) }}
|
|
{%- endblock html_head_js_mathjax -%}
|
|
|
|
{%- block html_head_css -%}
|
|
{%- endblock html_head_css -%}
|
|
|
|
{%- endblock html_head -%}
|
|
</head>
|
|
{%- endblock header -%}
|
|
|
|
{%- block body_header -%}
|
|
{% if resources.theme == 'dark' %}
|
|
<body class="jp-Notebook" data-jp-theme-light="false" data-jp-theme-name="JupyterLab Dark">
|
|
{% else %}
|
|
<body class="jp-Notebook" data-jp-theme-light="true" data-jp-theme-name="JupyterLab Light">
|
|
{% endif %}
|
|
{%- endblock body_header -%}
|
|
|
|
{% block body_footer %}
|
|
</body>
|
|
{% endblock body_footer %}
|
|
|
|
{% block footer %}
|
|
{% block footer_js %}
|
|
{% endblock footer_js %}
|
|
{{ super() }}
|
|
</html>
|
|
{% endblock footer %}
|