mirror of
https://github.com/esphome/esphome-docs.git
synced 2025-02-28 03:41:57 +01:00
New footer (#4720)
* New footer * Layout tweaking * Reworked footer --------- Co-authored-by: Keith Burzinski <kbx81x@gmail.com> Co-authored-by: Darren Griffin <darren.griffin@live.co.uk>
This commit is contained in:
Jesse Hills
GitHub
parent
66a9ea8699
commit
1aeec02b4f
@ -288,6 +288,10 @@ div.body p, div.body dd, div.body li, div.body blockquote {
|
||||
|
||||
/* New branding changes */
|
||||
|
||||
div.body{
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
div.body h1, div.body h2, div.body h3, div.body h4, div.body h5, div.body h6, div.sphinxsidebar h3, div.sphinxsidebar h4, div.admonition p.admonition-title {
|
||||
font-family: Figtree, system, -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif;
|
||||
font-weight: 600;
|
||||
@ -297,6 +301,51 @@ div.body h1 {
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
|
||||
.custom-footer{
|
||||
border-top: 1px solid #3E4349;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: 0 auto;
|
||||
max-width: 800px;
|
||||
padding: 1rem 0;
|
||||
}
|
||||
|
||||
.custom-footer .side{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: .5rem;
|
||||
}
|
||||
.custom-footer .side:last-child{
|
||||
align-items: flex-end;
|
||||
}
|
||||
.custom-footer .ohf{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: .5rem;
|
||||
}
|
||||
|
||||
.custom-footer .ohf span{
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.custom-footer .ohf a{
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.custom-footer .links{
|
||||
display: flex;
|
||||
gap: .5rem;
|
||||
align-items: center;
|
||||
}
|
||||
.custom-footer .links a{
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
}
|
||||
|
||||
.custom-footer .link-netlify{
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: "Instrument Sans", system, -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif;
|
||||
line-height: 1.5;
|
||||
@ -347,6 +396,10 @@ img.logo {
|
||||
/* dark theme */
|
||||
@media (prefers-color-scheme: dark) {
|
||||
|
||||
.custom-footer{
|
||||
border-top: 1px solid #ececec;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 875px) {
|
||||
div.documentwrapper {
|
||||
background-color: #212121;
|
||||
|
||||
34
_static/ohf-logo-on-dark.svg
Normal file
34
_static/ohf-logo-on-dark.svg
Normal file
@ -0,0 +1,34 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 87 19.39">
|
||||
<defs>
|
||||
<style>
|
||||
.cls-1 {
|
||||
fill: #edeced;
|
||||
stroke-width: 0px;
|
||||
}
|
||||
</style>
|
||||
</defs>
|
||||
<path class="cls-1" d="M10.97,15H.43c-.24,0-.43.19-.43.43v3.54c0,.24.19.43.43.43h1.34c.24,0,.43-.19.43-.43v-1.77h8.78v1.77c0,.24.19.43.43.43h1.34c.24,0,.43-.19.43-.43v-3.54c0-.24-.19-.43-.43-.43h-1.77Z"/>
|
||||
<path class="cls-1" d="M7.19.25c-.33-.33-.87-.33-1.21,0L.6,5.62c-.33.33-.6.99-.6,1.46v4.88c0,.47.38.85.85.85h11.46c.47,0,.85-.38.85-.85v-4.88c0-.47-.27-1.12-.6-1.46L7.19.25Z"/>
|
||||
<g>
|
||||
<path class="cls-1" d="M21.69,1.84c.61,0,1.17.11,1.69.33.52.22.96.52,1.32.91.36.39.64.85.84,1.39.2.54.3,1.13.3,1.76,0,.62-.09,1.21-.29,1.75-.2.55-.49,1.01-.85,1.4s-.81.69-1.33.91c-.52.22-1.08.33-1.69.32-.8.01-1.52-.17-2.15-.55-.64-.38-1.13-.9-1.47-1.57s-.51-1.42-.5-2.25c0-.62.09-1.21.29-1.75.2-.55.48-1.02.85-1.41.36-.39.8-.7,1.32-.92s1.08-.33,1.67-.32ZM21.7,8.93c.72,0,1.28-.24,1.7-.73.42-.49.63-1.15.63-1.98s-.21-1.51-.62-1.99-.98-.73-1.7-.73-1.29.24-1.7.73-.62,1.15-.62,1.99.21,1.51.62,1.99c.42.48.98.72,1.7.72Z"/>
|
||||
<path class="cls-1" d="M33.37,4.8c0,.85-.26,1.54-.77,2.05-.51.52-1.21.78-2.1.78h-1.68v2.84h-1.71V1.99h3.42c.89,0,1.58.25,2.09.75.5.5.76,1.19.76,2.05ZM31.56,4.76c0-.36-.12-.66-.35-.89-.23-.23-.57-.35-1.01-.35h-1.37v2.61h1.37c.45,0,.79-.13,1.02-.38.23-.25.35-.58.35-.99Z"/>
|
||||
<path class="cls-1" d="M39.92,8.86v1.61h-5.34V1.99h5.34v1.63h-3.63v1.81h3.22v1.52h-3.22v1.91h3.63Z"/>
|
||||
<path class="cls-1" d="M48.82,1.99v8.48h-1.7l-3.72-5.75v5.75h-1.7V1.99h1.7l3.72,5.76V1.99h1.7Z"/>
|
||||
<path class="cls-1" d="M53.68,1.99h1.71v3.43h3.36s0-3.43,0-3.43h1.73v8.48h-1.73v-3.51l-3.36-.02v3.54h-1.71V1.99Z"/>
|
||||
<path class="cls-1" d="M65.88,1.84c.61,0,1.17.11,1.69.33.52.22.96.52,1.32.91.36.39.64.85.84,1.39.2.54.3,1.13.3,1.76,0,.62-.09,1.21-.29,1.75-.2.55-.49,1.01-.85,1.4s-.81.69-1.33.91c-.52.22-1.08.33-1.69.32-.8.01-1.52-.17-2.15-.55-.64-.38-1.13-.9-1.47-1.57s-.51-1.42-.5-2.25c0-.62.09-1.21.29-1.75.2-.55.48-1.02.85-1.41.36-.39.8-.7,1.32-.92s1.08-.33,1.67-.32ZM65.89,8.93c.72,0,1.28-.24,1.7-.73.42-.49.63-1.15.63-1.98s-.21-1.51-.62-1.99-.98-.73-1.7-.73-1.29.24-1.7.73-.62,1.15-.62,1.99.21,1.51.62,1.99c.42.48.98.72,1.7.72Z"/>
|
||||
<path class="cls-1" d="M79.86,1.99v8.48h-1.69v-4.64l-1.82,4.64h-1.62l-1.79-4.6v4.6h-1.64V1.99h1.64l2.61,6.48,2.63-6.48h1.69Z"/>
|
||||
<path class="cls-1" d="M87,8.86v1.61h-5.34V1.99h5.34v1.63h-3.63v1.81h3.22v1.52h-3.22v1.91h3.63Z"/>
|
||||
</g>
|
||||
<g>
|
||||
<path class="cls-1" d="M18.52,13.83v1.91h2.45v.87h-2.45v2.66h-.97v-6.37h3.88v.92h-2.91Z"/>
|
||||
<path class="cls-1" d="M25.13,12.81c.44,0,.86.07,1.24.24s.71.39.98.69c.27.29.48.64.63,1.05.15.41.23.84.22,1.31,0,.47-.07.91-.22,1.32-.15.41-.36.76-.63,1.05-.27.29-.6.52-.98.68s-.8.25-1.24.24c-.44,0-.85-.07-1.24-.24-.38-.17-.71-.39-.98-.69-.27-.29-.48-.64-.63-1.05-.15-.41-.22-.84-.22-1.31,0-.46.07-.9.22-1.31.15-.41.36-.76.63-1.05.27-.29.6-.52.98-.69.38-.17.8-.25,1.24-.24ZM23.65,17.79c.37.43.87.64,1.49.64s1.11-.21,1.49-.64c.37-.43.56-.99.56-1.7s-.19-1.27-.56-1.7c-.37-.43-.87-.64-1.49-.64s-1.12.21-1.49.64c-.37.43-.56.99-.56,1.7s.19,1.27.56,1.7Z"/>
|
||||
<path class="cls-1" d="M29.23,12.91h.97v4.07c0,.48.15.85.43,1.1.28.25.65.37,1.11.37s.81-.13,1.1-.39c.29-.26.44-.62.44-1.08v-4.07h.97v4.11c0,.37-.07.71-.2,1.02-.13.3-.32.55-.55.75-.23.2-.5.35-.8.45s-.63.16-.97.16-.65-.05-.95-.15c-.3-.1-.57-.25-.8-.44-.23-.19-.42-.44-.55-.75-.14-.31-.2-.65-.2-1.03v-4.11Z"/>
|
||||
<path class="cls-1" d="M40.74,12.91v6.37h-.97l-3.14-4.8v4.8h-.97v-6.37h.97l3.14,4.8v-4.8h.97Z"/>
|
||||
<path class="cls-1" d="M47.52,16.1c0,.46-.08.88-.24,1.28-.16.4-.38.74-.67,1.02-.28.28-.62.5-1.02.65-.4.16-.82.23-1.28.22h-2.12v-6.37h2.12c.6,0,1.14.12,1.64.4.49.27.88.66,1.16,1.15.28.49.42,1.04.41,1.65ZM46.48,16.1c0-.67-.2-1.22-.6-1.64s-.93-.63-1.58-.63h-1.13v4.54h1.13c.66,0,1.19-.21,1.58-.63.4-.42.6-.97.6-1.65Z"/>
|
||||
<path class="cls-1" d="M51.78,17.75h-2.54l-.55,1.53h-1l2.3-6.37h1.04l2.31,6.37h-1.03l-.54-1.53ZM51.49,16.92l-.98-2.77-.99,2.77h1.97Z"/>
|
||||
<path class="cls-1" d="M57.7,13.83h-1.85v5.45h-.98v-5.45h-1.85v-.92h4.67v.92Z"/>
|
||||
<path class="cls-1" d="M58.58,19.28v-6.37h.98v6.37h-.98Z"/>
|
||||
<path class="cls-1" d="M63.7,12.81c.44,0,.86.07,1.24.24s.71.39.98.69c.27.29.48.64.63,1.05.15.41.23.84.22,1.31,0,.47-.07.91-.22,1.32-.15.41-.36.76-.63,1.05-.27.29-.6.52-.98.68s-.8.25-1.24.24c-.44,0-.85-.07-1.24-.24-.38-.17-.71-.39-.98-.69-.27-.29-.48-.64-.63-1.05-.15-.41-.22-.84-.22-1.31,0-.46.07-.9.22-1.31.15-.41.36-.76.63-1.05.27-.29.6-.52.98-.69.38-.17.8-.25,1.24-.24ZM62.22,17.79c.37.43.87.64,1.49.64s1.11-.21,1.49-.64c.37-.43.56-.99.56-1.7s-.19-1.27-.56-1.7c-.37-.43-.87-.64-1.49-.64s-1.12.21-1.49.64c-.37.43-.56.99-.56,1.7s.19,1.27.56,1.7Z"/>
|
||||
<path class="cls-1" d="M72.93,12.91v6.37h-.97l-3.14-4.8v4.8h-.97v-6.37h.97l3.14,4.8v-4.8h.97Z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.7 KiB |
34
_static/ohf-logo-on-light.svg
Normal file
34
_static/ohf-logo-on-light.svg
Normal file
@ -0,0 +1,34 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 87 19.39">
|
||||
<defs>
|
||||
<style>
|
||||
.cls-1 {
|
||||
fill: #2bbaec;
|
||||
stroke-width: 0px;
|
||||
}
|
||||
</style>
|
||||
</defs>
|
||||
<path class="cls-1" d="M10.97,15H.43c-.24,0-.43.19-.43.43v3.54c0,.24.19.43.43.43h1.34c.24,0,.43-.19.43-.43v-1.77h8.78v1.77c0,.24.19.43.43.43h1.34c.24,0,.43-.19.43-.43v-3.54c0-.24-.19-.43-.43-.43h-1.77Z"/>
|
||||
<path class="cls-1" d="M7.19.25c-.33-.33-.87-.33-1.21,0L.6,5.62c-.33.33-.6.99-.6,1.46v4.88c0,.47.38.85.85.85h11.46c.47,0,.85-.38.85-.85v-4.88c0-.47-.27-1.12-.6-1.46L7.19.25Z"/>
|
||||
<g>
|
||||
<path class="cls-1" d="M21.69,1.84c.61,0,1.17.11,1.69.33.52.22.96.52,1.32.91.36.39.64.85.84,1.39.2.54.3,1.13.3,1.76,0,.62-.09,1.21-.29,1.75-.2.55-.49,1.01-.85,1.4s-.81.69-1.33.91c-.52.22-1.08.33-1.69.32-.8.01-1.52-.17-2.15-.55-.64-.38-1.13-.9-1.47-1.57s-.51-1.42-.5-2.25c0-.62.09-1.21.29-1.75.2-.55.48-1.02.85-1.41.36-.39.8-.7,1.32-.92s1.08-.33,1.67-.32ZM21.7,8.93c.72,0,1.28-.24,1.7-.73.42-.49.63-1.15.63-1.98s-.21-1.51-.62-1.99-.98-.73-1.7-.73-1.29.24-1.7.73-.62,1.15-.62,1.99.21,1.51.62,1.99c.42.48.98.72,1.7.72Z"/>
|
||||
<path class="cls-1" d="M33.37,4.8c0,.85-.26,1.54-.77,2.05-.51.52-1.21.78-2.1.78h-1.68v2.84h-1.71V1.99h3.42c.89,0,1.58.25,2.09.75.5.5.76,1.19.76,2.05ZM31.56,4.76c0-.36-.12-.66-.35-.89-.23-.23-.57-.35-1.01-.35h-1.37v2.61h1.37c.45,0,.79-.13,1.02-.38.23-.25.35-.58.35-.99Z"/>
|
||||
<path class="cls-1" d="M39.92,8.86v1.61h-5.34V1.99h5.34v1.63h-3.63v1.81h3.22v1.52h-3.22v1.91h3.63Z"/>
|
||||
<path class="cls-1" d="M48.82,1.99v8.48h-1.7l-3.72-5.75v5.75h-1.7V1.99h1.7l3.72,5.76V1.99h1.7Z"/>
|
||||
<path class="cls-1" d="M53.68,1.99h1.71v3.43h3.36s0-3.43,0-3.43h1.73v8.48h-1.73v-3.51l-3.36-.02v3.54h-1.71V1.99Z"/>
|
||||
<path class="cls-1" d="M65.88,1.84c.61,0,1.17.11,1.69.33.52.22.96.52,1.32.91.36.39.64.85.84,1.39.2.54.3,1.13.3,1.76,0,.62-.09,1.21-.29,1.75-.2.55-.49,1.01-.85,1.4s-.81.69-1.33.91c-.52.22-1.08.33-1.69.32-.8.01-1.52-.17-2.15-.55-.64-.38-1.13-.9-1.47-1.57s-.51-1.42-.5-2.25c0-.62.09-1.21.29-1.75.2-.55.48-1.02.85-1.41.36-.39.8-.7,1.32-.92s1.08-.33,1.67-.32ZM65.89,8.93c.72,0,1.28-.24,1.7-.73.42-.49.63-1.15.63-1.98s-.21-1.51-.62-1.99-.98-.73-1.7-.73-1.29.24-1.7.73-.62,1.15-.62,1.99.21,1.51.62,1.99c.42.48.98.72,1.7.72Z"/>
|
||||
<path class="cls-1" d="M79.86,1.99v8.48h-1.69v-4.64l-1.82,4.64h-1.62l-1.79-4.6v4.6h-1.64V1.99h1.64l2.61,6.48,2.63-6.48h1.69Z"/>
|
||||
<path class="cls-1" d="M87,8.86v1.61h-5.34V1.99h5.34v1.63h-3.63v1.81h3.22v1.52h-3.22v1.91h3.63Z"/>
|
||||
</g>
|
||||
<g>
|
||||
<path class="cls-1" d="M18.52,13.83v1.91h2.45v.87h-2.45v2.66h-.97v-6.37h3.88v.92h-2.91Z"/>
|
||||
<path class="cls-1" d="M25.13,12.81c.44,0,.86.07,1.24.24s.71.39.98.69c.27.29.48.64.63,1.05.15.41.23.84.22,1.31,0,.47-.07.91-.22,1.32-.15.41-.36.76-.63,1.05-.27.29-.6.52-.98.68s-.8.25-1.24.24c-.44,0-.85-.07-1.24-.24-.38-.17-.71-.39-.98-.69-.27-.29-.48-.64-.63-1.05-.15-.41-.22-.84-.22-1.31,0-.46.07-.9.22-1.31.15-.41.36-.76.63-1.05.27-.29.6-.52.98-.69.38-.17.8-.25,1.24-.24ZM23.65,17.79c.37.43.87.64,1.49.64s1.11-.21,1.49-.64c.37-.43.56-.99.56-1.7s-.19-1.27-.56-1.7c-.37-.43-.87-.64-1.49-.64s-1.12.21-1.49.64c-.37.43-.56.99-.56,1.7s.19,1.27.56,1.7Z"/>
|
||||
<path class="cls-1" d="M29.23,12.91h.97v4.07c0,.48.15.85.43,1.1.28.25.65.37,1.11.37s.81-.13,1.1-.39c.29-.26.44-.62.44-1.08v-4.07h.97v4.11c0,.37-.07.71-.2,1.02-.13.3-.32.55-.55.75-.23.2-.5.35-.8.45s-.63.16-.97.16-.65-.05-.95-.15c-.3-.1-.57-.25-.8-.44-.23-.19-.42-.44-.55-.75-.14-.31-.2-.65-.2-1.03v-4.11Z"/>
|
||||
<path class="cls-1" d="M40.74,12.91v6.37h-.97l-3.14-4.8v4.8h-.97v-6.37h.97l3.14,4.8v-4.8h.97Z"/>
|
||||
<path class="cls-1" d="M47.52,16.1c0,.46-.08.88-.24,1.28-.16.4-.38.74-.67,1.02-.28.28-.62.5-1.02.65-.4.16-.82.23-1.28.22h-2.12v-6.37h2.12c.6,0,1.14.12,1.64.4.49.27.88.66,1.16,1.15.28.49.42,1.04.41,1.65ZM46.48,16.1c0-.67-.2-1.22-.6-1.64s-.93-.63-1.58-.63h-1.13v4.54h1.13c.66,0,1.19-.21,1.58-.63.4-.42.6-.97.6-1.65Z"/>
|
||||
<path class="cls-1" d="M51.78,17.75h-2.54l-.55,1.53h-1l2.3-6.37h1.04l2.31,6.37h-1.03l-.54-1.53ZM51.49,16.92l-.98-2.77-.99,2.77h1.97Z"/>
|
||||
<path class="cls-1" d="M57.7,13.83h-1.85v5.45h-.98v-5.45h-1.85v-.92h4.67v.92Z"/>
|
||||
<path class="cls-1" d="M58.58,19.28v-6.37h.98v6.37h-.98Z"/>
|
||||
<path class="cls-1" d="M63.7,12.81c.44,0,.86.07,1.24.24s.71.39.98.69c.27.29.48.64.63,1.05.15.41.23.84.22,1.31,0,.47-.07.91-.22,1.32-.15.41-.36.76-.63,1.05-.27.29-.6.52-.98.68s-.8.25-1.24.24c-.44,0-.85-.07-1.24-.24-.38-.17-.71-.39-.98-.69-.27-.29-.48-.64-.63-1.05-.15-.41-.22-.84-.22-1.31,0-.46.07-.9.22-1.31.15-.41.36-.76.63-1.05.27-.29.6-.52.98-.69.38-.17.8-.25,1.24-.24ZM62.22,17.79c.37.43.87.64,1.49.64s1.11-.21,1.49-.64c.37-.43.56-.99.56-1.7s-.19-1.27-.56-1.7c-.37-.43-.87-.64-1.49-.64s-1.12.21-1.49.64c-.37.43-.56.99-.56,1.7s.19,1.27.56,1.7Z"/>
|
||||
<path class="cls-1" d="M72.93,12.91v6.37h-.97l-3.14-4.8v4.8h-.97v-6.37h.97l3.14,4.8v-4.8h.97Z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.7 KiB |
@ -46,6 +46,26 @@
|
||||
{% endblock %}
|
||||
|
||||
{% block footer %}
|
||||
<div class="custom-footer">
|
||||
<div class="side">
|
||||
<div class="ohf">
|
||||
<span>ESPHome is a project from the</span>
|
||||
<a href="https://www.openhomefoundation.org" target="_blank">
|
||||
<picture>
|
||||
<source srcset="/_static/ohf-logo-on-dark.svg" media="(prefers-color-scheme: dark)">
|
||||
<img width="180px" src="/_static/ohf-logo-on-light.svg" alt="Open Home Foundation">
|
||||
</picture>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="side">
|
||||
<div class="links">
|
||||
<a href="https://github.com/esphome/esphome" target="_blank">Source Code</a>
|
||||
<a href="mailto:esphome@nabucasa.com">Contact</a><small>(no support)</small>
|
||||
</div>
|
||||
<a href="https://www.netlify.com" class="link-netlify" target="_blank">This site is powered by Netlify</a>
|
||||
</div>
|
||||
</div>
|
||||
<div id="upgrade-footer">
|
||||
A new version has been released since you last visited this page: {{ release }} 🎉
|
||||
<div class="footer-button-container">
|
||||
|
||||
Loading…
Reference in New Issue
Block a user