Add zerossl branding

This commit is contained in:
Matthew Holt 2020-11-25 10:46:20 -07:00
parent 8084cba78b
commit 1bdf4a6343
8 changed files with 71 additions and 3 deletions

View file

@ -12,6 +12,8 @@
<header>
<div id="logo-container">
<a href="/"><img src="/resources/images/caddy-wordmark.svg" id="logo" alt="Caddy"></a>
<br>
a <a href="https://zerossl.com"><img src="/resources/images/zerossl-logo.svg" id="zerossl-logo"></a> project
</div>
{{include "/includes/header-nav.html"}}
</header>

View file

@ -13,6 +13,8 @@
<header>
<div id="logo-container">
<a href="/"><img src="/resources/images/caddy-wordmark.svg" id="logo" alt="Caddy"></a>
<br>
a <a href="https://zerossl.com"><img src="/resources/images/zerossl-logo.svg" id="zerossl-logo"></a> project
</div>
{{include "/includes/header-nav.html"}}
</header>

View file

@ -1,7 +1,12 @@
<header>
<div>
<div id="logo-container">
<a href="/"><img src="/resources/images/caddy-wordmark.svg" id="logo" alt="Caddy"></a>
<div id="logo-docs">Documentation</div>
</div>
<div id="zerossl-project">
a <a href="https://zerossl.com"><img src="/resources/images/zerossl-logo.svg" id="zerossl-logo"></a> project
</div>
</div>
{{include "/includes/header-nav.html"}}
</header>

View file

@ -13,6 +13,8 @@
<header>
<div id="logo-container">
<a href="/"><img src="/resources/images/caddy-wordmark.svg" id="logo" alt="Caddy"></a>
<br>
a <a href="https://zerossl.com"><img src="/resources/images/zerossl-logo.svg" id="zerossl-logo"></a> project
</div>
{{include "/includes/header-nav.html"}}
</header>

View file

@ -47,10 +47,20 @@ header {
padding: 25px 0;
}
#logo-container {
flex: 1;
}
#logo {
height: 40px;
}
#zerossl-logo {
height: 1.5em;
vertical-align: middle;
margin: 0 4px;
}
header nav {
text-align: right;
line-height: 40px;

View file

@ -27,6 +27,12 @@ header {
font-size: 12px;
}
#zerossl-project {
font-size: 12px;
line-height: 1em;
padding-left: 1.5em;
}
#search {
margin-top: 0;
}
@ -820,6 +826,11 @@ td code {
display: block;
}
#zerossl-project {
text-align: center;
margin-bottom: 1em;
}
#logo-docs {
display: none;
}

View file

@ -0,0 +1,34 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 24.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 373 94.9" style="enable-background:new 0 0 373 94.9;" xml:space="preserve">
<style type="text/css">
.st0{enable-background:new ;}
.st1{fill:#4D70D5;}
</style>
<g class="st0">
<path d="M148.9,69.1H114v-6.9l21.2-27.6h-20.6v-9h33.8v8.2l-19.7,26.3h20.2V69.1z"/>
<path d="M185.4,55.4h-23.1c0.8,3.9,3.4,6.3,6.8,6.3c2.3,0,5-0.6,6.7-3.8l8.9,1.9C182,66.7,176.3,70,169.1,70
c-9.1,0-16.6-6.9-16.6-17.3c0-10.3,7.5-17.3,16.7-17.3c8.9,0,16.1,6.6,16.3,17.3V55.4z M162.5,49.1h13c-0.9-3.5-3.5-5.1-6.3-5.1
C166.3,44,163.4,45.8,162.5,49.1z"/>
<path d="M213.8,36.3l-0.4,10.4h-1.8c-7,0-10.9,3.8-10.9,12.2v10.2h-10V36.5h10v6.2c2.3-3.9,5.7-6.7,10.9-6.7
C212.4,36,213.1,36.1,213.8,36.3z"/>
<path d="M250.6,52.8c0,10.3-7.9,17.2-17.3,17.2c-9.5,0-17.5-6.9-17.5-17.2c0-10.3,7.9-17.1,17.5-17.1
C242.7,35.7,250.6,42.5,250.6,52.8z M240.9,52.8c0-5.1-3.7-8.4-7.6-8.4c-4.1,0-7.8,3.4-7.8,8.4c0,5.1,3.7,8.4,7.8,8.4
C237.2,61.2,240.9,57.9,240.9,52.8z"/>
<path d="M289.7,37.2l-10.2,2.1c-0.8-4.1-4-6.1-7.3-6.1c-3.5,0-5.7,1.9-5.7,4.4c0,1.8,0.8,3.1,3.4,3.6l8.7,2
c7.3,1.7,11.6,5.8,11.6,12.7c0,9.3-8,14.1-17.3,14.1c-9.5,0-17.3-4.7-18.4-13.2l10.7-2.1c1.1,4.5,4.1,6.4,8.3,6.4
c3.9,0,6.2-1.8,6.2-4.5c0-1.9-0.9-3.2-3.9-3.8l-8.8-1.9c-6-1.4-11.3-4.7-11.3-12.6c0-8.4,6.8-13.7,16.6-13.7
C281.5,24.6,288.1,29.3,289.7,37.2z"/>
<path d="M329.3,37.2l-10.2,2.1c-0.8-4.1-4-6.1-7.3-6.1c-3.5,0-5.7,1.9-5.7,4.4c0,1.8,0.8,3.1,3.4,3.6l8.7,2
c7.3,1.7,11.6,5.8,11.6,12.7c0,9.3-8,14.1-17.3,14.1c-9.5,0-17.3-4.7-18.4-13.2l10.7-2.1c1.1,4.5,4.1,6.4,8.3,6.4
c3.9,0,6.2-1.8,6.2-4.5c0-1.9-0.9-3.2-3.9-3.8l-8.8-1.9c-6-1.4-11.3-4.7-11.3-12.6c0-8.4,6.8-13.7,16.6-13.7
C321,24.6,327.7,29.3,329.3,37.2z"/>
<path d="M367,69.1h-31.1V25.6h10.4v34.1H367V69.1z"/>
</g>
<g>
<rect x="7.1" y="67.7" class="st1" width="20.3" height="20.3"/>
<polygon class="st1" points="67.8,47.4 67.8,27.2 47.6,27.2 47.6,7 27.4,7 27.4,27.2 7.1,27.2 7.1,47.4 27.4,47.4 27.4,67.7
47.6,67.7 47.6,87.9 67.8,87.9 67.8,67.7 88.1,67.7 88.1,47.4 "/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.2 KiB

View file

@ -15,6 +15,8 @@
<header>
<div id="logo-container">
<a href="/"><img src="/resources/images/caddy-wordmark.svg" id="logo" alt="Caddy"></a>
<br>
a <a href="https://zerossl.com"><img src="/resources/images/zerossl-logo.svg" id="zerossl-logo"></a> project
</div>
{{include "/includes/header-nav.html"}}
</header>