diff --git a/docgen/layouts/common/footer.pug b/docgen/layouts/common/footer.pug index 4a813b8dcc..f561ef5a07 100644 --- a/docgen/layouts/common/footer.pug +++ b/docgen/layouts/common/footer.pug @@ -9,9 +9,9 @@ footer.ac-footer a.ac-footer-link-item(href = 'https://www.algolia.com/policies/privacy') Privacy policy .ac-footer-container.ac-footer-brand p This project is part of - img.ac-footer-brand-icon(src='https://res.cloudinary.com/hilnmyskv/image/upload/logo-community.svg') + img.ac-footer-brand-icon(src="images/community-badge.svg") figure - img.ac-footer-brand-logo(src='https://res.cloudinary.com/hilnmyskv/image/upload/v1463417234/algolia-community_n6tixd.svg') + img.ac-footer-brand-logo(src='https://res.cloudinary.com/hilnmyskv/image/upload/v1484219849/algolia-community-logo-words-darkbg.svg') figcaption Algolia Community a.ac-footer-btn.ac-footer-btn-cta(href='https://community.algolia.com/') See More span.ac-icon.ac-icon-love-dark @@ -66,8 +66,9 @@ svg(style='display: none') path#Shape(d='M19.998,0 C8.955,0 0,8.954 0,20 C0,28.837 5.73,36.333 13.678,38.977 C14.678,39.161 15.043,38.544 15.043,38.013 C15.043,37.538 15.026,36.281 15.016,34.613 C9.453,35.82 8.28,31.93 8.28,31.93 C7.37,29.62 6.058,29.005 6.058,29.005 C4.242,27.765 6.195,27.79 6.195,27.79 C8.203,27.93 9.259,29.85 9.259,29.85 C11.042,32.907 13.939,32.024 15.079,31.512 C15.259,30.222 15.777,29.339 16.349,28.839 C11.907,28.334 7.239,26.617 7.239,18.954 C7.239,16.771 8.019,14.984 9.297,13.587 C9.091,13.081 8.404,11.047 9.493,8.294 C9.493,8.294 11.173,7.756 14.993,10.344 C16.624924,9.89926425 18.308563,9.672627 20,9.67 C21.7,9.68 23.41,9.9 25.008,10.345 C28.826,7.757 30.502,8.295 30.502,8.295 C31.592,11.048 30.907,13.082 30.702,13.588 C31.984,14.985 32.757,16.772 32.757,18.955 C32.757,26.638 28.081,28.329 23.627,28.823 C24.343,29.441 24.983,30.661 24.983,32.526 C24.983,35.201 24.958,37.358 24.958,38.013 C24.958,38.549 25.318,39.171 26.334,38.976 C34.274,36.326 40,28.836 40,20 C40,8.955 31.045,0 19.998,0') symbol#algolia-icon - svg(viewbox='0 0 35 40', xmlns='http://www.w3.org/2000/svg') - path(d='M20.63 14.624l-2.422 8.572 7.798-4.27a8.925 8.925 0 0 0-5.376-4.302zm-19.136 8.75C1.494 32.554 8.944 40 18.138 40c9.194 0 16.645-7.445 16.645-16.627 0-9.182-7.45-16.628-16.645-16.628-9.193 0-16.644 7.446-16.644 16.628zm16.644-11.878c6.555 0 11.89 5.328 11.89 11.877 0 6.548-5.335 11.876-11.89 11.876-6.555 0-11.89-5.33-11.89-11.88 0-6.55 5.335-11.876 11.89-11.876zm5.745-6.807c.005-.068.02-.13.02-.195v-1.5A2.994 2.994 0 0 0 20.913 0h-5.23a2.993 2.993 0 0 0-2.986 2.998V4.47a19.298 19.298 0 0 1 11.185.22zM5.63 7.62a2.982 2.982 0 0 0-4.227 0l-.528.53a3.006 3.006 0 0 0 0 4.24l.562.563a19.602 19.602 0 0 1 4.494-5.03l-.3-.303z', fill-rule='evenodd') + svg(viewbox='0 0 95 95', xmlns='http://www.w3.org/2000/svg') + path(d='M0 12.37C0 5.54 5.532 0 12.367 0h69.31c6.831 0 12.368 5.533 12.368 12.37v69.331c0 6.832-5.532 12.371-12.367 12.371h-69.31C5.536 94.072 0 88.539 0 81.702V12.37zm48.125 11.405c-14.671 0-26.58 11.898-26.58 26.588 0 14.69 11.895 26.588 26.58 26.588 14.685 0 26.58-11.912 26.58-26.602S62.81 23.775 48.125 23.775zm0 45.307c-10.343 0-18.727-8.386-18.727-18.733 0-10.346 8.384-18.732 18.727-18.732 10.344 0 18.727 8.386 18.727 18.732 0 10.347-8.383 18.733-18.727 18.733zm0-33.6v13.955c0 .408.436.68.803.49L61.3 43.501a.548.548 0 0 0 .217-.762c-2.572-4.506-7.335-7.596-12.834-7.8a.549.549 0 0 0-.558.544zM30.76 25.246l-1.62-1.62a4.082 4.082 0 0 0-5.77 0l-1.933 1.933a4.085 4.085 0 0 0 0 5.773l1.606 1.606c.245.245.64.204.844-.068a30.572 30.572 0 0 1 3.116-3.662 29.723 29.723 0 0 1 3.689-3.131c.272-.19.3-.6.068-.83zm26.063-4.234v-3.226a4.078 4.078 0 0 0-4.083-4.084h-9.5a4.078 4.078 0 0 0-4.083 4.084v3.308c0 .368.354.626.708.531a29.562 29.562 0 0 1 8.275-1.157c2.722 0 5.403.367 7.989 1.075a.55.55 0 0 0 .694-.53z', fill-rule='evenodd') + symbol#icon-dev-friendly svg(width='48', height='31', viewbox='0 0 48 31', xmlns='http://www.w3.org/2000/svg') title Shape diff --git a/docgen/layouts/common/header.pug b/docgen/layouts/common/header.pug index f8bea3d411..7ecbf312cd 100644 --- a/docgen/layouts/common/header.pug +++ b/docgen/layouts/common/header.pug @@ -2,31 +2,10 @@ nav.cm-navigation .cm-navigation__brands .cm-navigation__brands--algolia a#algoliaLogo(href='https://algolia.com') - svg(width='91px', height='29px', viewbox='0 0 91 29', version='1.1', xmlns='http://www.w3.org/2000/svg', xmlns:xlink='http://www.w3.org/1999/xlink') - g#Page-1(stroke='none', stroke-width='1', fill='none', fill-rule='evenodd') - g#logo-algolia(fill='#000000') - path#Shape(d='M54.778,11.404 L53.584,15.472 L57.429,13.446 C56.869,12.461 55.917,11.716 54.777,11.404 L54.778,11.404 Z M47.448,8.07 C46.856,7.524 45.893,7.524 45.298,8.07 L45.031,8.317 C44.438,8.863 44.438,9.747 45.031,10.294 L45.317,10.557 C45.937,9.649 46.709,8.855 47.603,8.211 L47.45,8.071 L47.448,8.07 Z M56.188,6.796 C56.188,6.766 56.198,6.736 56.198,6.703 L56.198,5.966 C56.198,5.153 55.538,4.493 54.726,4.493 L52.15,4.493 C51.34,4.493 50.68,5.153 50.68,5.966 L50.68,6.69 C52.487,6.182 54.403,6.22 56.187,6.797 L56.188,6.796 Z M45.456,15.724 C45.456,20.177 49.096,23.788 53.584,23.788 C58.074,23.788 61.712,20.178 61.712,15.725 C61.712,11.272 58.072,7.66 53.584,7.66 C49.094,7.66 45.456,11.272 45.456,15.724 L45.456,15.724 Z M53.584,9.964 C56.784,9.964 59.389,12.548 59.389,15.724 C59.389,18.9 56.784,21.484 53.583,21.484 C50.383,21.484 47.778,18.9 47.778,15.724 C47.778,12.548 50.381,9.964 53.582,9.964 L53.584,9.964 Z') - path#Shape(d='M16.484,23.5 C16.147,22.614 15.834,21.744 15.536,20.888 C15.234,20.016 14.928,19.146 14.618,18.278 L5.32,18.278 L3.455,23.498 L0.465,23.498 C1.195,21.494 1.935,19.493 2.685,17.495 C3.343,15.743 4.019,13.997 4.715,12.259 C5.375,10.604 6.032,9.026 6.683,7.521 C7.333,6.017 8.015,4.527 8.726,3.051 L11.362,3.051 C12.072,4.527 12.752,6.017 13.405,7.521 C14.083,9.091 14.739,10.671 15.373,12.257 C16.068,13.997 16.743,15.741 17.403,17.494 C18.093,19.334 18.833,21.334 19.623,23.498 L16.483,23.498 L16.484,23.5 Z M13.789,15.917 C13.174,14.255 12.547,12.597 11.907,10.945 C11.287,9.342 10.639,7.803 9.967,6.327 C9.26,7.844 8.605,9.384 8,10.945 C7.36,12.595 6.744,14.251 6.15,15.917 L13.79,15.917 L13.789,15.917 Z M26.503,23.5 C24.849,23.46 23.675,23.1 22.983,22.415 C22.289,21.731 21.943,20.667 21.943,19.219 L21.943,0.93 L24.626,0.46 L24.626,18.78 C24.626,19.23 24.666,19.6 24.742,19.893 C24.819,20.186 24.944,20.42 25.117,20.597 C25.29,20.772 25.521,20.904 25.81,20.992 C26.1,21.08 26.456,21.154 26.88,21.212 L26.504,23.498 L26.503,23.5 Z M39.55,21.648 C39.318,21.804 38.866,22.003 38.196,22.246 C37.526,22.49 36.742,22.612 35.848,22.612 C34.935,22.612 34.075,22.465 33.268,22.174 C32.468,21.886 31.746,21.422 31.155,20.814 C30.552,20.204 30.075,19.438 29.725,18.524 C29.375,17.609 29.201,16.519 29.201,15.254 C29.201,14.144 29.367,13.126 29.698,12.201 C30.028,11.278 30.508,10.479 31.141,9.807 C31.771,9.135 32.544,8.61 33.458,8.23 C34.373,7.85 35.403,7.66 36.55,7.66 C37.812,7.66 38.915,7.753 39.858,7.938 C40.8,8.124 41.592,8.293 42.233,8.448 L42.233,22 C42.233,24.337 41.631,26.03 40.426,27.08 C39.22,28.132 37.394,28.657 34.944,28.657 C34.04,28.662 33.138,28.584 32.248,28.425 C31.403,28.268 30.668,28.085 30.048,27.87 L30.543,25.505 C31.087,25.718 31.753,25.909 32.539,26.075 C33.349,26.242 34.174,26.325 35.002,26.323 C36.615,26.323 37.776,26.003 38.486,25.36 C39.196,24.718 39.55,23.695 39.55,22.294 L39.55,21.652 L39.55,21.648 Z M38.43,10.158 C37.97,10.088 37.354,10.055 36.577,10.055 C35.119,10.055 33.997,10.532 33.209,11.485 C32.421,12.44 32.029,13.705 32.029,15.282 C32.029,16.157 32.139,16.907 32.363,17.532 C32.587,18.152 32.888,18.669 33.267,19.078 C33.629,19.475 34.077,19.784 34.579,19.983 C35.075,20.178 35.586,20.275 36.109,20.275 C36.829,20.275 37.489,20.173 38.092,19.969 C38.694,19.763 39.172,19.525 39.522,19.252 L39.522,10.376 C39.249,10.298 38.885,10.226 38.429,10.156 L38.43,10.158 Z M68.884,23.498 C67.229,23.46 66.054,23.1 65.364,22.415 C64.67,21.731 64.324,20.665 64.324,19.219 L64.324,0.93 L67.008,0.46 L67.008,18.78 C67.008,19.23 67.048,19.6 67.124,19.894 C67.201,20.187 67.324,20.422 67.499,20.598 C67.669,20.773 67.899,20.906 68.189,20.994 C68.479,21.081 68.834,21.154 69.259,21.214 L68.883,23.5 L68.884,23.498 Z M73.904,5.193 C73.419,5.193 73.007,5.031 72.669,4.709 C72.329,4.385 72.161,3.949 72.161,3.402 C72.161,2.854 72.331,2.418 72.668,2.096 C73.005,1.773 73.418,1.611 73.9,1.611 C74.384,1.611 74.795,1.771 75.134,2.096 C75.472,2.419 75.642,2.854 75.642,3.401 C75.642,3.948 75.472,4.383 75.134,4.707 C74.794,5.03 74.384,5.191 73.9,5.191 L73.904,5.193 Z M72.567,7.95 L75.267,7.95 L75.267,23.212 L72.567,23.212 L72.567,7.95 L72.567,7.95 Z M84.861,7.66 C85.958,7.66 86.883,7.804 87.638,8.09 C88.39,8.377 88.998,8.782 89.458,9.305 C89.918,9.829 90.248,10.452 90.443,11.175 C90.638,11.895 90.737,12.691 90.737,13.561 L90.737,23.197 L89.752,23.359 C89.278,23.435 88.802,23.499 88.326,23.552 C87.796,23.612 87.223,23.667 86.606,23.716 C85.989,23.766 85.376,23.79 84.77,23.79 C83.908,23.79 83.115,23.7 82.39,23.523 C81.665,23.346 81.038,23.065 80.51,22.679 C79.98,22.294 79.57,21.785 79.275,21.153 C78.98,20.52 78.833,19.759 78.833,18.87 C78.833,18.02 79.003,17.29 79.348,16.676 C79.68,16.074 80.16,15.564 80.743,15.194 C81.331,14.82 82.017,14.544 82.8,14.364 C83.61,14.184 84.438,14.094 85.27,14.098 C85.543,14.098 85.827,14.113 86.12,14.142 C86.415,14.172 86.694,14.212 86.96,14.262 C87.224,14.31 87.454,14.355 87.65,14.395 C87.845,14.435 87.983,14.465 88.06,14.483 L88.06,13.713 C88.06,13.259 88.01,12.809 87.914,12.363 C87.822,11.937 87.642,11.533 87.384,11.179 C87.13,10.834 86.782,10.557 86.341,10.349 C85.901,10.141 85.327,10.037 84.621,10.037 C83.721,10.037 82.933,10.102 82.256,10.231 C81.581,10.359 81.076,10.493 80.744,10.631 L80.421,8.348 C80.774,8.19 81.361,8.036 82.184,7.888 C83.007,7.74 83.899,7.666 84.858,7.666 L84.856,7.666 L84.861,7.66 Z M85.096,21.475 C85.669,21.477 86.243,21.462 86.816,21.43 C87.314,21.4 87.731,21.347 88.064,21.267 L88.064,16.672 C87.867,16.574 87.549,16.49 87.109,16.422 C86.667,16.352 86.134,16.317 85.507,16.317 C85.097,16.317 84.66,16.347 84.2,16.407 C83.74,16.465 83.318,16.589 82.937,16.777 C82.563,16.957 82.237,17.221 81.982,17.547 C81.728,17.873 81.6,18.303 81.6,18.837 C81.6,19.825 81.913,20.511 82.54,20.897 C83.167,21.283 84.02,21.477 85.097,21.477 L85.097,21.475 L85.096,21.475 Z') + img(src="images/logo-algolia.svg", width="100", alt="Algolia logo") .cm-navigation__brands--community a.cm-badge.no-mobile(href='https://community.algolia.com', title='Click to go to community, hover to access latest community projects') - svg(width='28px', height='28px', viewbox='0 0 28 28', version='1.1', xmlns='http://www.w3.org/2000/svg', xmlns:xlink='http://www.w3.org/1999/xlink') - g#User-Flow(stroke='none', stroke-width='1', fill='none', fill-rule='evenodd') - g#Desktop-HD-CLICK-COMMUNITY(transform='translate(-189.000000, -18.000000)') - g#community_navigation - g#Community-section(transform='translate(157.000000, 0.000000)') - g#Group-2(transform='translate(32.000000, 18.000000)') - g#logo-community - g(id='logo-community-sm-(1)') - g#Group - polygon#Shape(fill='#1D3657', points='13.7729565 0 27.5465217 13.7729565 13.7729565 27.5465217 0 13.7729565') - polygon#Shape(fill='#46AEDA', points='11.6212174 3.87373913 13.7729565 1.7213913 16.3556522 4.30347826 15.4949565 5.16478261 13.7723478 3.4433913 12.481913 4.73382609') - polygon#Shape(fill='#FE336F', points='15.9253043 23.6721739 13.7729565 25.8245217 6.45643478 18.508 7.31713043 17.6466957 13.7735652 24.1043478 15.0652174 22.813913') - polygon#Shape(fill='#F5A623', points='16.786 22.812087 25.8251304 13.7729565 17.2157391 5.16478261 16.3556522 6.02608696 24.1031304 13.7729565 15.9253043 21.9507826') - polygon#Shape(fill='#50E3C2', points='5.59513043 9.89921739 1.7213913 13.7729565 5.59513043 17.6466957 6.45643478 16.7866087 3.4433913 13.7735652 6.45643478 10.7605217') - polygon#Shape(fill='#BD0FE1', points='6.45643478 9.03913043 10.759913 4.73443478 11.6212174 5.59513043 7.31773913 9.8986087') - g#Shape(transform='translate(9.130435, 8.521739)', fill='#FFFFFF') - path(d='M0.639130435,5.87208696 C0.639130435,8.17721739 2.44573913,10.0477391 4.67478261,10.0477391 C6.90504348,10.0477391 8.71165217,8.17721739 8.71165217,5.87208696 C8.71165217,3.56634783 6.90504348,1.69643478 4.676,1.69643478 C2.44573913,1.69643478 0.638521739,3.56634783 0.638521739,5.87208696 L0.639130435,5.87208696 Z M4.67478261,2.77078261 C6.328,2.77078261 7.67321739,4.16226087 7.67321739,5.87208696 C7.67321739,7.58252174 6.328,8.97278261 4.6753913,8.97278261 C3.02278261,8.97278261 1.67756522,7.58252174 1.67756522,5.87269565 C1.67756522,4.16226087 3.02278261,2.7713913 4.676,2.7713913 L4.67478261,2.77078261 Z') - path(d='M5.45391304,3.46347826 L4.86347826,5.62434783 L6.7626087,4.54878261 C6.49025345,4.02572956 6.01841987,3.63465633 5.45391304,3.46408696 L5.45391304,3.46347826 Z M6.05652174,1.18817391 L6.05652174,0.816869565 C6.05652174,0.406 5.73573913,0.0730434783 5.34008696,0.0724347826 L4.0873913,0.0724347826 C3.69173913,0.0724347826 3.37156522,0.404782609 3.37156522,0.815043478 L3.37156522,1.18147826 C4.24936459,0.925703085 5.18443206,0.944820775 6.05104348,1.23626087 C6.05226087,1.21921739 6.05591304,1.204 6.05591304,1.18756522 L6.05652174,1.18817391 Z M1.67756522,1.96426087 C1.54582836,1.82518472 1.36269446,1.74640498 1.17113043,1.74640498 C0.979566413,1.74640498 0.796432509,1.82518472 0.664695652,1.96426087 L0.538086957,2.09573913 C0.258086957,2.38608696 0.258086957,2.8566087 0.538086957,3.14756522 L0.672,3.28756522 C0.956671045,2.81274007 1.32114991,2.39060353 1.7493913,2.03973913 L1.67756522,1.96486957 L1.67756522,1.96426087 Z') + img(src="images/logo-community.svg") | Community .cm-navigation__brands--project a(href="") React InstantSearch @@ -36,9 +15,7 @@ nav.cm-navigation div(data-inject-community='') .cm-navigation__brands-dropdown__footer a(href="https://community.algolia.com") - img(src="images/logo-community.svg", class="community-logo") - img(src="images/logo-algolia.svg", class="algolia-logo") - | community + img(src="https://res.cloudinary.com/hilnmyskv/image/upload/v1484219849/algolia-community-logo-words.svg", class="community-logo") .cm-navigation__menu-mobile-trigger button#open-menu img(src="images/menu-icon.svg") diff --git a/docgen/src/images/community-badge.svg b/docgen/src/images/community-badge.svg new file mode 100644 index 0000000000..5412365daa --- /dev/null +++ b/docgen/src/images/community-badge.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/docgen/src/images/logo-algolia.svg b/docgen/src/images/logo-algolia.svg index 77a61e13fb..a7d32ea21d 100644 --- a/docgen/src/images/logo-algolia.svg +++ b/docgen/src/images/logo-algolia.svg @@ -1,12 +1 @@ - - - logo-algolia - Created with Sketch. - - - - - - - - \ No newline at end of file + diff --git a/docgen/src/images/logo-community.svg b/docgen/src/images/logo-community.svg index 3896a68669..1e607551d0 100644 --- a/docgen/src/images/logo-community.svg +++ b/docgen/src/images/logo-community.svg @@ -1 +1,20 @@ - \ No newline at end of file + + + + logo/algolia-community/mark-sm + Created with Sketch. + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/docgen/src/stylesheets/components/_header.scss b/docgen/src/stylesheets/components/_header.scss index 082c36613a..252df30bb3 100755 --- a/docgen/src/stylesheets/components/_header.scss +++ b/docgen/src/stylesheets/components/_header.scss @@ -71,21 +71,9 @@ $nav-background-light: mix($nav-background,#fff,92%); z-index: 10; height: $nav-height; - svg { - width: 60%; - max-width: 90px; + img { + max-width: 100%; vertical-align: middle; - transition: transform 0.2s ease; - - use { - fill: #fff; - } - - path { - transition: fill 0.6s !important; - will-change: fill; - fill: #fff; - } } @@ -106,7 +94,7 @@ $nav-background-light: mix($nav-background,#fff,92%); background: $nav-background-medium; @include arrowSeparator($nav-background-medium); - svg { + img { display: inline; width: 32px; vertical-align: middle; @@ -308,12 +296,12 @@ $nav-background-light: mix($nav-background,#fff,92%); } .community-logo { - max-width: 28px; + max-width: 140px; margin-right: 6px; } .algolia-logo { - max-width: 80px + max-width: 80px; } }