Replace the header image with a new SVG logo

This commit is contained in:
Adam Turner 2023-10-04 16:56:00 +01:00
parent 3d8b00827e
commit 8878bee000
7 changed files with 33 additions and 7 deletions

View File

@ -11,8 +11,9 @@
{% block header %}
<div class="pageheader">
<a href="{{ pathto('index') }}">
<img src="{{ pathto('_static/sphinxheader.png', 1) }}" alt="SPHINX" />
<img src="{{ pathto('_static/sphinx-logo.svg', resource=True) }}" alt="logo" />
</a>
<h1>Sphinx</h1>
</div>
{% endblock %}

View File

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 7">
<path d="M8.12 3.27c.45-.32 1.06-.46 1.78-.73l-.31-.7c-1.28.23-2.43-.53-3.68-.7C4 .75 2.24 1.9.36 2.04v.76c1.87.41 3.64 1.26 5.6 1.02-1.21 1.21-2.84 2.64-4.69 2.07C.63 5.77.35 4.87.96 4.6c.27 1.04 1.57.3 1-.52C1.57 3.6.54 3.82.24 4.3c-.87 1.65.84 2.56 2.31 2.32 1.86-.25 3.29-1.71 4.53-3.02-.02.61.18 1.96-.41 2.5l.01.9c.43-.34.8-1.07.92-1.56.16-.63.04-1.02.1-1.53.05-.23.1-.41.42-.64zM1.9 2.39c.77-.23 1.58-.58 2.39-.66-.42 1.38 1.81 1.54 1.56 0 .64.16 1 .3 1.94.7-2.06 1.02-4.05.56-5.89-.04z"/>
<path d="M.36 1.81v-.8c.23 0 .84-.18 1.44-.35C2.8.36 4.05 0 4.95 0c1 0 2.05.34 2.82.58l.91.25c.62.07.98-.08.98-.08l.34.73c-.06.02-.56.24-1.41.15-.27-.03-.62-.14-1.06-.29C6.77 1.1 5.82.8 4.95.8c-.79 0-1.97.35-2.92.63-.74.21-1.32.38-1.67.38z"/>
</svg>

After

Width:  |  Height:  |  Size: 807 B

View File

@ -15,8 +15,29 @@ body {
}
.pageheader {
display: flex;
column-gap: 1em;
align-items: center;
width: 100%;
background-color: var(--colour-sphinx-blue);
padding: 10px 15px;
padding: 10px 20px;
}
.pageheader a {
width: 5%;
}
.pageheader img {
filter: invert(1) drop-shadow(1px 1px 2px black);
}
.pageheader h1{
color: white;
margin: 0;
font-weight: 600;
font-size: 3.5rem;
line-height: 1;
font-variant: small-caps;
}
div.document {

Binary file not shown.

Before

Width:  |  Height:  |  Size: 11 KiB

View File

@ -4,4 +4,4 @@ test-roles-download
* :download:`dummy.dat`
* :download:`another/dummy.dat`
* :download:`not_found.dat`
* :download:`Sphinx logo <http://www.sphinx-doc.org/en/master/_static/sphinxheader.png>`
* :download:`Sphinx logo <http://www.sphinx-doc.org/en/master/_static/sphinx-logo.svg>`

View File

@ -362,7 +362,7 @@ def test_html_download_role(app, status, warning):
assert ('<li><p><code class="xref download docutils literal notranslate">'
'<span class="pre">Sphinx</span> <span class="pre">logo</span></code>'
'<span class="link-target"> [http://www.sphinx-doc.org/en/master'
'/_static/sphinxheader.png]</span></p></li>' in content)
'/_static/sphinx-logo.svg]</span></p></li>' in content)
@pytest.mark.sphinx('epub', testroot='toctree-duplicated')

View File

@ -500,7 +500,7 @@ def test_html_download_role(app, status, warning):
assert ('<li><p><code class="xref download docutils literal notranslate">'
'<span class="pre">not_found.dat</span></code></p></li>' in content)
assert ('<li><p><a class="reference download external" download="" '
'href="http://www.sphinx-doc.org/en/master/_static/sphinxheader.png">'
'href="http://www.sphinx-doc.org/en/master/_static/sphinx-logo.svg">'
'<code class="xref download docutils literal notranslate">'
'<span class="pre">Sphinx</span> <span class="pre">logo</span>'
'</code></a></p></li>' in content)