Commit cc2754c3 authored by Michael Henretty's avatar Michael Henretty Committed by GitHub
Browse files

New logo, fixes #461 (#487)

* adding new logo wip

* allowing inline svg styles using csp noonce

* clean up unneeded css
parent c7d8fc7f
......@@ -77,7 +77,7 @@ apache::vhost { $project_name:
'set X-Frame-Options "DENY"',
'set Strict-Transport-Security "max-age=31536000"',
# media-src blob: is required for recording audio.
'set Content-Security-Policy "default-src \'none\'; style-src \'self\'; img-src \'self\' www.google-analytics.com; media-src data: blob: https://*.amazonaws.com; script-src \'self\' https://www.google-analytics.com/analytics.js; font-src \'self\'; connect-src \'self\'"'
'set Content-Security-Policy "default-src \'none\'; style-src \'self\' \'nonce-123456789\' \'nonce-987654321\'; img-src \'self\' www.google-analytics.com; media-src data: blob: https://*.amazonaws.com; script-src \'self\' https://www.google-analytics.com/analytics.js; font-src \'self\'; connect-src \'self\'"'
],
rewrites => [
{
......
......@@ -25,7 +25,7 @@ export default class Server {
cache: false,
headers: {
'Content-Security-Policy':
"default-src 'none'; style-src 'self'; img-src 'self' www.google-analytics.com; media-src data: blob: https://*.amazonaws.com; script-src 'self' https://www.google-analytics.com/analytics.js; font-src 'self'; connect-src 'self'",
"default-src 'none'; style-src 'self' 'nonce-123456789' 'nonce-987654321'; img-src 'self' www.google-analytics.com; media-src data: blob: https://*.amazonaws.com; script-src 'self' https://www.google-analytics.com/analytics.js; font-src 'self'; connect-src 'self'",
},
}
);
......
......@@ -459,7 +459,7 @@ header.active {
height: unset;
align-items: baseline;
flex-direction: column;
padding-top: 11rem;
padding-top: 12.5rem;
pointer-events: none;
}
header > * {
......@@ -529,10 +529,6 @@ header.active {
padding-right: 4rem;
}
#moz-links .main-mozilla-logo {
height: 1.2rem;
}
#moz-links .links a {
color: var(--color-help);
}
......@@ -803,21 +799,7 @@ body.mobile-safari:not(.ios) #install-app.hide {
}
.main-logo {
flex: 0 0 auto;
font-family: var(--strong-font-family);
font-size: 1.5rem;
}
.main-title {
padding: 0 0.2rem;
color: var(--base-background-color);
background-color: var(--base-font-color);
line-height: 1.4;
}
.main-mozilla-logo {
height: 1.5rem;
background-color: var(--base-background-color);
width: 10rem;
}
#hamburger-menu {
......
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 336.8 73.01"><defs><style nonce="123456789">.cls-1{fill:none;}.cls-2{fill:#fff;}</style></defs><title>cv-logo-bw</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-1" d="M260.26,14.82a5.57,5.57,0,0,0-4.63,2.11A8.84,8.84,0,0,0,254,22.57a9.62,9.62,0,0,0,1.59,5.62,5.35,5.35,0,0,0,4.71,2.29A5.66,5.66,0,0,0,265,28.26a9.11,9.11,0,0,0,1.72-5.75,8.24,8.24,0,0,0-1.79-5.72A6,6,0,0,0,260.26,14.82Z"/><path class="cls-1" d="M45.4,30.47a5.66,5.66,0,0,0,4.73-2.21,9.11,9.11,0,0,0,1.72-5.75A8.24,8.24,0,0,0,50,16.8a6,6,0,0,0-4.65-2,5.57,5.57,0,0,0-4.63,2.11,8.84,8.84,0,0,0-1.66,5.64,9.62,9.62,0,0,0,1.59,5.62A5.35,5.35,0,0,0,45.4,30.47Z"/><path class="cls-1" d="M163,14.82a5.57,5.57,0,0,0-4.63,2.11,8.84,8.84,0,0,0-1.66,5.64,9.62,9.62,0,0,0,1.59,5.62A5.35,5.35,0,0,0,163,30.47a5.66,5.66,0,0,0,4.73-2.21,9.11,9.11,0,0,0,1.72-5.75,8.24,8.24,0,0,0-1.79-5.72A6,6,0,0,0,163,14.82Z"/><path class="cls-1" d="M329.91,16.46A4.29,4.29,0,0,0,326,14.61a4.53,4.53,0,0,0-3.8,1.66,8.22,8.22,0,0,0-1.61,4.11h10.3A6,6,0,0,0,329.91,16.46Z"/><path d="M0,73H116.9V39.59H0ZM98,52.56a14.06,14.06,0,0,1,6.26-1.33c3.15,0,5.8,1.62,5.8,5v6.36c0,.84.32,1.13,1,1.13a2.21,2.21,0,0,0,.62-.1l0,2.2a5.65,5.65,0,0,1-2.63.68,3,3,0,0,1-3.21-2.92,5.3,5.3,0,0,1-4.7,2.92c-2.11,0-4.51-1.14-4.51-4.18,0-3.6,3.47-4.44,6.81-4.44a19.12,19.12,0,0,1,2.4.13v-.49c0-1.49,0-3.27-2.4-3.27a4.54,4.54,0,0,0-2.24.42l-.47,1.65-3.34-.36Zm-.91-8.72L90.74,66.14H86.62l6.32-22.31Zm-12.61,0h4.12L82.24,66.14H78.12ZM71,51.52h4.38v5.25H71Zm0,9.37h4.38v5.25H71ZM54.16,51.52H67l.32,2.2L59.22,63H64l.68-2.27,3.31.32L67,66.14H54.26l-.42-2.2,8-9.24H57.31L56.66,57l-3-.32Zm-10.48-.29c5.25,0,7.81,3.53,7.81,7.62,0,4.67-3.37,7.62-8,7.62-4.51,0-7.62-2.76-7.62-7.43C35.83,54.76,38.43,51.23,43.68,51.23ZM6.94,63H8.88V54.7H6.94V51.52h6.13v2.2a4.84,4.84,0,0,1,4.44-2.5,4.74,4.74,0,0,1,4.77,3.15A4.9,4.9,0,0,1,27,51.23a4.73,4.73,0,0,1,5,5.06V63H34v3.18H27.89V57.91c0-2.53-.84-3.5-2.5-3.5-2,0-2.82,1.43-2.82,3.47V63h1.95v3.18H18.38V57.91c0-2.53-.84-3.5-2.5-3.5-2,0-2.82,1.43-2.82,3.47V63h2.79v3.18H6.94Z"/><path d="M101,61.8a1.53,1.53,0,0,0,1.72,1.69c1.49,0,3.08-1.07,3.18-3.5a15.43,15.43,0,0,0-2.11-.19C102.25,59.79,101,60.21,101,61.8Z"/><path d="M43.58,63.26c2.17,0,3.6-1.75,3.6-4.54,0-3-1.59-4.28-3.57-4.28-2.14,0-3.47,1.59-3.47,4.34C40.15,61.31,41.31,63.26,43.58,63.26Z"/><rect x="71.01" y="60.89" width="4.38" height="5.25"/><rect class="cls-2" x="71.01" y="60.89" width="4.38" height="5.25"/><polygon points="90.73 66.14 97.06 43.84 92.94 43.84 86.62 66.14 90.73 66.14"/><polygon class="cls-2" points="90.73 66.14 97.06 43.84 92.94 43.84 86.62 66.14 90.73 66.14"/><polygon points="57.31 54.7 61.88 54.7 53.84 63.94 54.26 66.14 67.04 66.14 67.94 61.02 64.64 60.7 63.96 62.97 59.22 62.97 67.33 53.72 67 51.52 54.16 51.52 53.65 56.64 56.66 56.97 57.31 54.7"/><polygon class="cls-2" points="57.31 54.7 61.88 54.7 53.84 63.94 54.26 66.14 67.04 66.14 67.94 61.02 64.64 60.7 63.96 62.97 59.22 62.97 67.33 53.72 67 51.52 54.16 51.52 53.65 56.64 56.66 56.97 57.31 54.7"/><rect x="71.01" y="51.52" width="4.38" height="5.25"/><rect class="cls-2" x="71.01" y="51.52" width="4.38" height="5.25"/><path d="M15.86,63H13.07V57.87c0-2,.81-3.47,2.82-3.47,1.65,0,2.5,1,2.5,3.5v8.24h6.13V63H22.57V57.87c0-2,.81-3.47,2.82-3.47,1.65,0,2.5,1,2.5,3.5v8.24H34V63H32.07V56.29a4.73,4.73,0,0,0-5-5.06,4.9,4.9,0,0,0-4.77,3.15,4.74,4.74,0,0,0-4.77-3.15,4.84,4.84,0,0,0-4.44,2.5v-2.2H6.94V54.7H8.88V63H6.94v3.18h8.92Z"/><path class="cls-2" d="M15.86,63H13.07V57.87c0-2,.81-3.47,2.82-3.47,1.65,0,2.5,1,2.5,3.5v8.24h6.13V63H22.57V57.87c0-2,.81-3.47,2.82-3.47,1.65,0,2.5,1,2.5,3.5v8.24H34V63H32.07V56.29a4.73,4.73,0,0,0-5-5.06,4.9,4.9,0,0,0-4.77,3.15,4.74,4.74,0,0,0-4.77-3.15,4.84,4.84,0,0,0-4.44,2.5v-2.2H6.94V54.7H8.88V63H6.94v3.18h8.92Z"/><path d="M43.45,66.47c4.67,0,8-3,8-7.62,0-4.09-2.56-7.62-7.81-7.62S35.83,54.76,35.83,59C35.83,63.71,38.95,66.47,43.45,66.47Zm.16-12c2,0,3.57,1.33,3.57,4.28,0,2.79-1.43,4.54-3.6,4.54s-3.44-1.95-3.44-4.47C40.15,56,41.48,54.44,43.62,54.44Z"/><path class="cls-2" d="M43.45,66.47c4.67,0,8-3,8-7.62,0-4.09-2.56-7.62-7.81-7.62S35.83,54.76,35.83,59C35.83,63.71,38.95,66.47,43.45,66.47Zm.16-12c2,0,3.57,1.33,3.57,4.28,0,2.79-1.43,4.54-3.6,4.54s-3.44-1.95-3.44-4.47C40.15,56,41.48,54.44,43.62,54.44Z"/><polygon points="88.56 43.84 84.44 43.84 78.12 66.14 82.24 66.14 88.56 43.84"/><polygon class="cls-2" points="88.56 43.84 84.44 43.84 78.12 66.14 82.24 66.14 88.56 43.84"/><path d="M101.21,54.63a4.54,4.54,0,0,1,2.24-.42c2.37,0,2.4,1.78,2.4,3.27V58a19.12,19.12,0,0,0-2.4-.13c-3.34,0-6.81.84-6.81,4.44,0,3,2.4,4.18,4.51,4.18a5.3,5.3,0,0,0,4.7-2.92,3,3,0,0,0,3.21,2.92,5.65,5.65,0,0,0,2.63-.68l0-2.2a2.21,2.21,0,0,1-.62.1c-.68,0-1-.29-1-1.13V56.19c0-3.34-2.66-5-5.8-5A14.06,14.06,0,0,0,98,52.56l-.57,3.36,3.34.36Zm1.46,8.85A1.53,1.53,0,0,1,101,61.8c0-1.59,1.3-2,2.79-2a15.43,15.43,0,0,1,2.11.19C105.75,62.41,104.16,63.48,102.67,63.48Z"/><path class="cls-2" d="M101.21,54.63a4.54,4.54,0,0,1,2.24-.42c2.37,0,2.4,1.78,2.4,3.27V58a19.12,19.12,0,0,0-2.4-.13c-3.34,0-6.81.84-6.81,4.44,0,3,2.4,4.18,4.51,4.18a5.3,5.3,0,0,0,4.7-2.92,3,3,0,0,0,3.21,2.92,5.65,5.65,0,0,0,2.63-.68l0-2.2a2.21,2.21,0,0,1-.62.1c-.68,0-1-.29-1-1.13V56.19c0-3.34-2.66-5-5.8-5A14.06,14.06,0,0,0,98,52.56l-.57,3.36,3.34.36Zm1.46,8.85A1.53,1.53,0,0,1,101,61.8c0-1.59,1.3-2,2.79-2a15.43,15.43,0,0,1,2.11.19C105.75,62.41,104.16,63.48,102.67,63.48Z"/><path d="M16.85,34.84a23.86,23.86,0,0,0,6.94-1A12.89,12.89,0,0,0,29,31.1l.73-7.38L25,23.24l-.83,5a14.08,14.08,0,0,1-6.81,1.46,10.85,10.85,0,0,1-8.06-3.09q-3.07-3.09-3.07-9.12,0-5.77,2.89-9.1A9.65,9.65,0,0,1,16.74,5.1a13.44,13.44,0,0,1,7.49,2l.83,4.68,4.73-.47L28.91,4A15.61,15.61,0,0,0,24.13,1.2,19.78,19.78,0,0,0,16.85,0,15.94,15.94,0,0,0,7.28,2.71,16.17,16.17,0,0,0,1.77,9.52,20.87,20.87,0,0,0,0,17.84,16.58,16.58,0,0,0,4.76,30.08,16.38,16.38,0,0,0,16.85,34.84Z"/><path d="M45.19,34.84a12.34,12.34,0,0,0,9-3.35,11.72,11.72,0,0,0,3.46-8.81,13,13,0,0,0-3-8.58q-3-3.64-9.1-3.64t-9.1,3.67a13.21,13.21,0,0,0-3.07,8.76,11.75,11.75,0,0,0,3.25,8.74A11.68,11.68,0,0,0,45.19,34.84ZM40.77,16.93a5.57,5.57,0,0,1,4.63-2.11,6,6,0,0,1,4.65,2,8.24,8.24,0,0,1,1.79,5.72,9.11,9.11,0,0,1-1.72,5.75,5.66,5.66,0,0,1-4.73,2.21,5.35,5.35,0,0,1-4.71-2.29,9.62,9.62,0,0,1-1.59-5.62A8.84,8.84,0,0,1,40.77,16.93Z"/><path d="M73.89,30.06H69.52V20.9a7.47,7.47,0,0,1,1.35-4.24,4.57,4.57,0,0,1,4-1.85,4,4,0,0,1,3.25,1.38q1.17,1.38,1.17,4.71v9.15H78.05v4.26h10.3V30.06H84.86V21a7.7,7.7,0,0,1,1.33-4.26,4.53,4.53,0,0,1,4-1.87,4.1,4.1,0,0,1,3.3,1.38q1.17,1.38,1.17,4.71v9.15h-1.3v4.26h10.3V30.06h-3.43V18.88q0-4.32-2.39-6.34a8.35,8.35,0,0,0-5.56-2,8,8,0,0,0-4.84,1.43,9.05,9.05,0,0,0-3,3.82,6.79,6.79,0,0,0-2.91-4,8.78,8.78,0,0,0-4.68-1.28,7.87,7.87,0,0,0-4.42,1.2,9,9,0,0,0-2.91,3.12V11h-9v4.32H64V30.06H60.48v4.26H73.89Z"/><path d="M145.55,18.88q0-4.32-2.39-6.34a8.35,8.35,0,0,0-5.56-2,8,8,0,0,0-4.84,1.43,9.05,9.05,0,0,0-3,3.82,6.79,6.79,0,0,0-2.91-4,8.78,8.78,0,0,0-4.68-1.28,7.87,7.87,0,0,0-4.42,1.2,9,9,0,0,0-2.91,3.12V11h-9v4.32h3.43V30.06h-3.48v4.26h13.42V30.06h-4.37V20.9a7.47,7.47,0,0,1,1.35-4.24,4.57,4.57,0,0,1,4-1.85,4,4,0,0,1,3.25,1.38q1.17,1.38,1.17,4.71v9.15h-1.25v4.26h10.3V30.06h-3.48V21a7.7,7.7,0,0,1,1.33-4.26,4.53,4.53,0,0,1,4-1.87,4.1,4.1,0,0,1,3.3,1.38Q140,17.58,140,20.9v9.15h-1.3v4.26H149V30.06h-3.43Z"/><path d="M163.07,10.45q-6,0-9.1,3.67a13.21,13.21,0,0,0-3.07,8.76,11.75,11.75,0,0,0,3.25,8.74,11.68,11.68,0,0,0,8.61,3.22,12.34,12.34,0,0,0,9-3.35,11.72,11.72,0,0,0,3.46-8.81,13,13,0,0,0-3-8.58Q169.15,10.45,163.07,10.45Zm4.63,17.81A5.66,5.66,0,0,1,163,30.47a5.35,5.35,0,0,1-4.71-2.29,9.62,9.62,0,0,1-1.59-5.62,8.84,8.84,0,0,1,1.66-5.64A5.57,5.57,0,0,1,163,14.82a6,6,0,0,1,4.65,2,8.24,8.24,0,0,1,1.79,5.72A9.11,9.11,0,0,1,167.7,28.26Z"/><path d="M203,18.88q0-4.32-2.39-6.34a8.56,8.56,0,0,0-5.72-2,8.28,8.28,0,0,0-7.75,4.27V11h-9.2v4.32h3.64V30.06H178v4.26h12.53V30.06h-3.48V20.75a6.3,6.3,0,0,1,1.59-4.21,5.33,5.33,0,0,1,4.19-1.72,4.18,4.18,0,0,1,3.33,1.38q1.2,1.38,1.2,4.71v9.15H194v4.26h12.48V30.06H203Z"/><polygon points="250.48 0.52 237.69 0.52 237.69 5.46 241.49 5.46 233.69 25.48 233.43 25.48 225.42 5.46 229.16 5.46 229.16 0.52 215.85 0.52 215.85 5.46 219.07 5.46 231.14 34.32 235.3 34.32 247.36 5.46 250.48 5.46 250.48 0.52"/><path d="M260.36,10.45q-6,0-9.1,3.67a13.21,13.21,0,0,0-3.07,8.76,11.75,11.75,0,0,0,3.25,8.74A11.68,11.68,0,0,0,260,34.84a12.34,12.34,0,0,0,9-3.35,11.72,11.72,0,0,0,3.46-8.81,13,13,0,0,0-3-8.58Q266.45,10.45,260.36,10.45ZM265,28.26a5.66,5.66,0,0,1-4.73,2.21,5.35,5.35,0,0,1-4.71-2.29A9.62,9.62,0,0,1,254,22.57a8.84,8.84,0,0,1,1.66-5.64,5.57,5.57,0,0,1,4.63-2.11,6,6,0,0,1,4.65,2,8.24,8.24,0,0,1,1.79,5.72A9.11,9.11,0,0,1,265,28.26Z"/><polygon points="284.54 10.97 275.34 10.97 275.34 15.29 279.03 15.29 279.03 30.06 275.55 30.06 275.55 34.32 288.02 34.32 288.02 30.06 284.54 30.06 284.54 10.97"/><rect x="278.72" width="5.67" height="6.14"/><path d="M302.22,30.37q-6,0-6-7.59,0-7.8,5.82-7.8a9.17,9.17,0,0,1,4.06.94l.78,3.85,4.47-.47-.94-6.55A15.45,15.45,0,0,0,306.33,11a17.06,17.06,0,0,0-4.16-.52,11.17,11.17,0,0,0-8.5,3.43,12.69,12.69,0,0,0-3.25,9.1q0,5.77,3.15,8.79a11.27,11.27,0,0,0,8.14,3q5.3,0,7.7-2.88a11.46,11.46,0,0,0,2.76-6l-4.68-.88Q306.59,30.37,302.22,30.37Z"/><path d="M332.17,26.31a6.46,6.46,0,0,1-1.53,2.76,5,5,0,0,1-3.87,1.3q-5.77,0-6.24-6.55h15.76a17,17,0,0,0,.31-3.12,10.18,10.18,0,0,0-2.89-7.31,11.56,11.56,0,0,0-16,.7,13.5,13.5,0,0,0-3,8.94q0,5.82,3.28,8.81a11.94,11.94,0,0,0,8.37,3,11.16,11.16,0,0,0,7.44-2.29,8,8,0,0,0,3-5.36Zm-10-10a4.53,4.53,0,0,1,3.8-1.66,4.29,4.29,0,0,1,3.93,1.85,6,6,0,0,1,1,3.93h-10.3A8.22,8.22,0,0,1,322.19,16.28Z"/></g></g></svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 336.8 73.01"><defs><style nonce="987654321">.cls-1{fill:none;}.cls-2{fill:#fff;}</style></defs><title>cv-logo-one-color-white</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-1" d="M43.41,66.4c4.67,0,8-2.95,8-7.61,0-4.08-2.56-7.61-7.81-7.61S35.79,54.7,35.79,59C35.79,63.65,38.9,66.4,43.41,66.4Zm.16-12c2,0,3.56,1.33,3.56,4.28,0,2.79-1.43,4.54-3.6,4.54s-3.43-1.94-3.43-4.47C40.1,56,41.43,54.38,43.57,54.38Z"/><rect class="cls-1" x="71.07" y="60.68" width="4.22" height="5.52"/><path class="cls-1" d="M15.9,63H13V57.81c0-2,.91-3.47,2.92-3.47,1.65,0,2.6,1,2.6,3.5V66.2h5.84V63H22.39V57.81c0-2,.91-3.47,2.92-3.47,1.65,0,2.6,1,2.6,3.5V66.2h6.17V63H32.13V56.23A4.77,4.77,0,0,0,27,51.17a5,5,0,0,0-4.82,3.14,4.75,4.75,0,0,0-4.78-3.14A5,5,0,0,0,13,53.66V51.59H6.82v2.92H8.76V63H6.82V66.2H15.9Z"/><path class="cls-1" d="M101.14,54.57a4.56,4.56,0,0,1,2.24-.42c2.37,0,2.41,1.78,2.41,3.27v.49a18.36,18.36,0,0,0-2.41-.13c-3.34,0-6.82.84-6.82,4.44,0,3,2.4,4.18,4.5,4.18a5.29,5.29,0,0,0,4.7-2.92A3,3,0,0,0,109,66.4a5.68,5.68,0,0,0,2.63-.68l0-2.2a2.1,2.1,0,0,1-.6.1c-.68,0-1-.29-1-1.13V56.13c0-3.34-2.69-5-5.83-5a14.19,14.19,0,0,0-6.29,1.33l-.57,3.36,3.34.36Zm1.45,8.85a1.53,1.53,0,0,1-1.72-1.69c0-1.59,1.3-2,2.79-2a15.42,15.42,0,0,1,2.11.19C105.67,62.35,104.08,63.42,102.59,63.42Z"/><path class="cls-1" d="M163,14.82a5.57,5.57,0,0,0-4.63,2.11,8.84,8.84,0,0,0-1.66,5.64,9.62,9.62,0,0,0,1.59,5.62A5.35,5.35,0,0,0,163,30.47a5.66,5.66,0,0,0,4.73-2.21,9.11,9.11,0,0,0,1.72-5.75,8.24,8.24,0,0,0-1.79-5.72A6,6,0,0,0,163,14.82Z"/><rect class="cls-1" x="71.07" y="51.59" width="4.22" height="5.19"/><path class="cls-1" d="M45.4,30.47a5.66,5.66,0,0,0,4.73-2.21,9.11,9.11,0,0,0,1.72-5.75A8.24,8.24,0,0,0,50,16.8a6,6,0,0,0-4.65-2,5.57,5.57,0,0,0-4.63,2.11,8.84,8.84,0,0,0-1.66,5.64,9.62,9.62,0,0,0,1.59,5.62A5.35,5.35,0,0,0,45.4,30.47Z"/><polygon class="cls-1" points="90.66 66.2 96.98 43.8 92.86 43.8 86.55 66.2 90.66 66.2"/><polygon class="cls-1" points="88.49 43.8 84.37 43.8 78.06 66.2 82.17 66.2 88.49 43.8"/><polygon class="cls-1" points="57.26 54.51 61.82 54.51 53.79 63.87 54.21 66.2 66.98 66.2 67.88 61.03 64.58 60.66 63.9 62.95 59.17 62.95 67.27 53.76 66.94 51.59 54.11 51.59 53.59 56.62 56.61 56.84 57.26 54.51"/><path class="cls-1" d="M329.91,16.46A4.29,4.29,0,0,0,326,14.61a4.53,4.53,0,0,0-3.8,1.66,8.22,8.22,0,0,0-1.61,4.11h10.3A6,6,0,0,0,329.91,16.46Z"/><path class="cls-1" d="M260.26,14.82a5.57,5.57,0,0,0-4.63,2.11A8.84,8.84,0,0,0,254,22.57a9.62,9.62,0,0,0,1.59,5.62,5.35,5.35,0,0,0,4.71,2.29A5.66,5.66,0,0,0,265,28.26a9.11,9.11,0,0,0,1.72-5.75,8.24,8.24,0,0,0-1.79-5.72A6,6,0,0,0,260.26,14.82Z"/><path class="cls-2" d="M43.54,63.19c2.17,0,3.6-1.75,3.6-4.54,0-2.95-1.59-4.28-3.56-4.28-2.14,0-3.47,1.59-3.47,4.34C40.1,61.25,41.27,63.19,43.54,63.19Z"/><path class="cls-2" d="M100.87,61.73a1.53,1.53,0,0,0,1.72,1.69c1.49,0,3.08-1.07,3.18-3.5a15.42,15.42,0,0,0-2.11-.19C102.17,59.72,100.87,60.15,100.87,61.73Z"/><path class="cls-2" d="M0,73H116.83V39.59H0ZM97.89,52.5a14.19,14.19,0,0,1,6.29-1.33c3.14,0,5.83,1.62,5.83,5v6.35c0,.84.29,1.13,1,1.13a2.1,2.1,0,0,0,.6-.1l0,2.2a5.68,5.68,0,0,1-2.63.68,3,3,0,0,1-3.21-2.92,5.29,5.29,0,0,1-4.7,2.92c-2.11,0-4.5-1.13-4.5-4.18,0-3.6,3.48-4.44,6.82-4.44a18.36,18.36,0,0,1,2.41.13v-.49c0-1.49,0-3.27-2.41-3.27a4.56,4.56,0,0,0-2.24.42l-.48,1.64-3.34-.36ZM97,43.8,90.66,66.2H86.54L92.86,43.8Zm-12.61,0h4.12L82.17,66.2H78.06Zm-13.3,7.79h4.22v5.19H71.07Zm0,9.09h4.22V66.2H71.07Zm-17-9.09H66.94l.32,2.16L59.17,63H63.9l.68-2.29,3.31.37L67,66.2H54.21l-.42-2.33,8-9.36H57.25l-.65,2.33-3-.23Zm-10.48-.42c5.25,0,7.81,3.53,7.81,7.61,0,4.67-3.37,7.61-8,7.61-4.5,0-7.62-2.75-7.62-7.42C35.79,54.7,38.39,51.17,43.63,51.17ZM6.82,63H8.76V54.51H6.82V51.59H13v2.07a5,5,0,0,1,4.47-2.49,4.75,4.75,0,0,1,4.78,3.14A5,5,0,0,1,27,51.17a4.77,4.77,0,0,1,5.08,5.06V63h1.95V66.2H27.91V57.85c0-2.53-.94-3.5-2.6-3.5-2,0-2.92,1.43-2.92,3.47V63h1.95V66.2H18.5V57.85c0-2.53-.94-3.5-2.6-3.5-2,0-2.92,1.43-2.92,3.47V63H15.9V66.2H6.82Z"/><path class="cls-2" d="M16.85,34.84a23.86,23.86,0,0,0,6.94-1A12.88,12.88,0,0,0,29,31.1l.73-7.38L25,23.24l-.83,5a14.08,14.08,0,0,1-6.81,1.46,10.85,10.85,0,0,1-8.06-3.09q-3.07-3.09-3.07-9.13,0-5.77,2.89-9.1A9.65,9.65,0,0,1,16.74,5.1a13.44,13.44,0,0,1,7.49,2l.83,4.68,4.73-.47L28.91,4A15.61,15.61,0,0,0,24.13,1.2,19.78,19.78,0,0,0,16.85,0,16,16,0,0,0,7.28,2.7,16.17,16.17,0,0,0,1.77,9.52,20.87,20.87,0,0,0,0,17.84,16.58,16.58,0,0,0,4.76,30.08,16.38,16.38,0,0,0,16.85,34.84Z"/><path class="cls-2" d="M45.19,34.84a12.34,12.34,0,0,0,9-3.35,11.72,11.72,0,0,0,3.46-8.81,13,13,0,0,0-3-8.58q-3-3.64-9.1-3.64t-9.1,3.67a13.21,13.21,0,0,0-3.07,8.76,11.75,11.75,0,0,0,3.25,8.74A11.68,11.68,0,0,0,45.19,34.84ZM40.77,16.93a5.57,5.57,0,0,1,4.63-2.11,6,6,0,0,1,4.65,2,8.24,8.24,0,0,1,1.79,5.72,9.11,9.11,0,0,1-1.72,5.75,5.66,5.66,0,0,1-4.73,2.21,5.35,5.35,0,0,1-4.71-2.29,9.62,9.62,0,0,1-1.59-5.62A8.84,8.84,0,0,1,40.77,16.93Z"/><path class="cls-2" d="M73.89,30.06H69.52V20.9a7.47,7.47,0,0,1,1.35-4.24,4.57,4.57,0,0,1,4-1.85,4,4,0,0,1,3.25,1.38q1.17,1.38,1.17,4.71v9.15H78.05v4.26h10.3V30.06H84.86V21a7.7,7.7,0,0,1,1.33-4.26,4.53,4.53,0,0,1,4-1.87,4.1,4.1,0,0,1,3.3,1.38q1.17,1.38,1.17,4.71v9.15h-1.3v4.26h10.3V30.06h-3.43V18.88q0-4.32-2.39-6.34a8.35,8.35,0,0,0-5.56-2,8,8,0,0,0-4.84,1.43,9.06,9.06,0,0,0-3,3.82,6.79,6.79,0,0,0-2.91-4,8.79,8.79,0,0,0-4.68-1.27,7.87,7.87,0,0,0-4.42,1.2,9,9,0,0,0-2.91,3.12V11h-9v4.32H64V30.06H60.48v4.26H73.89Z"/><path class="cls-2" d="M145.55,18.88q0-4.32-2.39-6.34a8.35,8.35,0,0,0-5.56-2,8,8,0,0,0-4.84,1.43,9.06,9.06,0,0,0-3,3.82,6.79,6.79,0,0,0-2.91-4,8.79,8.79,0,0,0-4.68-1.27,7.87,7.87,0,0,0-4.42,1.2,9,9,0,0,0-2.91,3.12V11h-9v4.32h3.43V30.06h-3.48v4.26h13.42V30.06h-4.37V20.9a7.47,7.47,0,0,1,1.35-4.24,4.57,4.57,0,0,1,4-1.85,4,4,0,0,1,3.25,1.38q1.17,1.38,1.17,4.71v9.15h-1.25v4.26h10.3V30.06h-3.48V21a7.7,7.7,0,0,1,1.33-4.26,4.53,4.53,0,0,1,4-1.87,4.1,4.1,0,0,1,3.3,1.38Q140,17.58,140,20.9v9.15h-1.3v4.26H149V30.06h-3.43Z"/><path class="cls-2" d="M163.07,10.45q-6,0-9.1,3.67a13.21,13.21,0,0,0-3.07,8.76,11.75,11.75,0,0,0,3.25,8.74,11.68,11.68,0,0,0,8.61,3.22,12.34,12.34,0,0,0,9-3.35,11.72,11.72,0,0,0,3.46-8.81,13,13,0,0,0-3-8.58Q169.15,10.45,163.07,10.45Zm4.63,17.81A5.66,5.66,0,0,1,163,30.47a5.35,5.35,0,0,1-4.71-2.29,9.62,9.62,0,0,1-1.59-5.62,8.84,8.84,0,0,1,1.66-5.64A5.57,5.57,0,0,1,163,14.82a6,6,0,0,1,4.65,2,8.24,8.24,0,0,1,1.79,5.72A9.11,9.11,0,0,1,167.7,28.26Z"/><path class="cls-2" d="M203,18.88q0-4.32-2.39-6.34a8.56,8.56,0,0,0-5.72-2,8.28,8.28,0,0,0-7.75,4.26V11h-9.2v4.32h3.64V30.06H178v4.26h12.53V30.06h-3.48V20.75a6.3,6.3,0,0,1,1.59-4.21,5.33,5.33,0,0,1,4.19-1.72,4.18,4.18,0,0,1,3.33,1.38q1.2,1.38,1.2,4.71v9.15H194v4.26h12.48V30.06H203Z"/><polygon class="cls-2" points="250.48 0.52 237.69 0.52 237.69 5.46 241.49 5.46 233.69 25.48 233.43 25.48 225.42 5.46 229.16 5.46 229.16 0.52 215.85 0.52 215.85 5.46 219.07 5.46 231.14 34.32 235.3 34.32 247.36 5.46 250.48 5.46 250.48 0.52"/><path class="cls-2" d="M260.36,10.45q-6,0-9.1,3.67a13.21,13.21,0,0,0-3.07,8.76,11.75,11.75,0,0,0,3.25,8.74A11.68,11.68,0,0,0,260,34.84a12.34,12.34,0,0,0,9-3.35,11.72,11.72,0,0,0,3.46-8.81,13,13,0,0,0-3-8.58Q266.45,10.45,260.36,10.45ZM265,28.26a5.66,5.66,0,0,1-4.73,2.21,5.35,5.35,0,0,1-4.71-2.29A9.62,9.62,0,0,1,254,22.57a8.84,8.84,0,0,1,1.66-5.64,5.57,5.57,0,0,1,4.63-2.11,6,6,0,0,1,4.65,2,8.24,8.24,0,0,1,1.79,5.72A9.11,9.11,0,0,1,265,28.26Z"/><polygon class="cls-2" points="284.54 10.97 275.34 10.97 275.34 15.29 279.03 15.29 279.03 30.06 275.55 30.06 275.55 34.32 288.02 34.32 288.02 30.06 284.54 30.06 284.54 10.97"/><rect class="cls-2" x="278.72" width="5.67" height="6.14"/><path class="cls-2" d="M302.22,30.37q-6,0-6-7.59,0-7.8,5.82-7.8a9.16,9.16,0,0,1,4.06.94l.78,3.85,4.47-.47-.94-6.55A15.48,15.48,0,0,0,306.33,11a17.11,17.11,0,0,0-4.16-.52,11.17,11.17,0,0,0-8.5,3.43,12.69,12.69,0,0,0-3.25,9.1q0,5.77,3.15,8.79a11.27,11.27,0,0,0,8.14,3q5.3,0,7.7-2.89a11.46,11.46,0,0,0,2.76-6l-4.68-.88Q306.59,30.37,302.22,30.37Z"/><path class="cls-2" d="M332.17,26.31a6.46,6.46,0,0,1-1.53,2.76,5,5,0,0,1-3.87,1.3q-5.77,0-6.24-6.55h15.76a17,17,0,0,0,.31-3.12,10.18,10.18,0,0,0-2.89-7.31,11.56,11.56,0,0,0-16,.7,13.5,13.5,0,0,0-3,8.94q0,5.82,3.28,8.81a11.94,11.94,0,0,0,8.37,3,11.16,11.16,0,0,0,7.44-2.29,8,8,0,0,0,3-5.36Zm-10-10a4.53,4.53,0,0,1,3.8-1.66,4.29,4.29,0,0,1,3.93,1.85,6,6,0,0,1,1,3.93h-10.3A8.22,8.22,0,0,1,322.19,16.28Z"/></g></g></svg>
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 20.1.0, 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 360 102.8" style="enable-background:new 0 0 360 102.8;" xml:space="preserve">
<g>
<path d="M134.3,45.6c-6.6,0-10.7,4.9-10.7,13.4c0,7.8,3.6,13.8,10.6,13.8c6.7,0,11.1-5.4,11.1-14C145.3,49.7,140.4,45.6,134.3,45.6
z"/>
<path d="M310.9,68.3c0,2.9,1.4,5.2,5.3,5.2c4.6,0,9.5-3.3,9.8-10.8c-2.1-0.3-4.4-0.6-6.5-0.6C314.9,62.1,310.9,63.4,310.9,68.3z"/>
<path d="M0.1,0v103h360V0H0.1z M105.1,82h-19V56.3c0-7.8-2.9-10.8-8-10.8c-6.2,0-9,4.4-9,10.7V72h6v10h-18V56.3
c0-7.8-2.9-10.8-8-10.8c-6.2,0-9,4.4-9,10.7V72h9v10h-28V72h6V46h-6v-9h19v6.4c3-4.8,7.5-7.7,13.8-7.7c6.5,0,12.5,3.1,14.7,9.7
c2.5-6,7.8-9.7,14.9-9.7c8.1,0,15.7,4.9,15.7,15.6V72h6V82z M133.8,82.6c-13.9,0-23.5-8.5-23.5-22.9c0-13.2,8-24.1,24.2-24.1
c16.2,0,24.1,10.9,24.1,23.5C158.6,73.5,148.2,82.6,133.8,82.6z M206.4,82h-39.3l-1.3-7.2L190.6,46h-14.1l-2,7.2l-9.3-0.7l1.6-15.5
h39.5l1,6.7l-25,28.3h14.6l2.1-7.1l10.2,1.1L206.4,82z M232.1,82h-13V65h13V82z M232.1,53h-13V37h13V53z M240.6,82L260,13h12.7
l-19.5,69H240.6z M266.7,82l19.5-69h12.7l-19.5,69H266.7z M335.9,82.6c-6,0-9.3-3.5-9.9-9c-2.6,4.6-7.2,9-14.5,9
c-6.5,0-13.9-3.5-13.9-12.9c0-11.1,10.7-13.7,21-13.7c2.5,0,5.4,0.1,7.4,0.4V55c0-4.6-0.1-10.1-7.4-10.1c-2.7,0-4.8,0.2-6.9,1.3
l-1.5,5.1L300,50.2l1.8-10.4c7.9-3.2,12-4.1,19.4-4.1c9.7,0,18,5,18,15.3v19.6c0,2.6,0.9,3.5,3,3.5c0.6,0,1.1-0.1,1.8-0.3l0.1,6.8
C341.6,81.8,338.7,82.6,335.9,82.6z"/>
</g>
</svg>
......@@ -13,7 +13,8 @@ const LOAD_TIMEOUT = 5000; // we can only wait so long.
* TODO: right now we load all images, which is unnecessary.
*/
const PRELOAD = [
'/img/mozilla.svg',
'/img/cv-logo-bw.svg',
'/img/cv-logo-one-color-white.svg',
'/img/robot-greetings.png',
'/img/robot-listening.png',
'/img/robot-thanks.png',
......
import { h, Component } from 'preact';
export default (props: any) => {
const imgSrc = props.reverse
? '/img/cv-logo-one-color-white.svg'
: '/img/cv-logo-bw.svg';
return (
<a
class="main-logo"
......@@ -10,9 +14,7 @@ export default (props: any) => {
evt.stopPropagation();
props.navigate('/');
}}>
<span class="main-title">Common Voice</span>
<br />
<img class="main-mozilla-logo" src="/img/mozilla.svg" />
<img class="main-mozilla-logo" src={imgSrc} />
</a>
);
};
......@@ -440,7 +440,7 @@ export default class Pages extends Component<PagesProps, PagesState> {
</div>
<div id="moz-links">
<div class="content">
<Logo navigate={this.props.navigate} />
<Logo navigate={this.props.navigate} reverse={true} />
<div class="links">
<p>
<a onClick={this.linkNavigate} href="/privacy">
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment