1
0
Fork 0

feat(website): community header

This commit is contained in:
Shipow 2016-03-09 16:36:38 +01:00
parent 9498e3b4a3
commit 366cc0d855
5 changed files with 86 additions and 4 deletions

View file

@ -3,10 +3,13 @@
<nav class="navbar navbar-default navbar-fixed-top navbar-inverse">
<div class="container-fluid">
<div class="navbar-header">
<a id="logo" href="{{ site.baseurl }}/">
<a id="logo-community" href="https://community.algolia.com/">
<img src="{{site.baseurl}}/img/logo-community-sm.svg" alt="Algolia Community" />
Community
</a>
<a id="logo-algolia" href="{{ site.baseurl }}/">
<img src="{{site.baseurl}}/img/algolia-logo.svg" alt="Algolia" />
</a>
presents
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">

View file

@ -18,11 +18,23 @@ html, body {
/* HEADER
// ------------------------- */
#logo img {
height: 32px;
#logo-algolia img {
height: 24px;
top: -2px;
position: relative;
margin-right: 12px;
}
#logo-community {
font-size: 1.6em;
color: white;
margin-right: 8px;
img {
height: 46px;
width: 46px;
}
}
.site-header {
width: 100%;
.navbar {

View file

@ -0,0 +1,37 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="100px" height="100px" viewBox="0 0 100 100" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 3.6.1 (26313) - http://www.bohemiancoding.com/sketch -->
<title>logo-community-lg</title>
<desc>Created with Sketch.</desc>
<defs>
<path d="M1.2242608,20.6088203 C1.2242608,28.7008225 7.61562064,35.2622114 15.5022783,35.2622114 C23.388936,35.2622114 29.7802958,28.7008225 29.7802958,20.6088203 C29.7802958,12.5168181 23.388936,5.95542917 15.5022783,5.95542917 C7.61562064,5.95542917 1.2242608,12.5168181 1.2242608,20.6088203 L1.2242608,20.6088203 Z M15.5022783,9.04676907 C21.7139963,9.04676907 26.7681463,14.2337943 26.7681463,20.6088203 C26.7681463,26.9838463 21.7139963,32.1708715 15.5022783,32.1708715 C9.29056035,32.1708715 4.23641033,26.9838463 4.23641033,20.6088203 C4.23641033,14.2337943 9.29056035,9.04676907 15.5022783,9.04676907 L15.5022783,9.04676907 Z" id="path-1"></path>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="logo-community-lg">
<g id="Group-17">
<g id="Group-15" transform="translate(50.000000, 50.000000) rotate(-45.000000) translate(-50.000000, -50.000000) translate(15.000000, 15.000000)">
<rect id="Rectangle-194" fill="#1D3657" x="2.27373675e-13" y="2.27373675e-13" width="70" height="70"></rect>
<path d="M16,66 L16,68 L68,68 L68,18 L66,18 L66,66 L16,66 L16,66 Z" id="Path" fill="#9EDE5B"></path>
<path d="M4,27 L2,27 L2,68 L14,68 L14,66 L4,66 L4,27 L4,27 Z" id="Path" fill="#46AEDA"></path>
<path d="M23,4 L23,2 L2,2 L2,25 L4,25 L4,4 L23,4 L23,4 Z" id="Path" fill="#F8E71C"></path>
<path d="M52,4 L52,2 L25,2 L25,4 L52,4 L52,4 Z" id="Path" fill="#BD10E0"></path>
<path d="M54,4 L54,2 L68,2 L68,16 L66,16 L66,4 L54,4 L54,4 Z" id="Path" fill="#46AEDA"></path>
<path d="M6,16 L6,6 L16,6 L16,8 L8,8 L8,16 L6,16 L6,16 Z" id="Path" fill="#46AEDA"></path>
<path d="M64,53 L64,64 L32,64 L32,62 L62,62 L62,53 L64,53 L64,53 Z" id="Path" fill="#FE336F"></path>
<path d="M64,51 L64,6 L18,6 L18,8 L62,8 L62,51 L64,51 L64,51 Z" id="Path" fill="#F5A623"></path>
<path d="M6,37 L6,64 L30,64 L30,62 L8,62 L8,37 L6,37 L6,37 Z" id="Path" fill="#50E3C2"></path>
<path d="M6,35 L6,18 L8,18 L8,35 L6,35 L6,35 Z" id="Path" fill="#FE336F"></path>
</g>
<g id="logo" transform="translate(35.000000, 32.000000)">
<g id="Fill-4">
<use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-1"></use>
<use fill="none" xlink:href="#path-1"></use>
</g>
<path d="M18.2549038,12.1577206 L16.1691029,19.7431927 L22.8866935,15.9646883 C21.9110955,14.1288048 20.2463663,12.7406255 18.2549038,12.1577206 L18.2549038,12.1577206 Z" id="Path" fill="#FFFFFF"></path>
<path d="M20.3877714,4.17100223 L20.3877714,2.86563716 C20.3871383,1.42451413 19.2538095,0.255559708 17.8551931,0.254907026 L13.4225478,0.254907026 C12.0245646,0.255559708 10.8906026,1.42386144 10.8906026,2.86563716 L10.8906026,4.14815834 C12.3018819,3.74088444 13.786606,3.51831969 15.3226147,3.51831969 C17.0833898,3.51831969 18.7795842,3.80811074 20.3719428,4.33808895 C20.3757417,4.28195826 20.3877714,4.22843829 20.3877714,4.17100223 Z" id="Path" fill="#FFFFFF"></path>
<path d="M4.89852227,6.89334107 C3.90955043,5.87385096 2.30516205,5.87450364 1.3161902,6.89334107 L0.868556979,7.35478762 C-0.120414864,8.37362506 -0.11978172,10.0275226 0.868556979,11.0470127 L1.34531485,11.53783 C2.36024562,9.8591305 3.65249372,8.37754115 5.15431268,7.1576775 L4.89852227,6.89334107 L4.89852227,6.89334107 Z" id="Path" fill="#FFFFFF"></path>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 4 KiB

View file

@ -0,0 +1,30 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="46px" height="46px" viewBox="0 0 46 46" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 3.6.1 (26313) - http://www.bohemiancoding.com/sketch -->
<title>logo-community-sm</title>
<desc>Created with Sketch.</desc>
<defs>
<path d="M1.04907851,9.64668402 C1.04907851,13.4344306 4.01755991,16.5057197 7.68053575,16.5057197 C11.3435116,16.5057197 14.311993,13.4344306 14.311993,9.64668402 C14.311993,5.85893745 11.3435116,2.78764833 7.68053575,2.78764833 C4.01755991,2.78764833 1.04907851,5.85893745 1.04907851,9.64668402 L1.04907851,9.64668402 Z M7.68053575,4.55215043 C10.3963334,4.55215043 12.6060359,6.83768556 12.6060359,9.64668402 C12.6060359,12.4556825 10.3963334,14.7412176 7.68053575,14.7412176 C4.96473808,14.7412176 2.75503555,12.4556825 2.75503555,9.64668402 C2.75503555,6.83768556 4.96473808,4.55215043 7.68053575,4.55215043 L7.68053575,4.55215043 Z" id="path-1"></path>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="logo-community-sm">
<g id="Group-4" transform="translate(22.627417, 22.627417) rotate(-315.000000) translate(-22.627417, -22.627417) translate(6.627417, 6.627417)">
<rect id="Rectangle-194" fill="#1D3657" x="0" y="-4.54747351e-13" width="32" height="32"></rect>
<path d="M2,7 L2,2 L8,2 L8,4 L4,4 L4,7 L2,7 L2,7 Z" id="Path" fill="#46AEDA"></path>
<path d="M30,25 L30,30 L13,30 L13,28 L28,28 L28,25 L30,25 L30,25 Z" id="Path" fill="#FE336F"></path>
<path d="M30,23 L30,2 L10,2 L10,4 L28,4 L28,23 L30,23 L30,23 Z" id="Path" fill="#F5A623"></path>
<path d="M2,21 L2,30 L11,30 L11,28 L4,28 L4,21 L2,21 L2,21 Z" id="Path" fill="#50E3C2"></path>
<path d="M2,19 L2,9 L4,9 L4,19 L2,19 L2,19 Z" id="Path" fill="#BD0FE1"></path>
</g>
<g id="Group-2" transform="translate(15.000000, 14.000000)">
<g id="Fill-4">
<use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-1"></use>
<use fill="none" xlink:href="#path-1"></use>
</g>
<path d="M8.95899884,5.69084925 L7.9902439,9.24149653 L11.110244,7.47283451 C10.6571253,6.61348461 9.88393806,5.96369839 8.95899884,5.69084925 L8.95899884,5.69084925 Z" id="Path" fill="#FFFFFF"></path>
<path d="M9.94961398,1.95238446 L9.94961398,1.34136238 C9.94931991,0.666793997 9.42294281,0.11962372 8.77335229,0.119318209 L6.71460027,0.119318209 C6.06530381,0.11962372 5.53863264,0.666488486 5.53863264,1.34136238 L5.53863264,1.94169158 C6.19410447,1.75105269 6.88368788,1.64687342 7.5970906,1.64687342 C8.41488654,1.64687342 9.2026878,1.78252032 9.94226234,2.03059529 C9.94402673,2.00432134 9.94961398,1.97926943 9.94961398,1.95238446 Z" id="Path" fill="#FFFFFF"></path>
<path d="M2.75559749,3.22667102 C2.2962673,2.74946277 1.55110552,2.74976828 1.09177533,3.22667102 L0.883871072,3.44266733 C0.424540883,3.91957006 0.424834948,4.69373504 0.883871072,5.17094329 L1.10530234,5.4006876 C1.57668921,4.61491319 2.17687673,3.92140313 2.87439992,3.35040299 L2.75559749,3.22667102 L2.75559749,3.22667102 Z" id="Path" fill="#FFFFFF"></path>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 22 KiB