modifications from original page.html

Created Diff never expires
0 removals
Lines
Total
Removed
Words
Total
Removed
To continue using this feature, upgrade to
Diffchecker logo
Diffchecker Pro
170 lines
56 additions
Lines
Total
Added
Words
Total
Added
To continue using this feature, upgrade to
Diffchecker logo
Diffchecker Pro
226 lines
{# Copied from https://github.com/pradyunsg/furo/blob/2021.11.23/src/furo/theme/furo/page.html to extend it with the GitHub button.
# When furo gets support for this natively (https://github.com/pradyunsg/furo/discussions/114) remove this file.
#}
{% extends "base.html" %}
{% extends "base.html" %}


{% block body -%}
{% block body -%}
{% include "partials/icons.html" %}
{% include "partials/icons.html" %}
{% from "partials/edit-this-page.html" import determine_page_edit_link with context %}

<style>
/* this was copied from '.theme-toggle' in furo's admonitions.sass.
It causes the button's background to be invisible.

Ideally, this CSS would be unified with that but it can't currently
be because there's a javascript event that gets attached to .theme-toggle.
*/
.btn-github {
background: transparent;
border: none;
cursor: pointer;
padding: 0;
}

.btn-github svg {
color: var(--color-foreground-primary);
width: 1em;
height: 1em;
}

body[data-theme="*"] .btn-github svg {
display: block;
}

.mobile-header .edit-button-container {
float: left;
padding: 1rem .5rem;
}

@media (max-width: 67em) {
.content-icon-container .edit-button-container {
display: none;
}
}
</style>


<input type="checkbox" class="sidebar-toggle" name="__navigation" id="__navigation">
<input type="checkbox" class="sidebar-toggle" name="__navigation" id="__navigation">
<input type="checkbox" class="sidebar-toggle" name="__toc" id="__toc">
<input type="checkbox" class="sidebar-toggle" name="__toc" id="__toc">
<label class="overlay sidebar-overlay" for="__navigation">
<label class="overlay sidebar-overlay" for="__navigation">
<div class="visually-hidden">Hide navigation sidebar</div>
<div class="visually-hidden">Hide navigation sidebar</div>
</label>
</label>
<label class="overlay toc-overlay" for="__toc">
<label class="overlay toc-overlay" for="__toc">
<div class="visually-hidden">Hide table of contents sidebar</div>
<div class="visually-hidden">Hide table of contents sidebar</div>
</label>
</label>


{% if theme_announcement -%}
{% if theme_announcement -%}
<div class="announcement">
<div class="announcement">
<aside class="announcement-content">
<aside class="announcement-content">
{% block announcement %} {{ theme_announcement }} {% endblock announcement %}
{% block announcement %} {{ theme_announcement }} {% endblock announcement %}
</aside>
</aside>
</div>
</div>
{%- endif %}
{%- endif %}


<div class="page">
<div class="page">
<header class="mobile-header">
<header class="mobile-header">
<div class="header-left">
<div class="header-left">
<label class="nav-overlay-icon" for="__navigation">
<label class="nav-overlay-icon" for="__navigation">
<div class="visually-hidden">Toggle site navigation sidebar</div>
<div class="visually-hidden">Toggle site navigation sidebar</div>
<i class="icon"><svg><use href="#svg-menu"></use></svg></i>
<i class="icon"><svg><use href="#svg-menu"></use></svg></i>
</label>
</label>
</div>
</div>
<div class="header-center">
<div class="header-center">
<a href="{{ pathto(master_doc) }}"><div class="brand">{{ docstitle if docstitle else project }}</div></a>
<a href="{{ pathto(master_doc) }}"><div class="brand">{{ docstitle if docstitle else project }}</div></a>
</div>
</div>
<div class="header-right">
<div class="header-right">
<div class="edit-button-container">
<a class="edit-button" href="{{ determine_page_edit_link() }}">
<button type="button" class="btn-github" title="{{ _('Edit this page') }}">
<svg><use href="#svg-github"></use></svg>
</button>
</a>
</div>
<div class="theme-toggle-container theme-toggle-header">
<div class="theme-toggle-container theme-toggle-header">
<button class="theme-toggle">
<button class="theme-toggle">
<div class="visually-hidden">Toggle Light / Dark / Auto color theme</div>
<div class="visually-hidden">Toggle Light / Dark / Auto color theme</div>
<svg class="theme-icon-when-auto"><use href="#svg-sun-half"></use></svg>
<svg class="theme-icon-when-auto"><use href="#svg-sun-half"></use></svg>
<svg class="theme-icon-when-dark"><use href="#svg-moon"></use></svg>
<svg class="theme-icon-when-dark"><use href="#svg-moon"></use></svg>
<svg class="theme-icon-when-light"><use href="#svg-sun"></use></svg>
<svg class="theme-icon-when-light"><use href="#svg-sun"></use></svg>
</button>
</button>
</div>
</div>
<label class="toc-overlay-icon toc-header-icon{% if furo_hide_toc %} no-toc{% endif %}" for="__toc">
<label class="toc-overlay-icon toc-header-icon{% if furo_hide_toc %} no-toc{% endif %}" for="__toc">
<div class="visually-hidden">Toggle table of contents sidebar</div>
<div class="visually-hidden">Toggle table of contents sidebar</div>
<i class="icon"><svg><use href="#svg-toc"></use></svg></i>
<i class="icon"><svg><use href="#svg-toc"></use></svg></i>
</label>
</label>
</div>
</div>
</header>
</header>
<aside class="sidebar-drawer">
<aside class="sidebar-drawer">
<div class="sidebar-container">
<div class="sidebar-container">
{% block left_sidebar %}
{% block left_sidebar %}
<div class="sidebar-sticky">
<div class="sidebar-sticky">
{%- for sidebar_section in sidebars %}
{%- for sidebar_section in sidebars %}
{%- include sidebar_section %}
{%- include sidebar_section %}
{%- endfor %}
{%- endfor %}
</div>
</div>
{% endblock left_sidebar %}
{% endblock left_sidebar %}
</div>
</div>
</aside>
</aside>
<div class="main">
<div class="main">
<div class="content">
<div class="content">
<div class="article-container">
<div class="article-container">
<div class="content-icon-container">
<div class="content-icon-container">
<div class="edit-button-container">
<a class="edit-button" href="{{ determine_page_edit_link() }}">
<button type="button" class="btn-github" title="{{ _('Edit this page') }}">
<svg><use href="#svg-github"></use></svg>
</button>
</a>
</div>
<div class="theme-toggle-container theme-toggle-content">
<div class="theme-toggle-container theme-toggle-content">
<button class="theme-toggle">
<button class="theme-toggle">
<div class="visually-hidden">Toggle Light / Dark / Auto color theme</div>
<div class="visually-hidden">Toggle Light / Dark / Auto color theme</div>
<svg class="theme-icon-when-auto"><use href="#svg-sun-half"></use></svg>
<svg class="theme-icon-when-auto"><use href="#svg-sun-half"></use></svg>
<svg class="theme-icon-when-dark"><use href="#svg-moon"></use></svg>
<svg class="theme-icon-when-dark"><use href="#svg-moon"></use></svg>
<svg class="theme-icon-when-light"><use href="#svg-sun"></use></svg>
<svg class="theme-icon-when-light"><use href="#svg-sun"></use></svg>
</button>
</button>
</div>
</div>
<label class="toc-overlay-icon toc-content-icon{% if furo_hide_toc %} no-toc{% endif %}" for="__toc">
<label class="toc-overlay-icon toc-content-icon{% if furo_hide_toc %} no-toc{% endif %}" for="__toc">
<div class="visually-hidden">Toggle table of contents sidebar</div>
<div class="visually-hidden">Toggle table of contents sidebar</div>
<i class="icon"><svg><use href="#svg-toc"></use></svg></i>
<i class="icon"><svg><use href="#svg-toc"></use></svg></i>
</label>
</label>
</div>
</div>
<article role="main">
<article role="main">
{% block content %}{{ body }}{% endblock %}
{% block content %}{{ body }}{% endblock %}
</article>
</article>
</div>
</div>
<footer>
<footer>
{% block footer %}
{% block footer %}
<div class="related-pages">
<div class="related-pages">
{% if next -%}
{% if next -%}
<a class="next-page" href="{{ next.link }}">
<a class="next-page" href="{{ next.link }}">
<div class="page-info">
<div class="page-info">
<div class="context">
<div class="context">
<span>{{ _("Next") }}</span>
<span>{{ _("Next") }}</span>
</div>
</div>
<div class="title">{{ next.title }}</div>
<div class="title">{{ next.title }}</div>
</div>
</div>
<svg><use href="#svg-arrow-right"></use></svg>
<svg><use href="#svg-arrow-right"></use></svg>
</a>
</a>
{%- endif %}
{%- endif %}
{% if prev -%}
{% if prev -%}
<a class="prev-page" href="{{ prev.link }}">
<a class="prev-page" href="{{ prev.link }}">
<svg><use href="#svg-arrow-right"></use></svg>
<svg><use href="#svg-arrow-right"></use></svg>
<div class="page-info">
<div class="page-info">
<div class="context">
<div class="context">
<span>{{ _("Previous") }}</span>
<span>{{ _("Previous") }}</span>
</div>
</div>
{% if prev.link == pathto(master_doc) %}
{% if prev.link == pathto(master_doc) %}
<div class="title">{{ _("Home") }}</div>
<div class="title">{{ _("Home") }}</div>
{% else %}
{% else %}
<div class="title">{{ prev.title }}</div>
<div class="title">{{ prev.title }}</div>
{% endif %}
{% endif %}
</div>
</div>
</a>
</a>
{%- endif %}
{%- endif %}
</div>
</div>


<div class="related-information">
<div class="related-information">
{%- if show_copyright %}
{%- if show_copyright %}
{%- if hasdoc('copyright') %}
{%- if hasdoc('copyright') %}
{% trans path=pathto('copyright'), copyright=copyright|e -%}
{% trans path=pathto('copyright'), copyright=copyright|e -%}
<a href="{{ path }}">Copyright</a> &#169; {{ copyright }}.
<a href="{{ path }}">Copyright</a> &#169; {{ copyright }}.
{%- endtrans %}
{%- endtrans %}
{%- else %}
{%- else %}
{% trans copyright=copyright|e -%}
{% trans copyright=copyright|e -%}
Copyright &#169; {{ copyright }}
Copyright &#169; {{ copyright }}
{%- endtrans %}
{%- endtrans %}
{%- endif %}
{%- endif %}
{%- endif %}
{%- endif %}
{%- if last_updated %}
{%- if last_updated %}
{%- if show_copyright %} | {%- endif %}
{%- if show_copyright %} | {%- endif %}
{% trans last_updated=last_updated|e -%}
{% trans last_updated=last_updated|e -%}
Last updated on {{ last_updated }}.
Last updated on {{ last_updated }}.
{%- endtrans %}
{%- endtrans %}
{%- endif %}
{%- endif %}
{%- if show_copyright or last_updated %} | {%- endif %}
{%- if show_copyright or last_updated %} | {%- endif %}
{% trans %}Created using {% endtrans -%}
{% trans %}Created using {% endtrans -%}
{%- if show_sphinx -%}
{%- if show_sphinx -%}
{% trans %}<a href="https://www.sphinx-doc.org/">Sphinx</a> and {% endtrans -%}
{% trans %}<a href="https://www.sphinx-doc.org/">Sphinx</a> and {% endtrans -%}
{% endif -%}
{% endif -%}
{%- trans -%}
{%- trans -%}
<a class="muted-link" href="https://pradyunsg.me">@pradyunsg</a>'s
<a class="muted-link" href="https://pradyunsg.me">@pradyunsg</a>'s
<a href="https://github.com/pradyunsg/furo">Furo theme</a>.
<a href="https://github.com/pradyunsg/furo">Furo theme</a>.
{%- endtrans %}
{%- endtrans %}
{%- if show_source and has_source and sourcename %}
{%- if show_source and has_source and sourcename %}
| <a class="muted-link" href="{{ pathto('_sources/' + sourcename, true)|e }}"
| <a class="muted-link" href="{{ pathto('_sources/' + sourcename, true)|e }}"
rel="nofollow">
rel="nofollow">
{{ _('Show Source') }}
{{ _('Show Source') }}
</a>
</a>
{%- endif %}
{%- endif %}
</div>
</div>
{% endblock footer %}
{% endblock footer %}
</footer>
</footer>
</div>
</div>
<aside class="toc-drawer{% if furo_hide_toc %} no-toc{% endif %}">
<aside class="toc-drawer{% if furo_hide_toc %} no-toc{% endif %}">
{% block right_sidebar %}
{% block right_sidebar %}
{% if not furo_hide_toc %}
{% if not furo_hide_toc %}
<div class="toc-sticky toc-scroll">
<div class="toc-sticky toc-scroll">
<div class="toc-title-container">
<div class="toc-title-container">
<span class="toc-title">
<span class="toc-title">
{{ _("Contents") }}
{{ _("Contents") }}
</span>
</span>
</div>
</div>
<div class="toc-tree-container">
<div class="toc-tree-container">
<div class="toc-tree">
<div class="toc-tree">
{{ toc }}
{{ toc }}
</div>
</div>
</div>
</div>
</div>
</div>
{% endif %}
{% endif %}
{% endblock right_sidebar %}
{% endblock right_sidebar %}
</aside>
</aside>
</div>
</div>
</div>
</div>
{%- endblock %}
{%- endblock %}