index.html.j2 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141
  1. {%- extends 'base.html.j2' -%}
  2. {% from 'mathjax.html.j2' import mathjax %}
  3. {% from 'mermaidjs.html.j2' import mermaid_js %}
  4. {% from 'jupyter_widgets.html.j2' import jupyter_widgets %}
  5. {%- block header -%}
  6. <!DOCTYPE html>
  7. <html lang="{{ resources.language_code }}">
  8. <head>
  9. {%- block html_head -%}
  10. <meta charset="utf-8" />
  11. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  12. {% set nb_title = nb.metadata.get('title', resources['metadata']['name']) | escape_html_keep_quotes %}
  13. <title>{{nb_title}}</title>
  14. {%- block html_head_js -%}
  15. {%- block html_head_js_requirejs -%}
  16. <script src="{{ resources.require_js_url }}"></script>
  17. {%- endblock html_head_js_requirejs -%}
  18. {%- endblock html_head_js -%}
  19. {% block jupyter_widgets %}
  20. {%- if "widgets" in nb.metadata -%}
  21. {{ jupyter_widgets(resources.jupyter_widgets_base_url, resources.html_manager_semver_range, resources.widget_renderer_url) }}
  22. {%- endif -%}
  23. {% endblock jupyter_widgets %}
  24. {% block extra_css %}
  25. {% endblock extra_css %}
  26. {% for css in resources.inlining.css -%}
  27. <style type="text/css">
  28. {{ css }}
  29. </style>
  30. {% endfor %}
  31. {% block notebook_css %}
  32. {{ resources.include_css("static/index.css") }}
  33. {% if resources.theme == 'dark' %}
  34. {{ resources.include_css("static/theme-dark.css") }}
  35. {% elif resources.theme == 'light' %}
  36. {{ resources.include_css("static/theme-light.css") }}
  37. {% else %}
  38. {{ resources.include_lab_theme(resources.theme) }}
  39. {% endif %}
  40. <style type="text/css">
  41. /* Force rendering true colors when outputing to pdf */
  42. * {
  43. -webkit-print-color-adjust: exact;
  44. }
  45. /* Misc */
  46. a.anchor-link {
  47. display: none;
  48. }
  49. /* Input area styling */
  50. .jp-InputArea {
  51. overflow: hidden;
  52. }
  53. .jp-InputArea-editor {
  54. overflow: hidden;
  55. }
  56. .cm-editor.cm-s-jupyter .highlight pre {
  57. /* weird, but --jp-code-padding defined to be 5px but 4px horizontal padding is hardcoded for pre.cm-line */
  58. padding: var(--jp-code-padding) 4px;
  59. margin: 0;
  60. font-family: inherit;
  61. font-size: inherit;
  62. line-height: inherit;
  63. color: inherit;
  64. }
  65. .jp-OutputArea-output pre {
  66. line-height: inherit;
  67. font-family: inherit;
  68. }
  69. .jp-RenderedText pre {
  70. color: var(--jp-content-font-color1);
  71. font-size: var(--jp-code-font-size);
  72. }
  73. /* Hiding the collapser by default */
  74. .jp-Collapser {
  75. display: none;
  76. }
  77. @page {
  78. margin: 0.5in; /* Margin for each printed piece of paper */
  79. }
  80. @media print {
  81. .jp-Cell-inputWrapper,
  82. .jp-Cell-outputWrapper {
  83. display: block;
  84. }
  85. }
  86. </style>
  87. {% endblock notebook_css %}
  88. {%- block html_head_js_mathjax -%}
  89. {{ mathjax(resources.mathjax_url) }}
  90. {%- endblock html_head_js_mathjax -%}
  91. {%- block html_head_js_mermaidjs -%}
  92. {{ mermaid_js(resources.mermaid_js_url, resources.mermaid_layout_elk_js_url) }}
  93. {%- endblock html_head_js_mermaidjs -%}
  94. {%- block html_head_css -%}
  95. {%- endblock html_head_css -%}
  96. {%- endblock html_head -%}
  97. </head>
  98. {%- endblock header -%}
  99. {%- block body_header -%}
  100. {% if resources.theme == 'dark' %}
  101. <body class="jp-Notebook" data-jp-theme-light="false" data-jp-theme-name="JupyterLab Dark">
  102. {% else %}
  103. <body class="jp-Notebook" data-jp-theme-light="true" data-jp-theme-name="JupyterLab Light">
  104. {% endif %}
  105. <main>
  106. {%- endblock body_header -%}
  107. {% block body_footer %}
  108. </main>
  109. </body>
  110. {% endblock body_footer %}
  111. {% block footer %}
  112. {% block footer_js %}
  113. {% endblock footer_js %}
  114. {{ super() }}
  115. </html>
  116. {% endblock footer %}