Compare text

Find the difference between two text files

Real-time diff

Unified diff

Collapse lines

Highlight change

Syntax highlighting

Tools

modifications from original page.html

Created 2 years agoDiff never expires

0 removals

170 lines

56 additions

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" %}

{% block body -%}

{% 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>

<div class="visually-hidden">Hide navigation sidebar</div>

</label>

<div class="visually-hidden">Hide table of contents sidebar</div>

</label>

{% if theme_announcement -%}

{% block announcement %} {{ theme_announcement }} {% endblock announcement %}

</aside>

</div>

{%- endif %}

<div class="visually-hidden">Toggle site navigation sidebar</div>

</label>

</div>

<a href="{{ pathto(master_doc) }}"><div class="brand">{{ docstitle if docstitle else project }}</div></a>

</div>

</button>

</a>

</div>

<div class="visually-hidden">Toggle Light / Dark / Auto color theme</div>

</button>

</div>

<div class="visually-hidden">Toggle table of contents sidebar</div>

</label>

</div>

</header>

{% block left_sidebar %}

{%- for sidebar_section in sidebars %}

{%- include sidebar_section %}

{%- endfor %}

</div>

{% endblock left_sidebar %}

</div>

</aside>

</button>

</a>

</div>

<div class="visually-hidden">Toggle Light / Dark / Auto color theme</div>

</button>

</div>

<div class="visually-hidden">Toggle table of contents sidebar</div>

</label>

</div>

{% block content %}{{ body }}{% endblock %}

</article>

</div>

{% block footer %}

{% if next -%}

</div>

<div class="title">{{ next.title }}</div>

</div>

</a>

{%- endif %}

{% if prev -%}

<span>{{ _("Previous") }}</span>

</div>

{% if prev.link == pathto(master_doc) %}

{% else %}

<div class="title">{{ prev.title }}</div>

{% endif %}

</div>

</a>

{%- endif %}

</div>

{%- if show_copyright %}

{%- if hasdoc('copyright') %}

{% trans path=pathto('copyright'), copyright=copyright|e -%}

{%- endtrans %}

{%- else %}

{% trans copyright=copyright|e -%}

{%- endtrans %}

{%- endif %}

{%- if last_updated %}

{%- if show_copyright %} | {%- endif %}

{% trans last_updated=last_updated|e -%}

Last updated on {{ last_updated }}.

{%- endtrans %}

{%- endif %}

{%- if show_copyright or last_updated %} | {%- endif %}

{% trans %}Created using {% endtrans -%}

{%- if show_sphinx -%}

{% trans %}<a href="https://www.sphinx-doc.org/">Sphinx</a> and {% endtrans -%}

{% endif -%}

{%- trans -%}

<a class="muted-link" href="https://pradyunsg.me">@pradyunsg</a>'s

<a href="https://github.com/pradyunsg/furo">Furo theme</a>.

{%- endtrans %}

{%- if show_source and has_source and sourcename %}

| <a class="muted-link" href="{{ pathto('_sources/' + sourcename, true)|e }}"

rel="nofollow">

</a>

{%- endif %}

</div>

{% endblock footer %}

</footer>

</div>

{% block right_sidebar %}

{% if not furo_hide_toc %}

</span>

</div>

</div>

{% endif %}

{% endblock right_sidebar %}

</aside>

</div>

{%- endblock %}

Saved diffs

Original text

Open file

{% extends "base.html" %}

{% block body -%}
{% include "partials/icons.html" %}

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

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

<div class="page">
  <header class="mobile-header">
    <div class="header-left">
      <label class="nav-overlay-icon" for="__navigation">
        <div class="visually-hidden">Toggle site navigation sidebar</div>
        <i class="icon"><svg><use href="#svg-menu"></use></svg></i>
      </label>
    </div>
    <div class="header-center">
      <a href="{{ pathto(master_doc) }}"><div class="brand">{{ docstitle if docstitle else project }}</div></a>
    </div>
    <div class="header-right">
      <div class="theme-toggle-container theme-toggle-header">
        <button class="theme-toggle">
          <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-dark"><use href="#svg-moon"></use></svg>
          <svg class="theme-icon-when-light"><use href="#svg-sun"></use></svg>
        </button>
      </div>
      <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>
        <i class="icon"><svg><use href="#svg-toc"></use></svg></i>
      </label>
    </div>
  </header>
  <aside class="sidebar-drawer">
    <div class="sidebar-container">
      {% block left_sidebar %}
      <div class="sidebar-sticky">
        {%- for sidebar_section in sidebars %}
          {%- include sidebar_section %}
        {%- endfor %}
      </div>
      {% endblock left_sidebar %}
    </div>
  </aside>
  <div class="main">
    <div class="content">
      <div class="article-container">
        <div class="content-icon-container">
          <div class="theme-toggle-container theme-toggle-content">
            <button class="theme-toggle">
              <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-dark"><use href="#svg-moon"></use></svg>
              <svg class="theme-icon-when-light"><use href="#svg-sun"></use></svg>
            </button>
          </div>
          <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>
            <i class="icon"><svg><use href="#svg-toc"></use></svg></i>
          </label>
        </div>
        <article role="main">
          {% block content %}{{ body }}{% endblock %}
        </article>
      </div>
      <footer>
        {% block footer %}
        <div class="related-pages">
          {% if next -%}
            <a class="next-page" href="{{ next.link }}">
              <div class="page-info">
                <div class="context">
                  <span>{{ _("Next") }}</span>
                </div>
                <div class="title">{{ next.title }}</div>
              </div>
              <svg><use href="#svg-arrow-right"></use></svg>
            </a>
          {%- endif %}
          {% if prev -%}
            <a class="prev-page" href="{{ prev.link }}">
              <svg><use href="#svg-arrow-right"></use></svg>
              <div class="page-info">
                <div class="context">
                  <span>{{ _("Previous") }}</span>
                </div>
                {% if prev.link == pathto(master_doc) %}
                <div class="title">{{ _("Home") }}</div>
                {% else %}
                <div class="title">{{ prev.title }}</div>
                {% endif %}
              </div>
            </a>
          {%- endif %}
        </div>

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

Changed text

Open file

{# 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" %}

{% block body -%}
{% 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="__toc" id="__toc">
<label class="overlay sidebar-overlay" for="__navigation">
  <div class="visually-hidden">Hide navigation sidebar</div>
</label>
<label class="overlay toc-overlay" for="__toc">
  <div class="visually-hidden">Hide table of contents sidebar</div>
</label>

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

<div class="page">
  <header class="mobile-header">
    <div class="header-left">
      <label class="nav-overlay-icon" for="__navigation">
        <div class="visually-hidden">Toggle site navigation sidebar</div>
        <i class="icon"><svg><use href="#svg-menu"></use></svg></i>
      </label>
    </div>
    <div class="header-center">
      <a href="{{ pathto(master_doc) }}"><div class="brand">{{ docstitle if docstitle else project }}</div></a>
    </div>
    <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">
        <button class="theme-toggle">
          <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-dark"><use href="#svg-moon"></use></svg>
          <svg class="theme-icon-when-light"><use href="#svg-sun"></use></svg>
        </button>
      </div>
      <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>
        <i class="icon"><svg><use href="#svg-toc"></use></svg></i>
      </label>
    </div>
  </header>
  <aside class="sidebar-drawer">
    <div class="sidebar-container">
      {% block left_sidebar %}
      <div class="sidebar-sticky">
        {%- for sidebar_section in sidebars %}
          {%- include sidebar_section %}
        {%- endfor %}
      </div>
      {% endblock left_sidebar %}
    </div>
  </aside>
  <div class="main">
    <div class="content">
      <div class="article-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">
            <button class="theme-toggle">
              <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-dark"><use href="#svg-moon"></use></svg>
              <svg class="theme-icon-when-light"><use href="#svg-sun"></use></svg>
            </button>
          </div>
          <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>
            <i class="icon"><svg><use href="#svg-toc"></use></svg></i>
          </label>
        </div>
        <article role="main">
          {% block content %}{{ body }}{% endblock %}
        </article>
      </div>
      <footer>
        {% block footer %}
        <div class="related-pages">
          {% if next -%}
            <a class="next-page" href="{{ next.link }}">
              <div class="page-info">
                <div class="context">
                  <span>{{ _("Next") }}</span>
                </div>
                <div class="title">{{ next.title }}</div>
              </div>
              <svg><use href="#svg-arrow-right"></use></svg>
            </a>
          {%- endif %}
          {% if prev -%}
            <a class="prev-page" href="{{ prev.link }}">
              <svg><use href="#svg-arrow-right"></use></svg>
              <div class="page-info">
                <div class="context">
                  <span>{{ _("Previous") }}</span>
                </div>
                {% if prev.link == pathto(master_doc) %}
                <div class="title">{{ _("Home") }}</div>
                {% else %}
                <div class="title">{{ prev.title }}</div>
                {% endif %}
              </div>
            </a>
          {%- endif %}
        </div>

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