Skip to content

GitLab

Commit f7a8db80 authored by alain's avatar alain 🐙
Browse files

first stub of home page and animation

parent 603aa5d9
Hide whitespace changes
Inline Side-by-side
frontend/gatsby-config.js
View file @ f7a8db80
...@@ -19,13 +19,15 @@ module.exports = { ...@@ -19,13 +19,15 @@ module.exports = {
options: { options: {
apiURL: process.env.API_URL || 'http://localhost:1337', apiURL: process.env.API_URL || 'http://localhost:1337',
contentTypes: [ contentTypes: [
'layer',
'domain', 'domain',
'use-case', 'use-case',
'alternative', 'alternative',
], ],
singleTypes: [ singleTypes: [
`header`, 'header',
`about`, 'home',
'about',
], ],
queryLimit: 1000 queryLimit: 1000
} }
...@@ -42,7 +44,7 @@ module.exports = { ...@@ -42,7 +44,7 @@ module.exports = {
background_color: `#663399`, background_color: `#663399`,
theme_color: `#663399`, theme_color: `#663399`,
display: `minimal-ui`, display: `minimal-ui`,
icon: `src/images/gatsby-icon.png`, // This path is relative to the root of the site. icon: ``, // This path is relative to the root of the site.
}, },
}, },
// this (optional) plugin enables Progressive Web App + Offline functionality // this (optional) plugin enables Progressive Web App + Offline functionality
......
frontend/package.json
View file @ f7a8db80
...@@ -5,10 +5,10 @@ ...@@ -5,10 +5,10 @@
"version": "0.1.0", "version": "0.1.0",
"author": "Alain Otjens <alain@waag.org>", "author": "Alain Otjens <alain@waag.org>",
"dependencies": { "dependencies": {
"gatsby": "^2.24.32", "gatsby": "^2.24.37",
"gatsby-cli": "^2.12.77", "gatsby-cli": "^2.12.80",
"gatsby-image": "^2.4.9", "gatsby-image": "^2.4.9",
"gatsby-plugin-manifest": "^2.4.14", "gatsby-plugin-manifest": "^2.4.22",
"gatsby-plugin-offline": "^3.2.22", "gatsby-plugin-offline": "^3.2.22",
"gatsby-plugin-react-helmet": "^3.3.6", "gatsby-plugin-react-helmet": "^3.3.6",
"gatsby-plugin-sass": "^2.3.12", "gatsby-plugin-sass": "^2.3.12",
...@@ -16,6 +16,7 @@ ...@@ -16,6 +16,7 @@
"gatsby-source-filesystem": "^2.3.24", "gatsby-source-filesystem": "^2.3.24",
"gatsby-source-strapi": "^0.0.12", "gatsby-source-strapi": "^0.0.12",
"gatsby-transformer-sharp": "^2.5.7", "gatsby-transformer-sharp": "^2.5.7",
"gsap": "^3.3.4",
"node-sass": "^4.14.1", "node-sass": "^4.14.1",
"prop-types": "^15.7.2", "prop-types": "^15.7.2",
"react": "^16.12.0", "react": "^16.12.0",
......
frontend/src/components/header.js
View file @ f7a8db80
...@@ -32,7 +32,7 @@ const Header = ({ siteTitle }) => ( ...@@ -32,7 +32,7 @@ const Header = ({ siteTitle }) => (
<div id="site-titles"> <div id="site-titles">
<h1 id="site-title"><Link to="/" >{ data.strapiHeader.title }</Link></h1> <h1 id="site-title"><Link to="/" >{ data.strapiHeader.title }</Link></h1>
<h2 id="site-subtitle">{ data.strapiHeader.subtitle }</h2> {/* <h2 id="site-subtitle">{ data.strapiHeader.subtitle }</h2> */}
</div> </div>
<ul className="menu"> <ul className="menu">
......
frontend/src/images/phone.js 0 → 100644
View file @ f7a8db80
import React from 'react'
const VisualPhone = () => {
return (
<svg id="phone" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 531.94 1106.1"><g id="society"><g id="society-bg" opacity="0"><polygon points="32.28 530.8 367.25 336.74 527.91 428.05 526.72 443.06 190.9 633.74 33.12 547.68 32.28 530.8" fill="#e82b30"/><path d="M816,431.66v.22c0,2-1.36,4.06-4,5.61l-6.7,3.9L661.61,358.45c-5.42-3.12-14.17-3.12-19.55,0l-321.22,187-6.59-3.81c-2.71-1.56-4.08-3.63-4.08-5.68v-.23c0-2,1.34-4.07,4-5.62l327.93-190.9c5.38-3.12,14.13-3.12,19.54,0L811.9,426C814.63,427.53,816,429.59,816,431.66Z" transform="translate(-284.05 -6.88)" fill="#e82b30"/><path d="M812,437.49l-6.7,3.9L484,628.39c-5.38,3.12-14.13,3.12-19.55,0L320.84,545.45l-6.59-3.81c-2.71-1.56-4.08-3.63-4.08-5.68l-.05,19v.22c0,2.07,1.35,4.13,4.08,5.7l150.24,86.75c5.41,3.12,14.16,3.12,19.54,0l327.93-190.9c2.68-1.55,4-3.59,4-5.62v-.23l.06-19C816,433.91,814.63,435.94,812,437.49Z" transform="translate(-284.05 -6.88)" fill="#b2232d"/></g><g id="society-content" opacity="0"><g><polygon points="445.42 289.5 389.51 321.99 389.24 418.18 445.5 450.66 501.41 418.17 501.68 321.99 445.42 289.5" fill="#36226a"/><polygon points="501.68 321.99 445.78 354.47 389.51 321.99 445.42 289.5 501.68 321.99" fill="#321d64"/><polygon points="501.68 321.99 501.41 418.17 445.5 450.66 445.78 354.47 501.68 321.99" fill="#49378d"/><polygon points="445.78 354.47 445.5 450.66 389.24 418.18 389.51 321.99 445.78 354.47" fill="#36226a"/></g><g><path d="M664.24,391h0a1,1,0,0,0,0-.17c0-.14,0-.27-.05-.41s0-.35-.06-.53,0-.07,0-.11,0-.06,0-.09-.05-.29-.08-.43l-.06-.3c0-.16-.07-.32-.11-.48l-.15-.55v-.06c0-.14-.08-.28-.13-.43s-.08-.26-.13-.39a1.72,1.72,0,0,0-.07-.21c0-.07-.05-.14-.08-.22a2,2,0,0,0-.08-.22c-.06-.17-.14-.34-.21-.52s-.17-.42-.27-.63c0-.05-.05-.1-.07-.16l-.11-.22c-.26-.54-.54-1.08-.85-1.6a1.74,1.74,0,0,0-.11-.18c-.06-.11-.13-.22-.2-.33a1.74,1.74,0,0,0-.11-.18l-.16-.26-.47-.67-.13-.19,0,0-.06-.07c-.14-.18-.28-.37-.43-.55l-.15-.19-.12-.15-.66-.75-.09-.1h0l0-.06c-.21-.22-.43-.44-.65-.64l-.05-.05,0,0c-.24-.22-.49-.44-.74-.64l0,0-.05,0-.5-.38-.27-.2-.09-.06a10,10,0,0,0-.85-.54l-23.1-13.34c-.28-.16-.55-.3-.82-.43l-.15-.06-.32-.13-.45-.18-.14,0c-.2-.07-.4-.12-.59-.17l-.11,0-.26-.06-.41-.06-.48,0h-.34l-.47.05-.27,0h0a3.36,3.36,0,0,0-.48.13l-.21.06h0a3.5,3.5,0,0,0-.65.3l-10.58,6.15h0c-1.57.9-2.55,2.84-2.56,5.6L613,428.39c.3.54,5.94,10.8,20,18.94.51.3,1,.59,1.58.88,11.73,6.33,16.34,5.46,18,4.43l0,0,0,0,10.57-6.14.21-.15.24-.16a3.18,3.18,0,0,0,.26-.25l0,0,.13-.16,0,0,0-.08.15-53.72C664.28,391.62,664.27,391.3,664.24,391Z" transform="translate(-284.05 -6.88)" fill="#4a378d"/><g><path d="M615.72,369.09l10.58-6.15a4.8,4.8,0,0,1,3.09-.53l-10.57,6.15a4.7,4.7,0,0,0-3.1.53" transform="translate(-284.05 -6.88)" fill="#2e185d"/><path d="M618.82,368.56l10.57-6.15a7.2,7.2,0,0,1,.78.16l-10.57,6.14a5.36,5.36,0,0,0-.78-.15" transform="translate(-284.05 -6.88)" fill="#2f1a60"/><path d="M619.6,368.71l10.57-6.14c.21.05.42.12.63.19l-10.57,6.14-.63-.19" transform="translate(-284.05 -6.88)" fill="#311c62"/><path d="M620.23,368.9l10.57-6.14.55.21-10.57,6.15-.55-.22" transform="translate(-284.05 -6.88)" fill="#321e65"/><path d="M620.78,369.12,631.35,363l.51.24-10.57,6.14-.51-.23" transform="translate(-284.05 -6.88)" fill="#342067"/><path d="M621.29,369.35l10.57-6.14.48.25-10.57,6.14-.48-.25" transform="translate(-284.05 -6.88)" fill="#35216a"/><path d="M621.77,369.6l10.57-6.14.16.09-10.58,6.14-.15-.09" transform="translate(-284.05 -6.88)" fill="#37236c"/></g><polygon points="369.66 391.19 380.23 385.05 380.08 438.77 369.51 444.91 369.66 391.19" fill="#473489"/><polygon points="337.87 362.81 348.44 356.67 371.54 370.01 360.97 376.15 337.87 362.81" fill="#3c2975"/><path d="M645,383c4.82,2.78,8.71,9.51,8.69,15.05l-.15,53.71c-.14.26-2.85,5.09-18.92-3.58-.54-.29-1.07-.58-1.58-.88-14.09-8.14-19.73-18.4-20-18.94l.15-53.71c0-5.54,3.93-7.77,8.74-5Z" transform="translate(-284.05 -6.88)" fill="#38246e"/><path d="M664.24,391a1.09,1.09,0,0,0,0-.18c0-.31-.06-.62-.11-.94,0-.07,0-.13,0-.2,0-.25-.09-.49-.14-.73s-.07-.32-.11-.48-.11-.39-.16-.59-.09-.3-.14-.45-.13-.4-.2-.6-.1-.29-.16-.44-.14-.34-.21-.52-.17-.42-.27-.63l-.18-.38c-.26-.54-.54-1.08-.85-1.6-.1-.17-.2-.34-.31-.51l-.27-.44c-.19-.29-.39-.58-.6-.86l-.08-.1c-.18-.25-.38-.5-.58-.74l-.12-.15-.66-.75a1.14,1.14,0,0,0-.11-.11c-.23-.25-.46-.48-.7-.7l-.09-.09c-.24-.22-.49-.44-.74-.64l-.09-.08c-.25-.2-.51-.4-.77-.58l-.09-.06a10,10,0,0,0-.85-.54l-23.1-13.34c-.28-.16-.55-.3-.82-.43l-.15-.06a6.89,6.89,0,0,0-.77-.31l-.14,0c-.2-.07-.4-.12-.59-.17l-.37-.08-.41-.06-.48,0h-.34l-.47.05a2.85,2.85,0,0,0-.29,0,3.36,3.36,0,0,0-.48.13l-.24.07a3.5,3.5,0,0,0-.65.3l-10.58,6.15a3.31,3.31,0,0,1,.66-.31l.23-.07.48-.12.3,0a3.73,3.73,0,0,1,.47,0h.34l.48,0h.14l.27.05.36.07.15,0,.45.14.14,0h0l.55.22.17.08.15.07.19.08.48.25.15.09L645,383l.3.18c.15.09.3.18.44.28l.11.08.1.07.21.15c.14.1.28.2.41.31l.14.11.1.08.17.14.4.35.17.15.09.09.14.13.4.4.16.17a1.14,1.14,0,0,0,.11.11,1.07,1.07,0,0,0,.14.16c.14.15.28.31.41.47l.1.12.13.15.22.27.36.48.08.1,0,0c.17.24.35.48.51.73l.06.09.27.43c.09.15.19.29.27.44a.25.25,0,0,1,0,.07c.31.52.59,1.06.85,1.61a1.09,1.09,0,0,1,.08.15l.1.22.27.64c0,.1.09.2.13.31s.05.14.08.21.11.29.16.44.14.4.2.6.09.3.14.44a2.29,2.29,0,0,0,.08.28c0,.1.05.21.07.31l.12.48a1.89,1.89,0,0,0,0,.23l.09.5c0,.07,0,.14,0,.21s0,.05,0,.08l.09.67a1.09,1.09,0,0,0,0,.18c0,.06,0,.12,0,.18a2.28,2.28,0,0,1,0,.26c0,.18,0,.37,0,.55v.15l-.15,53.71a.16.16,0,0,0,0,.06l0,0,0,.05,0,0-.09.11s0,0,0,0v0l-.23.22h0a2.29,2.29,0,0,1-.23.17l-.18.12,0,0,10.57-6.14.21-.15.24-.16a3.18,3.18,0,0,0,.26-.25l0,0,.13-.16,0,0,0-.08.15-53.72C664.28,391.62,664.27,391.3,664.24,391Z" transform="translate(-284.05 -6.88)" fill="#4a378d"/><g><path d="M645,383l10.58-6.14.3.17-10.58,6.15L645,383" transform="translate(-284.05 -6.88)" fill="#37236c"/><path d="M645.32,383.21l10.58-6.15.44.29-10.58,6.14c-.14-.1-.29-.19-.44-.28" transform="translate(-284.05 -6.88)" fill="#38256f"/><path d="M645.76,383.49l10.58-6.14.41.29-10.57,6.15-.42-.3" transform="translate(-284.05 -6.88)" fill="#3a2671"/><path d="M646.18,383.79l10.57-6.15.42.32-10.58,6.14c-.13-.11-.27-.21-.41-.31" transform="translate(-284.05 -6.88)" fill="#3b2874"/><path d="M646.59,384.1,657.17,378l.4.32L647,384.43l-.41-.33" transform="translate(-284.05 -6.88)" fill="#3d2976"/><path d="M647,384.43l10.57-6.15.4.35-10.57,6.15-.4-.35" transform="translate(-284.05 -6.88)" fill="#3e2b78"/><path d="M647.4,384.78,658,378.63l.4.37-10.57,6.15-.4-.37" transform="translate(-284.05 -6.88)" fill="#3f2c7b"/><path d="M647.8,385.15,658.37,379l.4.41-10.57,6.14-.4-.4" transform="translate(-284.05 -6.88)" fill="#412e7d"/><path d="M648.2,385.55l10.57-6.14.41.43L648.61,386c-.13-.15-.27-.3-.41-.44" transform="translate(-284.05 -6.88)" fill="#422f7f"/><path d="M648.61,386l10.57-6.15.42.47L649,386.46c-.13-.16-.27-.32-.41-.47" transform="translate(-284.05 -6.88)" fill="#433082"/><path d="M649,386.46l10.58-6.15c.15.18.3.36.44.55L649.47,387c-.15-.18-.29-.37-.45-.54" transform="translate(-284.05 -6.88)" fill="#453284"/><path d="M649.47,387,660,380.86c.16.2.32.4.47.61l-10.57,6.15c-.16-.21-.31-.42-.47-.62" transform="translate(-284.05 -6.88)" fill="#463386"/><path d="M649.94,387.62l10.57-6.15c.18.24.35.49.51.74l-10.57,6.14c-.16-.25-.34-.49-.51-.73" transform="translate(-284.05 -6.88)" fill="#473489"/><path d="M650.45,388.35,661,382.21c.21.31.41.63.61,1l-10.58,6.15q-.28-.49-.6-1" transform="translate(-284.05 -6.88)" fill="#48368b"/><path d="M651.05,389.31l10.58-6.15c.35.6.67,1.21,1,1.84L652,391.14a18.85,18.85,0,0,0-1-1.83" transform="translate(-284.05 -6.88)" fill="#4a378d"/><path d="M652,391.14,662.6,385c.18.38.34.77.5,1.16l-10.58,6.15c-.15-.39-.32-.78-.5-1.17" transform="translate(-284.05 -6.88)" fill="#4b388f"/><path d="M652.52,392.31l10.58-6.15a20.62,20.62,0,0,1,.65,2l-10.57,6.15a18.22,18.22,0,0,0-.66-2" transform="translate(-284.05 -6.88)" fill="#4a378d"/><path d="M653.18,394.28l10.57-6.15q.13.51.24,1l-10.57,6.15q-.1-.51-.24-1" transform="translate(-284.05 -6.88)" fill="#48368b"/><path d="M653.42,395.3,664,389.15c.06.27.1.53.14.79l-10.57,6.15c0-.27-.09-.53-.14-.79" transform="translate(-284.05 -6.88)" fill="#473489"/><path d="M653.56,396.09l10.57-6.15c0,.23.06.45.09.68l-10.57,6.14-.09-.67" transform="translate(-284.05 -6.88)" fill="#463386"/><path d="M653.65,396.76l10.57-6.14c0,.21,0,.41,0,.61l-10.57,6.15c0-.21,0-.41,0-.62" transform="translate(-284.05 -6.88)" fill="#453284"/><path d="M653.69,397.38l10.57-6.15c0,.19,0,.38,0,.56l-10.57,6.14c0-.18,0-.37,0-.55" transform="translate(-284.05 -6.88)" fill="#433082"/><path d="M653.71,397.93l10.57-6.14v.14l-10.57,6.15v-.15" transform="translate(-284.05 -6.88)" fill="#422f7f"/></g></g><g><path d="M657.91,355.87a2.46,2.46,0,0,0,0-.28c0-.49-.1-1-.18-1.49l-.06-.34c-.06-.38-.14-.76-.22-1.15l-.18-.76c-.08-.31-.16-.62-.25-.94s-.14-.47-.22-.71-.21-.63-.32-.95-.16-.47-.25-.7-.22-.55-.34-.83-.28-.67-.43-1-.27-.6-.42-.89-.21-.43-.32-.64-.34-.65-.52-1l-.33-.59c-.17-.3-.36-.59-.54-.88l-.43-.69c-.31-.46-.63-.92-1-1.37a1.83,1.83,0,0,1-.13-.16c-.3-.41-.61-.8-.93-1.19l-.2-.24c-.34-.4-.68-.8-1-1.18l-.17-.18q-.56-.58-1.11-1.11l-.16-.15q-.57-.53-1.17-1l-.15-.12c-.4-.33-.8-.63-1.22-.92l-.15-.1c-.44-.31-.89-.6-1.35-.86s-.88-.48-1.31-.68l-.23-.11c-.41-.19-.82-.35-1.22-.49l-.22-.07c-.32-.1-.64-.19-.95-.26s-.39-.09-.59-.12-.43-.08-.64-.1-.51,0-.76-.05a4.87,4.87,0,0,0-.54,0l-.75.06-.47.06a6.57,6.57,0,0,0-.76.21l-.38.1a7.6,7.6,0,0,0-1,.49l-10.57,6.14h0c-2.5,1.44-4,4.52-4.07,8.9,0,8.81,6.16,19.52,13.82,23.94,4.12,2.38,7.82,2.44,10.36.62a4.13,4.13,0,0,1-.42.31l-.07,0,10.57-6.14c.18-.11.35-.25.52-.37a3.48,3.48,0,0,0,.39-.28,5.87,5.87,0,0,0,.72-.69l.14-.17a6.12,6.12,0,0,0,.53-.7l.1-.14c.18-.29.35-.6.51-.92a1.11,1.11,0,0,1,.07-.16,10.68,10.68,0,0,0,.4-1,.88.88,0,0,0,.05-.15c.12-.37.22-.76.31-1.17l0-.15c.08-.41.14-.85.19-1.3,0,0,0-.09,0-.14a14.91,14.91,0,0,0,.07-1.52C658,356.89,658,356.38,657.91,355.87Z" transform="translate(-284.05 -6.88)" fill="#473489"/><g><path d="M623.72,338.63l10.57-6.14a7.53,7.53,0,0,1,4.93-.84l-10.58,6.14a7.57,7.57,0,0,0-4.92.84" transform="translate(-284.05 -6.88)" fill="#2e185d"/><path d="M628.64,337.79l10.58-6.14a11.75,11.75,0,0,1,1.24.24L629.89,338a12,12,0,0,0-1.25-.25" transform="translate(-284.05 -6.88)" fill="#2f1a60"/><path d="M629.89,338l10.57-6.15c.32.09.66.19,1,.31l-10.57,6.14q-.51-.18-1-.3" transform="translate(-284.05 -6.88)" fill="#311c62"/><path d="M630.88,338.34l10.57-6.14c.29.1.58.21.88.34l-10.57,6.14c-.3-.12-.59-.24-.88-.34" transform="translate(-284.05 -6.88)" fill="#321e65"/><path d="M631.76,338.68l10.57-6.14c.27.11.54.24.81.38l-10.57,6.14c-.27-.14-.54-.26-.81-.38" transform="translate(-284.05 -6.88)" fill="#342067"/><path d="M632.57,339.06l10.57-6.14c.25.12.51.25.76.39l-10.57,6.15c-.26-.14-.51-.28-.76-.4" transform="translate(-284.05 -6.88)" fill="#35216a"/><path d="M633.33,339.46l10.57-6.15.25.15-10.57,6.14-.25-.14" transform="translate(-284.05 -6.88)" fill="#37236c"/></g><g><path d="M633.58,339.6l10.57-6.14.48.28-10.58,6.14-.47-.28" transform="translate(-284.05 -6.88)" fill="#37236c"/><path d="M634.05,339.88l10.58-6.14c.23.14.47.29.7.45l-10.57,6.14-.71-.45" transform="translate(-284.05 -6.88)" fill="#38256f"/><path d="M634.76,340.33l10.57-6.14.66.47-10.57,6.14-.66-.47" transform="translate(-284.05 -6.88)" fill="#3a2671"/><path d="M635.42,340.8,646,334.66l.66.5-10.57,6.14-.66-.5" transform="translate(-284.05 -6.88)" fill="#3b2874"/><path d="M636.08,341.3l10.57-6.14.64.52-10.57,6.14-.64-.52" transform="translate(-284.05 -6.88)" fill="#3d2976"/><path d="M636.72,341.82l10.57-6.14c.22.18.43.37.64.56l-10.57,6.14-.64-.56" transform="translate(-284.05 -6.88)" fill="#3e2b78"/><path d="M637.36,342.38l10.57-6.14.63.59L638,343l-.63-.59" transform="translate(-284.05 -6.88)" fill="#3f2c7b"/><path d="M638,343l10.57-6.14.65.64-10.57,6.14L638,343" transform="translate(-284.05 -6.88)" fill="#412e7d"/><path d="M638.64,343.61l10.57-6.14.65.69-10.57,6.15-.65-.7" transform="translate(-284.05 -6.88)" fill="#422f7f"/><path d="M639.29,344.31l10.57-6.15.66.75L640,345.05l-.66-.74" transform="translate(-284.05 -6.88)" fill="#433082"/><path d="M640,345.05l10.57-6.14c.24.28.47.57.7.86l-10.57,6.15c-.23-.3-.46-.58-.7-.87" transform="translate(-284.05 -6.88)" fill="#453284"/><path d="M640.65,345.92l10.57-6.15c.26.32.51.65.75,1L641.4,346.9c-.24-.34-.49-.66-.75-1" transform="translate(-284.05 -6.88)" fill="#463386"/><path d="M641.4,346.9,652,340.75l.82,1.17-10.57,6.15c-.27-.4-.54-.79-.82-1.17" transform="translate(-284.05 -6.88)" fill="#473489"/><path d="M642.22,348.07l10.57-6.15c.33.5.65,1,1,1.52l-10.58,6.15c-.3-.52-.62-1-.95-1.52" transform="translate(-284.05 -6.88)" fill="#48368b"/><path d="M643.17,349.59l10.58-6.15c.56.95,1.08,1.93,1.54,2.92l-10.57,6.15a32.61,32.61,0,0,0-1.55-2.92" transform="translate(-284.05 -6.88)" fill="#4a378d"/><path d="M644.72,352.51l10.57-6.15c.29.62.55,1.23.8,1.85l-10.58,6.15c-.24-.62-.51-1.24-.79-1.85" transform="translate(-284.05 -6.88)" fill="#4b388f"/><path d="M645.51,354.36l10.58-6.15c.4,1,.75,2.09,1,3.14l-10.58,6.14a28,28,0,0,0-1-3.13" transform="translate(-284.05 -6.88)" fill="#4a378d"/><path d="M646.55,357.49l10.58-6.14c.14.54.27,1.08.38,1.62l-10.57,6.14q-.16-.81-.39-1.62" transform="translate(-284.05 -6.88)" fill="#48368b"/><path d="M646.94,359.11,657.51,353c.09.42.16.84.22,1.25l-10.57,6.15c-.06-.42-.14-.84-.22-1.26" transform="translate(-284.05 -6.88)" fill="#473489"/><path d="M647.16,360.37l10.57-6.15c.06.37.1.72.14,1.08l-10.57,6.15c0-.36-.09-.72-.14-1.08" transform="translate(-284.05 -6.88)" fill="#463386"/><path d="M647.3,361.45l10.57-6.15c0,.33.06.65.07,1l-10.57,6.14c0-.32,0-.65-.07-1" transform="translate(-284.05 -6.88)" fill="#453284"/><path d="M647.37,362.42l10.57-6.14c0,.29,0,.59,0,.88l-10.57,6.15c0-.3,0-.59,0-.89" transform="translate(-284.05 -6.88)" fill="#433082"/><path d="M647.4,363.31,658,357.16v.23c0,.2,0,.4,0,.6l-10.57,6.14c0-.19,0-.39,0-.6v-.22" transform="translate(-284.05 -6.88)" fill="#422f7f"/><path d="M647.39,364.13,658,358c0,.26,0,.52,0,.78l-10.58,6.14c0-.25,0-.51,0-.78" transform="translate(-284.05 -6.88)" fill="#412e7d"/><path d="M647.34,364.91l10.58-6.14c0,.24,0,.48-.08.72l-10.57,6.14c0-.23.05-.47.07-.72" transform="translate(-284.05 -6.88)" fill="#3f2c7b"/><path d="M647.27,365.63l10.57-6.14c0,.24-.07.47-.11.69l-10.57,6.15c0-.23.08-.46.11-.7" transform="translate(-284.05 -6.88)" fill="#3e2b78"/><path d="M647.16,366.33l10.57-6.15a6.4,6.4,0,0,1-.14.66L647,367c.05-.21.1-.43.14-.65" transform="translate(-284.05 -6.88)" fill="#3d2976"/><path d="M647,367l10.57-6.14c-.05.22-.1.43-.16.64l-10.58,6.14c.07-.21.12-.42.17-.64" transform="translate(-284.05 -6.88)" fill="#3b2874"/><path d="M646.85,367.62l10.58-6.14c-.07.21-.13.41-.2.61l-10.58,6.15a6.4,6.4,0,0,0,.2-.62" transform="translate(-284.05 -6.88)" fill="#3a2671"/><path d="M646.65,368.24l10.58-6.15-.24.61-10.57,6.14c.08-.2.16-.4.23-.6" transform="translate(-284.05 -6.88)" fill="#38256f"/><path d="M646.42,368.84,657,362.7c-.09.2-.19.4-.28.59l-10.58,6.14c.1-.19.2-.39.29-.59" transform="translate(-284.05 -6.88)" fill="#37236c"/><path d="M646.13,369.43l10.58-6.14-.33.57L645.81,370c.11-.19.22-.38.32-.58" transform="translate(-284.05 -6.88)" fill="#35216a"/><path d="M645.81,370l10.57-6.15c-.13.21-.26.4-.4.59l-10.57,6.14c.14-.19.27-.38.4-.58" transform="translate(-284.05 -6.88)" fill="#342067"/><path d="M645.41,370.59,656,364.45a6.82,6.82,0,0,1-.49.58l-10.57,6.14a7.12,7.12,0,0,0,.49-.58" transform="translate(-284.05 -6.88)" fill="#321e65"/><path d="M644.92,371.17,655.49,365a6.88,6.88,0,0,1-.62.59l-10.57,6.15a7,7,0,0,0,.62-.6" transform="translate(-284.05 -6.88)" fill="#311c62"/><path d="M644.3,371.77l10.57-6.15a6,6,0,0,1-.87.62l-10.57,6.15a7.62,7.62,0,0,0,.87-.62" transform="translate(-284.05 -6.88)" fill="#2f1a60"/><path d="M643.43,372.39,654,366.24l-.07.05-10.57,6.14.07,0" transform="translate(-284.05 -6.88)" fill="#2e185d"/></g><path d="M633.58,339.6c7.66,4.42,13.85,15.14,13.82,23.93s-6.25,12.35-13.91,7.93-13.84-15.13-13.82-23.94S625.92,335.18,633.58,339.6Z" transform="translate(-284.05 -6.88)" fill="#38246e"/></g><g><polygon points="165.37 351.36 109.46 383.84 109.04 532.2 165.31 564.68 221.21 532.2 221.63 383.84 165.37 351.36" fill="#9f9f9f"/><polygon points="221.63 383.84 165.73 416.33 109.46 383.84 165.37 351.36 221.63 383.84" fill="#929292"/><polygon points="221.63 383.84 221.21 532.2 165.31 564.68 165.73 416.33 221.63 383.84" fill="#e9e9e9"/><polygon points="165.73 416.33 165.31 564.68 109.04 532.2 109.46 383.84 165.73 416.33" fill="#9f9f9f"/></g><g><path d="M555.5,491.49c0-2.76-1-4.69-2.56-5.6h0l-10.57-6.15a4.3,4.3,0,0,0-1.34-.49,4.69,4.69,0,0,0-1.07-.09,6.09,6.09,0,0,0-.93.09,7.81,7.81,0,0,0-.87.21,8.11,8.11,0,0,0-.85.32,8.64,8.64,0,0,0-.87.42l-.27.15-23.1,13.34c-.22.12-.43.26-.65.4s-.66.46-1,.72-.77.65-1.14,1a19.52,19.52,0,0,0-1.89,2.14,19.19,19.19,0,0,0-1.25,1.84,21.2,21.2,0,0,0-1.38,2.68c-.21.51-.41,1-.58,1.54s-.26.85-.36,1.27-.18.76-.24,1.13-.11.72-.15,1.07-.05.7-.05,1a1.48,1.48,0,0,0,0,.21l.16,53.72,10.57,6.14c.3.2,6,3.93,20.07-4.21l1.58-.94c16.07-9.89,18.74-17.83,18.88-18.25Z" transform="translate(-284.05 -6.88)" fill="#a7a7a7"/><path d="M546.75,486.5c4.82-2.77,8.73-.54,8.75,5l.15,53.71c-.14.42-2.81,8.36-18.88,18.25l-1.58.94c-14.1,8.14-19.77,4.41-20.07,4.21L515,514.89c0-5.53,3.87-12.27,8.68-15.05Z" transform="translate(-284.05 -6.88)" fill="#e2e2e2"/><polygon points="231.07 561.72 220.49 555.58 220.34 501.86 230.91 508.01 231.07 561.72" fill="#a7a7a7"/><polygon points="239.6 492.96 229.03 486.82 252.13 473.48 262.7 479.62 239.6 492.96" fill="#b5b5b5"/><g><path d="M515,514.89l-10.58-6.15a1.48,1.48,0,0,1,0-.21L515,514.68v.21" transform="translate(-284.05 -6.88)" fill="#949494"/><path d="M515,514.68l-10.57-6.15c0-.34,0-.69.05-1L515,513.63a9.24,9.24,0,0,0-.06,1" transform="translate(-284.05 -6.88)" fill="#999"/><path d="M515,513.63l-10.58-6.14c0-.36.09-.71.15-1.07l10.57,6.14c-.06.36-.11.72-.14,1.07" transform="translate(-284.05 -6.88)" fill="#9e9e9e"/><path d="M515.17,512.56l-10.57-6.14a11.38,11.38,0,0,1,.24-1.13l10.57,6.14c-.09.38-.17.76-.24,1.13" transform="translate(-284.05 -6.88)" fill="#a3a3a3"/><path d="M515.41,511.43l-10.57-6.14c.1-.42.22-.85.36-1.27l10.58,6.14c-.14.42-.27.85-.37,1.27" transform="translate(-284.05 -6.88)" fill="#a8a8a8"/><path d="M515.78,510.16,505.2,504c.17-.52.37-1,.58-1.54l10.58,6.14c-.22.51-.41,1-.58,1.54" transform="translate(-284.05 -6.88)" fill="#adadad"/><path d="M516.36,508.62l-10.58-6.14a20,20,0,0,1,1.38-2.68l10.57,6.14a20.51,20.51,0,0,0-1.37,2.68" transform="translate(-284.05 -6.88)" fill="#b3b3b3"/><path d="M517.73,505.94l-10.57-6.14a19.19,19.19,0,0,1,1.25-1.84L519,504.11a19.05,19.05,0,0,0-1.25,1.83" transform="translate(-284.05 -6.88)" fill="#b8b8b8"/><path d="M519,504.11,508.41,498a18.42,18.42,0,0,1,1.89-2.13L520.87,502a18.52,18.52,0,0,0-1.89,2.14" transform="translate(-284.05 -6.88)" fill="#b3b3b3"/><path d="M520.87,502l-10.57-6.14c.37-.36.75-.7,1.14-1L522,501a15.1,15.1,0,0,0-1.14,1" transform="translate(-284.05 -6.88)" fill="#adadad"/><path d="M522,501l-10.57-6.15a11.33,11.33,0,0,1,1-.72L523,500.24c-.33.23-.66.47-1,.73" transform="translate(-284.05 -6.88)" fill="#a8a8a8"/><path d="M523,500.24l-10.57-6.14c.22-.14.43-.28.65-.4l10.57,6.14-.65.4" transform="translate(-284.05 -6.88)" fill="#a3a3a3"/></g><g><path d="M546.75,486.51l-10.57-6.15.27-.15L547,486.36a1.82,1.82,0,0,0-.27.15" transform="translate(-284.05 -6.88)" fill="#a3a3a3"/><path d="M547,486.36l-10.57-6.15a8.64,8.64,0,0,1,.87-.42l10.57,6.14c-.28.12-.58.27-.87.43" transform="translate(-284.05 -6.88)" fill="#9e9e9e"/><path d="M547.89,485.93l-10.57-6.14a8.26,8.26,0,0,1,.86-.32l10.57,6.15a8.14,8.14,0,0,0-.86.31" transform="translate(-284.05 -6.88)" fill="#999"/><path d="M548.75,485.62l-10.57-6.15a6.87,6.87,0,0,1,.87-.21l10.57,6.14c-.29.06-.58.13-.87.22" transform="translate(-284.05 -6.88)" fill="#949494"/><path d="M549.62,485.4l-10.57-6.14a4.86,4.86,0,0,1,.92-.09l10.58,6.14a7.5,7.5,0,0,0-.93.09" transform="translate(-284.05 -6.88)" fill="#8f8f8f"/><path d="M550.55,485.31,540,479.17a4.78,4.78,0,0,1,1.08.09l10.57,6.14a4.69,4.69,0,0,0-1.07-.09" transform="translate(-284.05 -6.88)" fill="#8a8a8a"/><path d="M551.62,485.4l-10.57-6.14a4.33,4.33,0,0,1,1.33.49L553,485.9a4,4,0,0,0-1.33-.5" transform="translate(-284.05 -6.88)" fill="#858585"/></g></g><g><path d="M544.94,455.43h0l-10.58-6.14a6.08,6.08,0,0,0-1-.47c-.12-.05-.24-.07-.36-.11s-.48-.15-.73-.2a6.77,6.77,0,0,0-1-.13H531a7.22,7.22,0,0,0-.93,0h-.15c-.33,0-.68.09-1,.15s-.49.12-.74.18l-.63.18c-.22.07-.45.16-.67.25s-.47.17-.7.28-.45.21-.68.33a10.56,10.56,0,0,0-.94.49c-.41.23-.81.49-1.21.76l-1,.74-.51.38-.24.2c-.33.28-.66.56-1,.86l-.29.27-.51.51c-.34.33-.67.68-1,1l-.48.55c-.31.36-.62.74-.92,1.12l-.45.57-.48.66-.57.83c-.15.23-.3.46-.44.69s-.33.52-.48.78c-.3.51-.59,1-.86,1.54l-.21.38c-.33.64-.63,1.3-.91,2-.21.48-.41,1-.59,1.46l-.11.3c-.13.37-.25.74-.37,1.12s-.25.82-.36,1.23c-.06.23-.13.46-.18.68s-.14.65-.21,1-.11.53-.15.8-.08.55-.11.83-.08.58-.11.87,0,.54,0,.81-.05.69-.05,1c0,.49,0,1,.07,1.43s.12,1.05.21,1.53a.13.13,0,0,1,0,.06v0a10.53,10.53,0,0,0,.3,1.17c0,.1.06.2.1.31s.16.42.25.63a6.07,6.07,0,0,0,.34.73c.08.16.16.31.25.46s.28.44.43.64.19.26.29.38a7.73,7.73,0,0,0,.56.58,3.57,3.57,0,0,0,.28.27,6.26,6.26,0,0,0,1,.67l10.57,6.15c-.16-.09-.3-.21-.45-.31,2.55,1.77,6.22,1.71,10.32-.66,7.65-4.42,13.85-15.14,13.82-23.93C549,460,547.44,456.87,544.94,455.43Z" transform="translate(-284.05 -6.88)" fill="#a3a3a3"/><g><path d="M535.1,456.41l-10.57-6.14L525,450l10.57,6.14-.42.24" transform="translate(-284.05 -6.88)" fill="#a3a3a3"/><path d="M535.52,456.17,525,450c.47-.26.93-.48,1.39-.68l10.57,6.15c-.45.19-.92.42-1.39.67" transform="translate(-284.05 -6.88)" fill="#9e9e9e"/><path d="M536.91,455.5l-10.57-6.15c.46-.19.92-.36,1.36-.5L538.27,455a11.91,11.91,0,0,0-1.36.5" transform="translate(-284.05 -6.88)" fill="#999"/><path d="M538.27,455l-10.57-6.15a12.5,12.5,0,0,1,1.38-.33l10.58,6.14a10.41,10.41,0,0,0-1.39.34" transform="translate(-284.05 -6.88)" fill="#949494"/><path d="M539.66,454.66l-10.58-6.14a9.64,9.64,0,0,1,1.48-.15l10.57,6.14a9.52,9.52,0,0,0-1.47.15" transform="translate(-284.05 -6.88)" fill="#8f8f8f"/><path d="M541.13,454.51l-10.57-6.14a7.32,7.32,0,0,1,1.71.14l10.57,6.14a8.58,8.58,0,0,0-1.71-.14" transform="translate(-284.05 -6.88)" fill="#8a8a8a"/><path d="M542.84,454.65l-10.57-6.14a6.68,6.68,0,0,1,2.12.79L545,455.44a7,7,0,0,0-2.13-.79" transform="translate(-284.05 -6.88)" fill="#858585"/></g><g><path d="M525.32,489.24l-10.57-6.15a7.52,7.52,0,0,1-3.23-4l10.57,6.14a7.62,7.62,0,0,0,3.23,4" transform="translate(-284.05 -6.88)" fill="#858585"/><path d="M522.09,485.22l-10.57-6.14a11.11,11.11,0,0,1-.53-1.85l10.57,6.14a11.11,11.11,0,0,0,.53,1.85" transform="translate(-284.05 -6.88)" fill="#8a8a8a"/><path d="M521.56,483.37,511,477.23a12.91,12.91,0,0,1-.23-1.7l10.57,6.14a14.83,14.83,0,0,0,.23,1.7" transform="translate(-284.05 -6.88)" fill="#8f8f8f"/><path d="M521.33,481.67l-10.57-6.14c0-.43-.05-.87-.06-1.32,0-.11,0-.23,0-.34L521.28,480v.34c0,.45,0,.89.05,1.32" transform="translate(-284.05 -6.88)" fill="#949494"/><path d="M521.28,480l-10.57-6.14c0-.55,0-1.1.09-1.66l10.57,6.14c0,.56-.08,1.12-.09,1.66" transform="translate(-284.05 -6.88)" fill="#999"/><path d="M521.37,478.35l-10.57-6.14c.05-.56.13-1.13.23-1.7l10.57,6.15c-.1.56-.17,1.13-.23,1.69" transform="translate(-284.05 -6.88)" fill="#9e9e9e"/><path d="M521.6,476.66,511,470.51c.1-.59.23-1.19.38-1.8L522,474.86c-.15.6-.28,1.2-.38,1.8" transform="translate(-284.05 -6.88)" fill="#a3a3a3"/><path d="M522,474.86l-10.57-6.15c.17-.67.36-1.35.58-2l10.57,6.14c-.22.68-.41,1.35-.58,2" transform="translate(-284.05 -6.88)" fill="#a8a8a8"/><path d="M522.56,472.83,512,466.69c.27-.82.58-1.64.92-2.45l10.58,6.14c-.35.81-.66,1.63-.93,2.45" transform="translate(-284.05 -6.88)" fill="#adadad"/><path d="M523.49,470.38l-10.58-6.14A33.6,33.6,0,0,1,515.1,460l10.57,6.14a33.53,33.53,0,0,0-2.18,4.26" transform="translate(-284.05 -6.88)" fill="#b3b3b3"/><path d="M525.67,466.12,515.1,460a34.28,34.28,0,0,1,2-2.93l10.57,6.15a32.62,32.62,0,0,0-2,2.92" transform="translate(-284.05 -6.88)" fill="#b8b8b8"/><path d="M527.66,463.2l-10.57-6.15a30.71,30.71,0,0,1,3-3.4l10.57,6.15a29,29,0,0,0-3,3.4" transform="translate(-284.05 -6.88)" fill="#b3b3b3"/><path d="M530.67,459.8l-10.57-6.15c.59-.56,1.19-1.1,1.82-1.59l10.57,6.14c-.62.49-1.23,1-1.82,1.6" transform="translate(-284.05 -6.88)" fill="#adadad"/><path d="M532.49,458.2l-10.57-6.14a18.5,18.5,0,0,1,1.57-1.15l10.58,6.14a19.25,19.25,0,0,0-1.58,1.15" transform="translate(-284.05 -6.88)" fill="#a8a8a8"/><path d="M534.07,457.05l-10.58-6.14c.34-.23.69-.44,1-.64l10.57,6.14c-.35.2-.69.41-1,.64" transform="translate(-284.05 -6.88)" fill="#a3a3a3"/></g><path d="M535.1,456.41c7.65-4.42,13.89-.88,13.91,7.93s-6.17,19.51-13.82,23.93-13.89.88-13.91-7.92S527.44,460.83,535.1,456.41Z" transform="translate(-284.05 -6.88)" fill="#e2e2e2"/></g></g></g><g id="capital"><g id="capital-bg" opacity="0"><path d="M798.1,419.62c-53.81-27.66-101.67-62.95-155.88-90-84.66,82.27-255.24,116.09-337,195.85.08.43,1,1.3,0,0l-.12,28.47c58.73,31.27,112.82,69.17,172.2,99.42,96.29-88.27,226.93-107,337-195.84l.12-28.47C806.61,424.86,803.29,422.62,798.1,419.62Z" transform="translate(-284.05 -6.88)" fill="#56c4c3"/><path d="M787.17,450.9C695.69,522.42,564,544,477.42,624.89l-.12,28.47c37.95-35.84,86.44-61.54,135.67-82.27,74.87-32.24,141.74-62,201.33-113.57l.12-28.47C805.59,436.76,796.75,443.62,787.17,450.9Z" transform="translate(-284.05 -6.88)" fill="#9bd7d7"/><path d="M438.15,603.66c-44.31-26.22-87.64-53.63-132.93-78.19l-.12,28.47c58.73,31.27,112.82,69.17,172.2,99.42l.12-28.47C463.86,618.13,450.85,611,438.15,603.66Z" transform="translate(-284.05 -6.88)" fill="#88d1d1"/></g><g id="capital-content" opacity="0"><path d="M787,419.19c-49.46-26-94.15-57.75-144-83.14C553.28,419.84,404.24,441.9,316.31,525.9c54.67,29.85,105.71,64.24,161.07,93C561,538.26,724.34,506.45,804.07,429Z" transform="translate(-284.05 -6.88)" fill="#614fa1"/><path d="M785.34,442.1C695.2,517,562.53,536.91,475.89,617.18c-53.35-29.46-103.56-62.93-157.36-91.71,88.07-83.29,239.54-105.85,325.21-188.13,53,30,104,62.43,157.37,91.71-5.27,4.37-10.48,8.76-15.77,13.05" transform="translate(-284.05 -6.88)" fill="#fff"/><path d="M764.84,411.4c-40.75-23.53-79.73-49-121.08-71.49C553.07,423.39,410.39,443.71,322.23,525c53.18,26.84,100.8,62,153.66,89.57,88.8-82.94,231.24-102.56,321.52-185.13C786.33,423.61,775.51,417.56,764.84,411.4Z" transform="translate(-284.05 -6.88)" fill="#56c4c3"/><g id="text"><path d="M667.64,377.62c1.19,14.44-25.49,10.54-32.52,4.29C609.76,360,661.52,358.56,667.64,377.62Zm-18.45,5.57c12.52,4.22,15.18-5.56,3.62-12.43-2.19,3.86-2.17,8.14-3.62,12.43m-8.9-4.28,3,1.71c1.46-4.28,3.65-8.14,3.63-12.43-10-2.81-16.36,5.32-6.59,10.72" transform="translate(-284.05 -6.88)" fill="#fff"/><path d="M619,409.25a6.39,6.39,0,0,1,.77.51c-5.16,4.72-14,7.29-19.91,11.57a20.73,20.73,0,0,0-5.94-2.57A38.72,38.72,0,0,1,602,414.9c-7.61-2.83-11.42-9.5-17.83-12.85,0,2.57-4.42,3.42-5.88,6l-4.46-2.57c4.43-1.72,4.42-4.29,4.41-6.86,8.79-8.82,20,10.82,28.92,13.28C611.35,411.1,614.85,406.87,619,409.25Z" transform="translate(-284.05 -6.88)" fill="#fff"/><path d="M407.71,465q11.52-6.12,23.52-11.88" transform="translate(-284.05 -6.88)" fill="#56c4c3"/><path d="M399.82,507.47l6.68,3.86-1.48.85-6.68-3.85Z" transform="translate(-284.05 -6.88)" fill="#fff"/><path d="M400,510.83a11.76,11.76,0,0,1,2.86,2.64l-1.48.86c-1.69-4.7-11.46-3.15-2.21,1.28l-1.47.86L391,512.61c.73-.43.73-1.28,2.21-.43C392.6,510.21,398.25,509.34,400,510.83Z" transform="translate(-284.05 -6.88)" fill="#fff"/><path d="M380.68,526.33l-1.47.85c-2.68,0-3.62-1.09-5.2-3l-2.95,1.72c1,1.5,3.83,2.15,5.2,3l-1.48.86-9.64-5.57,1.47-.86c2.93,1.79,2.14,2.72,7.39-.86Z" transform="translate(-284.05 -6.88)" fill="#fff"/><path d="M548,547.75c2.25,6.43-8.81,11.14-19.18,9.43-6.33-1.2-10.56-4.33-15.58-7.28-18.32-16.75,21.45-23.21,33.26-5.57A9.13,9.13,0,0,0,548,547.75Zm-26.62.86c.74.43,1.48,1.71,2.23,2.14.71-3.85,3.65-8.14,3.63-12.42-2.51-2.06-12.32-.45-11.83,3.43,0,2.57,3.73,4.71,6,6.85m8.9,4.29c10.77,3.28,15.21-5.78,2.88-12-.42,3.84-6.53,8.78-2.88,12" transform="translate(-284.05 -6.88)" fill="#fff"/><path d="M519.28,568.75C508.1,582.24,466,563.15,485.89,552,495.34,544.89,525.8,555.89,519.28,568.75Zm-25.91-3.85,3,1.71c0-4.29,2.91-8.57,3.63-12.42-11.87-1.82-17.23,3.76-6.59,10.71m8.16,4.71c13.81.91,15.32-6.2,3.62-12.43,0,4.29-5.13,8.14-3.62,12.43" transform="translate(-284.05 -6.88)" fill="#fff"/><path d="M404.38,529.76c-1.48.85-2.21,2.14-5.91,1.71-8.54-3.18.58-7,5.16-4.71C405.11,527.61,404.38,528.9,404.38,529.76Zm-3,0c4.63-1.35-2.2-4.33-4.45-1.72.17,2.1,2.36,2.66,4.45,1.72" transform="translate(-284.05 -6.88)" fill="#fff"/><path d="M632.92,385.77c24,23.23-25.86,23.22-32.53,4.28C599.2,375.58,626,379.89,632.92,385.77Zm-11.76,13.71c14.11,3.65,15.57-7,3.63-12.43a95.86,95.86,0,0,0-3.63,12.43M613,394.76c.74.43,1.49,1.72,2.23,2.14a25.21,25.21,0,0,0,3.63-12.42c-8.81-4.59-15.8,6.89-5.86,10.28" transform="translate(-284.05 -6.88)" fill="#fff"/><path d="M414.61,506.61c-.74.43-.74,1.29-2.22.43-.85,4-10.42,3.13-8.88-1.71,1.17-.95,2.31-1,3.68-1.29l-3.7-2.14,1.47-.85Zm-7.39,1.72c5.8,0,4-3.62-.76-3l-1.47.85a2.25,2.25,0,0,0,2.23,2.15" transform="translate(-284.05 -6.88)" fill="#fff"/><path d="M427.24,516.47l-5.16,3a5.47,5.47,0,0,1-2.22-.43,4.43,4.43,0,0,0,0-4.28l-2.95,1.71-1.49-.86,4.42-2.57a5.54,5.54,0,0,1,2.23.43c0,1.71,0,2.57,0,4.29C423.55,516.9,422.8,515.61,427.24,516.47Z" transform="translate(-284.05 -6.88)" fill="#fff"/><path d="M391.52,515.12c1.27.73,2.43,1.78,3.91,2.64l-1.47.85c-1.33-.69-3.54-3-5.19-2.14-1.32.46-1.14.81-.49,1.18,1.13.67,3.89,1.4,2,3.1l-6.69-3.85c.74-.43.74-1.29,2.22-.43C385.26,515,389.64,513.45,391.52,515.12Z" transform="translate(-284.05 -6.88)" fill="#fff"/><path d="M388.06,522c-.74.43-.73,1.29-2.22.43-.4,3.7-8.76,2-10.36-.86l2.21-1.28c1.06,2.49,2.35,2.81,5.94,2.57.73-1.29-1.5-2.57-3.73-3.86l1.48-.85Z" transform="translate(-284.05 -6.88)" fill="#fff"/><path d="M405.8,520.15c2.59,1.6,4.16,4,7.43,4.46l-1.47.86c-4.29,0-5.4-3.8-8.91-5.14l1.47-.86A8.09,8.09,0,0,1,405.8,520.15Z" transform="translate(-284.05 -6.88)" fill="#fff"/><path d="M402.11,522.29c2.59,1.6,4.16,4,7.43,4.47l-1.47.85c-4.29,0-5.4-3.8-8.91-5.14l1.47-.86A9.68,9.68,0,0,1,402.11,522.29Z" transform="translate(-284.05 -6.88)" fill="#fff"/><path d="M398.48,533.18c-3,.86-3,2.57-5.9,3.43-2.12.44-4.36-1.64-5.93-2.57-1.49-1.61,3-3.19,4.41-3.43l-3-1.71,1.48-.86C393,529.25,394.64,532.63,398.48,533.18Zm-5.17,1.29c2.51-.66-1.57-4.41-5.18-1.28,1.6,1,3,2.53,5.18,1.28" transform="translate(-284.05 -6.88)" fill="#fff"/><path d="M398.33,505.76c0,.85,0,.85,0,1.71-.74-.43-1.48,0-2.22-.43v-.85C396.85,505.76,397.59,506.19,398.33,505.76Z" transform="translate(-284.05 -6.88)" fill="#fff"/><path d="M419.87,520.75c-.07,1.06-5.61,2.85-7.45,1.82-1.18-1.26-1.44-3.2,2.26-3.1l-1.48-.86-2.95,1.72-1.49-.86,4.43-2.57C415.33,518.17,418.16,518.89,419.87,520.75ZM413.21,522c1.48,0,3-.85,4.44-.86l-1.48-.85c-1.49,0-3,0-3,1.71" transform="translate(-284.05 -6.88)" fill="#fff"/><path d="M724.85,420.05c.74-.43,1.48,0,2.22-.43v.85c-.73.43-1.47,0-2.21.43Z" transform="translate(-284.05 -6.88)" fill="#fff"/><path d="M743.35,420.48c-.73.43-.73,1.28-2.21.43-2.84,5.93-16.56-1.05-5.2-3l-3.71-2.14,1.47-.86ZM736,422.19c5.67-.4,2.87-3.77-1.49-3.43-1.71,1-.26,3.24,1.49,3.43" transform="translate(-284.05 -6.88)" fill="#fff"/><path d="M728.56,421.33l6.68,3.86-1.47.86-6.68-3.86Z" transform="translate(-284.05 -6.88)" fill="#fff"/><path d="M730.4,425.37a7.25,7.25,0,0,1,1.89,1.54l-2.21,1.28c-1-2-3-3.7-5.93-2.57-2.22.43.75,2.14,3.72,3.86l-1.47.85-6.68-3.86C722.13,423.65,727.07,423.44,730.4,425.37Z" transform="translate(-284.05 -6.88)" fill="#fff"/><path d="M720.27,429c1.27.73,2.42,1.78,3.91,2.64l-1.47.86c-1.81-.88-4-3.4-5.94-2.58-1.32.46-1,.87-.25,1.32,1.17.74,4.43,1.65,2.5,3.4l-6.68-3.86C714.32,429.31,717.62,426.91,720.27,429Z" transform="translate(-284.05 -6.88)" fill="#fff"/><path d="M705.31,437.43c1.48.85,2.64,1.9,4.12,2.76l-1.47.86c-2.14-.44-4.38-.77-5.2-3-.73.42-2.21.42-3,.86.75,1.28,3,2.56,5.21,3.85l-1.48.86c-4.08-.74-5.45-4.84-9.65-5.57l2.21-1.29,3,1.72c1.49,0,3-1.72,3.69-2.15A11.6,11.6,0,0,1,705.31,437.43Z" transform="translate(-284.05 -6.88)" fill="#fff"/><path d="M756,430.33c-3.23,2.79-7.75,5.11-7.42-1.71l-2.94,1.71-1.49-.85,5.17-3,1.48.86c0,1.71,0,2.57,0,4.29l3.69-2.14Z" transform="translate(-284.05 -6.88)" fill="#fff"/><path d="M748.61,434.62c-.06,1.06-5.6,2.84-7.44,1.81-1.18-1.26-1.45-3.2,2.25-3.1l-1.48-.85-3,1.71-1.48-.86,4.42-2.57C744.08,432,746.91,432.75,748.61,434.62Zm-5.91.86c.74.42,3,0,2.95-.86l-1.49-.86c-.73.43-2.21,1.28-1.46,1.72" transform="translate(-284.05 -6.88)" fill="#fff"/><path d="M716.81,435.9c-.74.43-.73,1.29-2.22.43-.4,3.71-8.77,2-10.36-.85l2.21-1.29c1,2.49,2.35,2.8,5.93,2.57.73-1.29-1.49-2.57-3.72-3.86l1.48-.85Z" transform="translate(-284.05 -6.88)" fill="#fff"/><path d="M733.81,433.58c2.79,1.81,4.59,4.17,8.17,4.89l-1.48.86c-4.44-.1-6-4.14-9.66-5.57l1.48-.86A8.19,8.19,0,0,1,733.81,433.58Z" transform="translate(-284.05 -6.88)" fill="#fff"/><path d="M738.29,440.62l-1.48.85-9.65-5.57,1.47-.86Z" transform="translate(-284.05 -6.88)" fill="#fff"/><path d="M732.37,440.61c4.4,4.13-7.4,7.54-8.87.86A8.52,8.52,0,0,1,732.37,440.61Zm-2.2,3c4.62-1.34-2.2-4.32-4.45-1.72.16,2.1,2.36,2.67,4.45,1.72" transform="translate(-284.05 -6.88)" fill="#fff"/><path d="M726.49,447.48c1.48.85-1.48,0-3,1.71-3.18,1.65-7,.84-8.15-3a9.32,9.32,0,0,1,4.42-1.72l-3.71-2.14,1.47-.86C721.71,442.17,722.77,445.26,726.49,447.48Zm-6.65,1.28a8,8,0,0,0,3.69-1.28c-1.81-1.42-3.78-2.69-5.92-.86a2.26,2.26,0,0,0,2.23,2.14" transform="translate(-284.05 -6.88)" fill="#fff"/><path d="M500.84,579.47c-5.94,2.35-19.62,15.62-25.85,9,.74-1.29,5.17-2.15,6.64-3.86-6-3-10.16-10-17.09-12.43-2.38,3.59-6.82,8.64-11.08,3,.74-2.14,6.65-3,5.14-7.29,7-7.23,22,10.81,28.94,14.15l8.11-4.72A15.6,15.6,0,0,0,500.84,579.47Z" transform="translate(-284.05 -6.88)" fill="#fff"/></g><path d="M651.16,470.61c4.22,66.17-127.55,71.42-162.59,32.58C422,420.4,635.63,396.5,651.16,470.61Z" transform="translate(-284.05 -6.88)" fill="#fff"/><path d="M614.39,510.9c15.84-6.64,33.19-24,26.4-42-17.5-56.45-166.72-48.46-155.28,15.43,16.78,41,93.82,47.28,128.88,26.57" transform="translate(-284.05 -6.88)" fill="#fff"/><path d="M632.07,498c-30.46,35-128.28,34-146.56-13.71C470.65,404.67,689.23,420.58,632.07,498Z" transform="translate(-284.05 -6.88)" fill="#614fa1"/><path d="M636.45,487.76C603,551.05,438.29,512,501.59,450.9c30.08-22.65,82.49-23.65,114.67-5.32C632.64,454.69,643.88,470.37,636.45,487.76Z" transform="translate(-284.05 -6.88)" fill="#fff"/><path d="M585.4,486.47a25.85,25.85,0,0,0,6.67,3c-5.23,2.61-7.66,3.71-12.58-.43-5.9,2.57-12.55,3-19.22,2.57a15.88,15.88,0,0,1-.77-5.57,34.71,34.71,0,0,0,13.32,0c-2.24-3-7.42-4.28-9.66-7.28-9.15,5.63-36.57-2.3-18.57-13.28a25.44,25.44,0,0,0-6.68-3c5.24-2.61,7.67-3.71,12.58.42,15.62-7.87,28,4.21,5.94,3.43,3.92,1.4,5.73,5,9.65,6.43C576.19,467.88,603.23,473.6,585.4,486.47Zm-6.68-3c10.9-4.5-2.51-8.33-8.17-6.43,1.49,2.57,6.68,3.86,8.17,6.43M549.08,474c3,1.72,5.92.86,9.62.43-1.68-2.75-5.46-3.94-8.18-5.57-3.69,1.29-3.67,3.86-1.44,5.14" transform="translate(-284.05 -6.88)" fill="#614fa1"/></g></g><g id="digits"><g id="digits-bg" opacity="0"><path d="M800.8,421.93v.22l-.06,19v.23c0,2-1.34,4.07-4,5.62L468.79,637.9c-5.38,3.12-14.13,3.12-19.54,0L299,551.15c-2.73-1.57-4.09-3.63-4.08-5.7v-.22l.05-19V526c0-2,1.34-4.07,4-5.62l327.93-190.9c5.38-3.12,14.13-3.12,19.54,0l150.24,86.74C799.44,417.8,800.8,419.86,800.8,421.93Z" transform="translate(-284.05 -6.88)" fill="#faa431"/><path d="M796.59,427.9l-6.7,3.9-321.22,187c-5.38,3.12-14.13,3.12-19.55,0L305.47,535.86l-6.59-3.81c-2.71-1.56-4.08-3.63-4.08-5.68l-.05,19v.22c0,2.07,1.35,4.13,4.08,5.7L449.07,638c5.41,3.12,14.16,3.12,19.54,0l327.93-190.9c2.68-1.55,4-3.59,4-5.62v-.23l.06-19C800.61,424.32,799.26,426.35,796.59,427.9Z" transform="translate(-284.05 -6.88)" fill="#cb822a"/></g><g id="digits-content" opacity="0"><path d="M543.57,491.6c2.31,0,3.3,2.23,3.3,4.51s-1,4.51-3.3,4.51-3.3-2.24-3.3-4.51S541.25,491.6,543.57,491.6Zm0,.89c-1.5,0-2.31,1.49-2.31,3.62s.81,3.62,2.31,3.62,2.29-1.48,2.29-3.62-.8-3.62-2.29-3.62Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M775.36,365.89h1.48v-4.3a2.52,2.52,0,0,1-1.48.42v-.57a1.8,1.8,0,0,0,1.59-.8h.54v5.25h1.42v.61h-3.55Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M777,368.91c1.49,0,2.11,1.5,2.11,3s-.62,3-2.11,3-2.11-1.5-2.11-3S775.51,368.91,777,368.91Zm0,.59c-1,0-1.47,1-1.47,2.44s.52,2.43,1.47,2.43,1.47-1,1.47-2.43S778,369.5,777,369.5Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M762.88,358.59c2,0,2.83,2,2.83,3.94s-.84,3.94-2.83,3.94-2.83-2-2.83-3.94S760.89,358.59,762.88,358.59Zm0,.77c-1.28,0-2,1.31-2,3.17s.7,3.16,2,3.16,2-1.29,2-3.16S764.16,359.36,762.88,359.36Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M760.68,376.47h2v-5.6a3.58,3.58,0,0,1-2,.54v-.74a2.44,2.44,0,0,0,2.14-1.05h.73v6.85h1.9v.78h-4.77Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M652.05,455.86c2.75,0,3.92,2.69,3.92,5.45s-1.17,5.44-3.92,5.44-3.92-2.69-3.92-5.44S649.3,455.86,652.05,455.86Zm0,1.07c-1.77,0-2.74,1.81-2.74,4.38s1,4.37,2.74,4.37,2.72-1.79,2.72-4.37S653.82,456.93,652.05,456.93Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M406.46,486.65c1.73,0,2.47,1.76,2.47,3.55s-.74,3.54-2.47,3.54S404,492,404,490.2,404.72,486.65,406.46,486.65Zm0,.7c-1.12,0-1.73,1.17-1.73,2.85s.61,2.85,1.73,2.85,1.71-1.17,1.71-2.85S407.57,487.35,406.46,487.35Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M404.54,502.74h1.75v-5.05a3,3,0,0,1-1.75.49v-.66a2.12,2.12,0,0,0,1.86-.94H407v6.16h1.66v.7h-4.16Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M387.08,476.84c1.74,0,2.47,1.75,2.47,3.55s-.73,3.54-2.47,3.54-2.47-1.76-2.47-3.54S385.35,476.84,387.08,476.84Zm0,.7c-1.12,0-1.72,1.17-1.72,2.85s.6,2.85,1.72,2.85,1.72-1.17,1.72-2.85S388.2,477.54,387.08,477.54Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M387.08,486.65c1.74,0,2.47,1.75,2.47,3.55s-.73,3.54-2.47,3.54-2.47-1.76-2.47-3.54S385.35,486.65,387.08,486.65Zm0,.69c-1.12,0-1.72,1.18-1.72,2.86s.6,2.84,1.72,2.84,1.72-1.16,1.72-2.84S388.2,487.34,387.08,487.34Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M413.79,497.21h1.75v-5a3,3,0,0,1-1.75.49V492a2.1,2.1,0,0,0,1.86-.94h.64v6.16H418v.7h-4.16Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M415.71,500.74c1.73,0,2.47,1.75,2.47,3.55s-.74,3.54-2.47,3.54-2.47-1.76-2.47-3.54S414,500.74,415.71,500.74Zm0,.69c-1.12,0-1.73,1.18-1.73,2.86s.61,2.84,1.73,2.84,1.71-1.16,1.71-2.84S416.83,501.43,415.71,501.43Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M396.33,481.12c1.74,0,2.47,1.76,2.47,3.55s-.73,3.54-2.47,3.54-2.47-1.76-2.47-3.54S394.6,481.12,396.33,481.12Zm0,.7c-1.11,0-1.72,1.17-1.72,2.85s.61,2.85,1.72,2.85,1.72-1.17,1.72-2.85S397.45,481.82,396.33,481.82Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M394.42,497.21h1.74v-5a3,3,0,0,1-1.74.49V492a2.11,2.11,0,0,0,1.86-.95h.64v6.16h1.66v.71h-4.16Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M415.71,513.5c3.75,0,5.34,3.79,5.34,7.67s-1.59,7.64-5.34,7.64-5.34-3.79-5.34-7.64S412,513.5,415.71,513.5Zm0,1.51c-2.42,0-3.73,2.54-3.73,6.16s1.31,6.15,3.73,6.15,3.71-2.53,3.71-6.15S418.12,515,415.71,515Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M556,536.16c7.41,0,10.54,6.93,10.54,14s-3.13,14-10.54,14-10.55-6.93-10.55-14S548.61,536.16,556,536.16Zm0,2.75c-4.77,0-7.37,4.65-7.37,11.27s2.6,11.24,7.37,11.24,7.32-4.61,7.32-11.24S560.79,538.9,556,538.9Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M501.32,597.81c7.41,0,10.55,6.93,10.55,14s-3.14,14-10.55,14-10.55-6.93-10.55-14S493.91,597.81,501.32,597.81Zm0,2.75c-4.77,0-7.37,4.65-7.37,11.27s2.6,11.24,7.37,11.24,7.32-4.61,7.32-11.24-2.55-11.28-7.32-11.28Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M323.79,551.45c7.4,0,10.54,6.94,10.54,14s-3.14,14-10.54,14-10.55-6.93-10.55-14S316.38,551.45,323.79,551.45Zm0,2.76c-4.77,0-7.37,4.65-7.37,11.27s2.59,11.24,7.37,11.24,7.32-4.61,7.32-11.24-2.55-11.28-7.32-11.28Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M548.91,496.46h9.29V471.62c-2,1.49-5.69,2.41-9.29,2.41v-3.28c3.71-.15,8.2-1.36,9.92-4.64h3.39v30.35H571v3.48H548.91Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M568.66,542.56H579V510.8c-2.25,1.92-6.3,3.1-10.29,3.1v-4.21c4.11-.18,9.08-1.73,11-5.93h3.76v38.8h9.77V547H568.66Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M378.37,532.83h7.31V512.29a12.75,12.75,0,0,1-7.31,2v-2.72c2.92-.11,6.45-1.12,7.81-3.83h2.67v25.09h6.94v2.87H378.37Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M623.87,420.49c10,0,14.26,7.44,14.26,15s-4.24,15-14.26,15-14.25-7.44-14.25-15S613.86,420.49,623.87,420.49Zm0,2.95c-6.45,0-10,5-10,12.09s3.5,12.05,10,12.05,9.9-4.94,9.9-12.05-3.45-12.09-9.9-12.09Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M433.22,497.24c3,0,4.34,3.08,4.34,6.24s-1.29,6.22-4.34,6.22-4.34-3.09-4.34-6.22S430.17,497.24,433.22,497.24Zm0,1.22c-2,0-3,2.07-3,5s1.07,5,3,5,3-2.05,3-5S435.18,498.46,433.22,498.46Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M396.49,520.73h3.07v-8.86a5.3,5.3,0,0,1-3.07.87v-1.18a3.7,3.7,0,0,0,3.28-1.65h1.12v10.82h2.91V522h-7.31Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M431.41,515.67c5.06,0,7.21,5.28,7.21,10.68S436.47,537,431.41,537s-7.21-5.28-7.21-10.65S426.35,515.67,431.41,515.67Zm0,2.1c-3.26,0-5,3.54-5,8.58s1.78,8.55,5,8.55,5-3.51,5-8.55S434.67,517.77,431.41,517.77Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M439.75,598.18c5.07,0,7.21,5.28,7.21,10.68s-2.14,10.65-7.21,10.65-7.21-5.28-7.21-10.65S434.69,598.18,439.75,598.18Zm0,2.09c-3.26,0-5,3.54-5,8.59s1.77,8.55,5,8.55,5-3.51,5-8.55S443,600.27,439.75,600.27Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M402.14,536.51c3.75,0,5.34,3.79,5.34,7.67s-1.59,7.64-5.34,7.64-5.34-3.79-5.34-7.64S398.39,536.51,402.14,536.51Zm0,1.51c-2.41,0-3.73,2.54-3.73,6.16s1.32,6.15,3.73,6.15,3.71-2.52,3.71-6.15S404.55,538,402.14,538Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M731.35,432.81c3.13,0,4.45,3.07,4.45,6.22s-1.32,6.19-4.45,6.19-4.44-3.07-4.44-6.19S728.23,432.81,731.35,432.81Zm0,1.22c-2,0-3.1,2.06-3.1,5s1.09,5,3.1,5,3.09-2,3.09-5S733.36,434,731.35,434Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M569.2,521.62c3.11,0,4.43,2.9,4.43,5.87s-1.32,5.86-4.43,5.86-4.43-2.9-4.43-5.86S566.09,521.62,569.2,521.62Zm0,1.15c-2,0-3.1,1.94-3.1,4.72s1.09,4.71,3.1,4.71,3.08-1.93,3.08-4.71-1.08-4.72-3.08-4.72Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M556.09,509.27c3.54,0,5,3.31,5,6.69s-1.5,6.67-5,6.67-5-3.31-5-6.67S552.56,509.27,556.09,509.27Zm0,1.31c-2.27,0-3.51,2.22-3.51,5.38s1.24,5.36,3.51,5.36,3.5-2.2,3.5-5.36S558.38,510.58,556.09,510.58Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M464,526.2h4.67V513.07a8.19,8.19,0,0,1-4.67,1.27v-1.73c1.86-.08,4.12-.72,5-2.46h1.71V526.2h4.44V528H464Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M367.1,548.61h5.75V532.48a10.17,10.17,0,0,1-5.75,1.57v-2.14c2.29-.09,5.07-.88,6.13-3h2.11v19.71h5.45v2.26H367.1Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M633.63,472.13h5.75V456a10.07,10.07,0,0,1-5.75,1.57v-2.13c2.3-.1,5.07-.88,6.14-3h2.1v19.72h5.46v2.26h-13.7Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M686.94,432.27h5.75V416.13a10.09,10.09,0,0,1-5.75,1.57v-2.14c2.29-.09,5.07-.88,6.13-3h2.11v19.72h5.45v2.26H686.94Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M744.88,401.21h5.75V385.07a10.09,10.09,0,0,1-5.75,1.57v-2.13c2.29-.1,5.07-.88,6.13-3h2.11v19.72h5.45v2.26H744.88Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M684.76,516.3h5.74V500.16a10,10,0,0,1-5.74,1.57v-2.14c2.29-.09,5.07-.88,6.13-3H693V516.3h5.45v2.26H684.76Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M712.82,416.58c5.11,0,7.27,5,7.27,10.17s-2.17,10.13-7.27,10.13-7.27-5-7.27-10.13S707.71,416.58,712.82,416.58Zm0,2c-3.29,0-5.08,3.37-5.08,8.16s1.79,8.14,5.08,8.14,5-3.34,5-8.14S716.11,418.58,712.82,418.58Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M623,472.67c5.11,0,7.27,5,7.27,10.17S628.11,493,623,493s-7.27-5-7.27-10.13S617.9,472.67,623,472.67Zm0,2c-3.29,0-5.08,3.37-5.08,8.17S619.72,491,623,491s5-3.34,5-8.14S626.3,474.66,623,474.66Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M520.52,550.16c12.13,0,17.26,11.35,17.26,23S532.64,596,520.52,596s-17.26-11.35-17.26-22.89S508.4,550.16,520.52,550.16Zm0,4.5c-7.8,0-12,7.61-12,18.46s4.25,18.38,12,18.38,12-7.54,12-18.38-4.18-18.46-12-18.46Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M533.93,491.7h3.46v-9.25a6.27,6.27,0,0,1-3.46.9v-1.23c1.38-.05,3.05-.5,3.7-1.72h1.26v11.3h3.29V493h-8.25Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M416,537c4.85,0,6.9,5.62,6.9,11.36s-2.05,11.34-6.9,11.34-6.91-5.62-6.91-11.34S411.14,537,416,537Zm0,2.23c-3.13,0-4.83,3.77-4.83,9.13s1.7,9.11,4.83,9.11,4.79-3.74,4.79-9.11S419.11,539.23,416,539.23Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M290.89,456.56c3.69,0,5.26,3.64,5.26,7.35s-1.57,7.33-5.26,7.33-5.26-3.63-5.26-7.33S287.2,456.56,290.89,456.56Zm0,1.45c-2.38,0-3.67,2.43-3.67,5.9s1.29,5.89,3.67,5.89,3.66-2.42,3.66-5.89-1.28-5.9-3.66-5.9Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M636.75,491.86c5.1,0,7.27,5,7.27,10.17s-2.17,10.13-7.27,10.13-7.28-5-7.28-10.13S631.64,491.86,636.75,491.86Zm0,2c-3.3,0-5.08,3.37-5.08,8.17s1.78,8.14,5.08,8.14,5-3.34,5-8.14S640,493.85,636.75,493.85Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M739.22,428.93c1.81,0,2.57,1.76,2.57,3.57s-.76,3.56-2.57,3.56-2.56-1.77-2.56-3.56S737.42,428.93,739.22,428.93Zm0,.7c-1.16,0-1.79,1.18-1.79,2.87s.63,2.85,1.79,2.85,1.78-1.17,1.78-2.85S740.38,429.63,739.22,429.63Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M699.92,487.76c2,0,2.91,2,2.91,4.07s-.87,4.05-2.91,4.05-2.91-2-2.91-4.05S697.87,487.76,699.92,487.76Zm0,.8c-1.32,0-2,1.35-2,3.27s.71,3.26,2,3.26,2-1.34,2-3.26-.7-3.27-2-3.27Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M719,438.09c3.35,0,4.76,3.29,4.76,6.65s-1.41,6.63-4.76,6.63-4.76-3.29-4.76-6.63S715.65,438.09,719,438.09Zm0,1.3c-2.15,0-3.32,2.21-3.32,5.35s1.17,5.32,3.32,5.32,3.31-2.18,3.31-5.32S721.15,439.39,719,439.39Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M650.15,492.39c3.34,0,4.75,3.28,4.75,6.64s-1.41,6.63-4.75,6.63-4.76-3.28-4.76-6.63S646.8,492.39,650.15,492.39Zm0,1.3c-2.16,0-3.33,2.2-3.33,5.34s1.17,5.33,3.33,5.33,3.3-2.18,3.3-5.33-1.15-5.35-3.3-5.35Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M506,499.21c13.94,0,19.85,10.94,19.85,22.13S519.9,543.41,506,543.41s-19.85-10.94-19.85-22.07S492,499.21,506,499.21Zm0,4.34c-9,0-13.87,7.34-13.87,17.79S497,539.07,506,539.07s13.79-7.27,13.79-17.73S514.94,503.55,506,503.55Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M471,537.36c18.68.74,25.9,18.53,25.19,36.4s-9.31,34.94-28,34.2-25.9-18.54-25.19-36.31S452.29,536.62,471,537.36Zm-.28,6.93c-12-.48-19,11-19.7,27.68s5.42,28.58,17.45,29.06,18.93-10.89,19.59-27.59-5.3-28.67-17.33-29.15Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M425.41,564.86H432V545.93a11.2,11.2,0,0,1-6.56,1.84v-2.5c2.62-.12,5.79-1,7-3.54h2.4v23.13H441v2.65H425.41Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M533.32,530.5h7.42V510.12a13.19,13.19,0,0,1-7.42,2v-2.7c3-.11,6.54-1.11,7.92-3.81H544V530.5h7v2.85H533.32Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M598.19,453.43c2.31,0,3.3,2.23,3.3,4.52s-1,4.5-3.3,4.5-3.3-2.24-3.3-4.5S595.87,453.43,598.19,453.43Zm0,.89c-1.5,0-2.31,1.49-2.31,3.63s.81,3.61,2.31,3.61,2.29-1.48,2.29-3.61S599.68,454.32,598.19,454.32Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M735,406.1c2.76,0,3.92,2.7,3.92,5.45S737.79,417,735,417s-3.91-2.7-3.91-5.45S732.28,406.1,735,406.1Zm0,1.07c-1.77,0-2.74,1.81-2.74,4.38s1,4.38,2.74,4.38,2.72-1.8,2.72-4.38S736.81,407.17,735,407.17Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M684.22,442.19c6.55,0,9.32,6.44,9.32,13s-2.77,13-9.32,13-9.33-6.45-9.33-13S677.67,442.19,684.22,442.19Zm0,2.55c-4.22,0-6.51,4.32-6.51,10.47s2.29,10.44,6.51,10.44,6.47-4.28,6.47-10.44S688.43,444.74,684.22,444.74Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M573.8,471.57H582V448.5a14.37,14.37,0,0,1-8.22,2.24v-3.05c3.28-.14,7.25-1.26,8.77-4.31h3v28.19h7.8v3.23H573.8Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M591.26,514.39h9.1v-29.5c-2,1.78-5.57,2.87-9.1,2.87v-3.9c3.63-.18,8-1.61,9.72-5.51h3.32v36H613v4.13H591.26Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M723.45,394.63c3.13,0,4.45,3.07,4.45,6.21s-1.32,6.2-4.45,6.2S719,404,719,400.84,720.33,394.63,723.45,394.63Zm0,1.22c-2,0-3.1,2-3.1,5s1.09,5,3.1,5,3.08-2,3.08-5S725.46,395.85,723.45,395.85Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M591.74,494.93c2.75,0,3.92,2.7,3.92,5.46s-1.17,5.44-3.92,5.44-3.92-2.7-3.92-5.44S589,494.93,591.74,494.93Zm0,1.07c-1.77,0-2.74,1.81-2.74,4.39s1,4.37,2.74,4.37,2.72-1.79,2.72-4.37S593.51,496,591.74,496Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M580.15,483.46c3.13,0,4.45,3.08,4.45,6.22s-1.32,6.2-4.45,6.2-4.44-3.08-4.44-6.2S577,483.46,580.15,483.46Zm0,1.22c-2,0-3.1,2.06-3.1,5s1.09,5,3.1,5,3.09-2.05,3.09-5-1.07-5-3.09-5Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M704.92,378.4c5.1,0,7.27,5,7.27,10.17S710,398.7,704.92,398.7s-7.28-5-7.28-10.13S699.8,378.4,704.92,378.4Zm0,2c-3.29,0-5.08,3.37-5.08,8.17s1.79,8.14,5.08,8.14,5.05-3.34,5.05-8.14S708.2,380.39,704.92,380.39Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M615.74,449.79c5.11,0,7.27,5,7.27,10.17s-2.17,10.13-7.27,10.13-7.27-5-7.27-10.13S610.63,449.79,615.74,449.79Zm0,2c-3.29,0-5.08,3.36-5.08,8.16s1.79,8.14,5.08,8.14,5-3.34,5-8.14-1.76-8.16-5-8.16Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M684,386c5.11,0,7.27,5,7.27,10.16s-2.16,10.13-7.27,10.13-7.28-5-7.28-10.13S678.9,386,684,386Zm0,2c-3.29,0-5.08,3.37-5.08,8.17s1.79,8.14,5.08,8.14,5-3.34,5-8.14S687.3,388,684,388Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M678.28,421.11c1.8,0,2.56,1.77,2.56,3.57s-.76,3.56-2.56,3.56-2.57-1.76-2.57-3.56S676.48,421.11,678.28,421.11Zm0,.7c-1.16,0-1.79,1.19-1.79,2.87s.63,2.86,1.79,2.86,1.78-1.17,1.78-2.86-.62-2.87-1.78-2.87Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M670.7,413.6c2,0,2.91,2,2.91,4.07s-.87,4.05-2.91,4.05-2.91-2-2.91-4.05S668.65,413.6,670.7,413.6Zm0,.8c-1.32,0-2,1.35-2,3.27s.72,3.26,2,3.26,2-1.34,2-3.26S672,414.4,670.7,414.4Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M658.05,411.91c3.34,0,4.76,1.4,4.76,2.83s-1.42,2.82-4.76,2.82-4.76-1.4-4.76-2.82S654.7,411.91,658.05,411.91Zm0,.56c-2.16,0-3.33.93-3.33,2.27s1.17,2.27,3.33,2.27,3.3-.93,3.3-2.27S660.2,412.47,658.05,412.47Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M658.05,430.27c3.34,0,4.76,3.29,4.76,6.65s-1.42,6.63-4.76,6.63-4.76-3.29-4.76-6.63S654.7,430.27,658.05,430.27Zm0,1.31c-2.16,0-3.33,2.2-3.33,5.34s1.17,5.33,3.33,5.33,3.3-2.19,3.3-5.33-1.15-5.34-3.3-5.34Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M644.37,416.86c3.34,0,4.75,3.29,4.75,6.65s-1.41,6.63-4.75,6.63-4.76-3.29-4.76-6.63S641,416.86,644.37,416.86Zm0,1.3c-2.16,0-3.33,2.21-3.33,5.35s1.17,5.33,3.33,5.33,3.3-2.19,3.3-5.33S646.52,418.16,644.37,418.16Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M694.12,473.44h6.56V454.5a11.28,11.28,0,0,1-6.56,1.85v-2.51c2.62-.11,5.78-1,7-3.54h2.4v23.13h6.22v2.65H694.12Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M659.82,490.12h6.56V471.19a11.24,11.24,0,0,1-6.56,1.84v-2.5c2.62-.11,5.78-1,7-3.54h2.4v23.13h6.22v2.65H659.82Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M356.21,584.22h6.55V565.29a11.19,11.19,0,0,1-6.55,1.84v-2.5c2.61-.12,5.78-1,7-3.54h2.4v23.13h6.23v2.65H356.21Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M446.92,511.05c5.19,0,7.39,5.28,7.39,10.68s-2.2,10.66-7.39,10.66-7.38-5.28-7.38-10.66S441.74,511.05,446.92,511.05Zm0,2.1c-3.34,0-5.15,3.54-5.15,8.58s1.81,8.57,5.15,8.57,5.13-3.51,5.13-8.57-1.79-8.58-5.13-8.58Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M407.74,597.47h8.06V574.2a13.81,13.81,0,0,1-8.06,2.26v-3.07c3.21-.14,7.11-1.27,8.6-4.35h2.94v28.43h7.65v3.26H407.74Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M390.73,557.28c8,0,11.41,8.1,11.41,16.38S398.74,590,390.73,590s-11.4-8.11-11.4-16.35S382.72,557.28,390.73,557.28Zm0,3.21c-5.16,0-8,5.43-8,13.17s2.81,13.13,8,13.13,7.92-5.39,7.92-13.13-2.76-13.17-7.92-13.17Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M625.28,514.63c8,0,11.41,8.1,11.41,16.39s-3.4,16.34-11.41,16.34-11.41-8.11-11.41-16.34S617.27,514.63,625.28,514.63Zm0,3.22c-5.16,0-8,5.43-8,13.17s2.81,13.13,8,13.13,7.92-5.39,7.92-13.13-2.76-13.17-7.92-13.17Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M321.49,462.35h1.74v-5a3,3,0,0,1-1.74.49v-.66a2.13,2.13,0,0,0,1.86-.95H324v6.16h1.65v.71h-4.15Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M332.65,473.12c3.75,0,5.34,3.79,5.34,7.67s-1.59,7.64-5.34,7.64-5.33-3.79-5.33-7.64S328.9,473.12,332.65,473.12Zm0,1.51c-2.41,0-3.72,2.54-3.72,6.16s1.31,6.14,3.72,6.14,3.71-2.52,3.71-6.14-1.29-6.16-3.71-6.16Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M295.32,492.45h7.31V471.91a12.85,12.85,0,0,1-7.31,2v-2.72c2.92-.11,6.45-1.12,7.8-3.84h2.67v25.09h6.95v2.88H295.32Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M350.17,456.86c3.05,0,4.34,3.08,4.34,6.24s-1.3,6.22-4.34,6.22-4.34-3.09-4.34-6.22S347.12,456.86,350.17,456.86Zm0,1.22c-2,0-3,2.07-3,5s1.07,5,3,5,3-2,3-5S352.13,458.08,350.17,458.08Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M313.44,480.35h3.07v-8.86a5.22,5.22,0,0,1-3.07.86v-1.16a3.73,3.73,0,0,0,3.28-1.66h1.12v10.82h2.91v1.24h-7.31Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M348.35,475.29c5.07,0,7.22,5.28,7.22,10.68s-2.15,10.65-7.22,10.65-7.21-5.28-7.21-10.65S343.29,475.29,348.35,475.29Zm0,2.09c-3.26,0-5,3.54-5,8.59s1.77,8.55,5,8.55,5-3.51,5-8.55S351.62,477.38,348.35,477.38Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M319.08,496.13c3.75,0,5.34,3.79,5.34,7.67s-1.59,7.64-5.34,7.64-5.33-3.79-5.33-7.64S315.34,496.13,319.08,496.13Zm0,1.51c-2.41,0-3.72,2.54-3.72,6.16s1.31,6.14,3.72,6.14,3.71-2.52,3.71-6.14-1.29-6.16-3.71-6.16Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M284.05,508.23h5.75V492.09a10,10,0,0,1-5.75,1.57v-2.13c2.29-.1,5.07-.88,6.13-3h2.09v19.72h5.46v2.27H284.05Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M337.76,497.27c4.85,0,6.91,5.62,6.91,11.37S342.61,520,337.76,520s-6.91-5.62-6.91-11.33S332.91,497.27,337.76,497.27Zm0,2.23c-3.13,0-4.83,3.77-4.83,9.14s1.7,9.11,4.83,9.11,4.79-3.74,4.79-9.11S340.88,499.5,337.76,499.5Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M349.8,523.26h6.55V504.33a11.26,11.26,0,0,1-6.55,1.84v-2.51c2.61-.11,5.78-1,7-3.54h2.39v23.14h6.23v2.65H349.8Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M336.23,554.61h8V531.35a13.76,13.76,0,0,1-8,2.26v-3.08c3.21-.14,7.1-1.27,8.6-4.35h2.94v28.43h7.65v3.26H336.23Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/><path d="M307.68,516.9c8,0,11.4,8.1,11.4,16.38s-3.39,16.34-11.4,16.34-11.41-8.1-11.41-16.34S299.66,516.9,307.68,516.9Zm0,3.21c-5.16,0-8,5.43-8,13.17s2.81,13.13,8,13.13,7.92-5.38,7.92-13.13S312.84,520.11,307.68,520.11Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/></g></g><g id="front"><path d="M793,416.7c3,1.75,3.38,9,.38,10.76L468.18,617c-3.42,1.74-12.59,3.22-20.09-1.1-4.7-2.7-137.46-79.7-144-83.42s-3-10.16,0-11.9L629.75,329.72a12,12,0,0,1,10.89,0Z" transform="translate(-284.05 -6.88)" fill="#231f20"/><path d="M697.89,368.41l18.2,10.51L712,381.3l-18.2-10.51ZM712,380.48l2.7-1.56-16.79-9.69-2.69,1.56L712,380.48" transform="translate(-284.05 -6.88)" fill="#c8c8c8"/><path d="M408.64,549.11c5.35,3.08,5.37,8.1.07,11.19s-14,3.08-19.32,0-5.37-8.1-.06-11.19S403.3,546,408.64,549.11ZM390.8,559.48c4.56,2.63,11.95,2.63,16.48,0s4.51-6.92,0-9.55-12-2.63-16.49,0-4.5,6.92.06,9.55" transform="translate(-284.05 -6.88)" fill="#c8c8c8"/></g><g id="screen"><path d="M770.93,423.74c2.83,1.64,3.18,8.46.36,10.09L517.73,582.37c-3.21,1.63-11.81,3-18.85-1-4.42-2.54-129-74.8-135.15-78.28s-2.81-9.54,0-11.17l254-149.77a11.25,11.25,0,0,1,10.23,0Z" transform="translate(-284.05 -6.88)" fill="#4f3d98"/></g><g id="buttons"><polygon points="123.15 471.43 95.59 487.44 95.58 491.52 123.32 507.53 150.87 491.52 150.88 487.44 123.15 471.43" fill="#7dcecd"/><polygon points="150.88 487.44 123.33 503.46 95.59 487.44 123.15 471.43 150.88 487.44" fill="#90d4d3"/><polygon points="150.88 487.44 150.87 491.52 123.32 507.53 123.33 503.46 150.88 487.44" fill="#40c0bf"/><polygon points="194 430.33 166.45 446.35 166.44 450.42 194.17 466.44 221.73 450.42 221.74 446.35 194 430.33" fill="#7dcecd"/><polygon points="221.74 446.35 194.19 462.36 166.45 446.35 194 430.33 221.74 446.35" fill="#90d4d3"/><polygon points="221.74 446.35 221.73 450.42 194.17 466.44 194.19 462.36 221.74 446.35" fill="#40c0bf"/><polygon points="227.95 410.2 200.4 426.21 200.38 430.29 228.12 446.3 255.68 430.29 255.69 426.21 227.95 410.2" fill="#7dcecd"/><polygon points="255.69 426.21 228.13 442.22 200.4 426.21 227.95 410.2 255.69 426.21" fill="#90d4d3"/><polygon points="255.69 426.21 255.68 430.29 228.12 446.3 228.13 442.22 255.69 426.21" fill="#40c0bf"/><polygon points="262.09 390.15 234.54 406.16 234.53 410.24 262.26 426.25 289.81 410.24 289.83 406.16 262.09 390.15" fill="#7dcecd"/><polygon points="289.83 406.16 262.27 422.18 234.54 406.16 262.09 390.15 289.83 406.16" fill="#90d4d3"/><polygon points="289.83 406.16 289.81 410.24 262.26 426.25 262.27 422.18 289.83 406.16" fill="#40c0bf"/><polygon points="296.03 370.12 268.47 386.13 268.46 390.21 296.2 406.22 323.75 390.21 323.76 386.13 296.03 370.12" fill="#7dcecd"/><polygon points="323.76 386.13 296.21 402.14 268.47 386.13 296.03 370.12 323.76 386.13" fill="#90d4d3"/><polygon points="323.76 386.13 323.75 390.21 296.2 406.22 296.21 402.14 323.76 386.13" fill="#40c0bf"/><polygon points="330.4 350.25 302.85 366.26 302.84 370.34 330.57 386.35 358.13 370.34 358.14 366.26 330.4 350.25" fill="#7dcecd"/><polygon points="358.14 366.26 330.58 382.27 302.85 366.26 330.4 350.25 358.14 366.26" fill="#90d4d3"/><polygon points="358.14 366.26 358.13 370.34 330.57 386.35 330.58 382.27 358.14 366.26" fill="#40c0bf"/><polygon points="363.97 369.56 336.41 385.57 336.4 389.65 364.14 405.66 391.69 389.65 391.7 385.57 363.97 369.56" fill="#7dcecd"/><polygon points="391.7 385.57 364.15 401.58 336.41 385.57 363.97 369.56 391.7 385.57" fill="#90d4d3"/><polygon points="391.7 385.57 391.69 389.65 364.14 405.66 364.15 401.58 391.7 385.57" fill="#40c0bf"/><polygon points="397.64 389.16 370.08 405.18 370.07 409.25 397.81 425.26 425.36 409.25 425.37 405.18 397.64 389.16" fill="#7dcecd"/><polygon points="425.37 405.18 397.82 421.19 370.08 405.18 397.64 389.16 425.37 405.18" fill="#90d4d3"/><polygon points="425.37 405.18 425.36 409.25 397.81 425.26 397.82 421.19 425.37 405.18" fill="#40c0bf"/><polygon points="431.2 408.48 403.64 424.49 403.63 428.57 431.37 444.58 458.92 428.57 458.93 424.49 431.2 408.48" fill="#7dcecd"/><polygon points="458.93 424.49 431.38 440.5 403.64 424.49 431.2 408.48 458.93 424.49" fill="#90d4d3"/><polygon points="458.93 424.49 458.92 428.57 431.37 444.58 431.38 440.5 458.93 424.49" fill="#40c0bf"/><polygon points="329.59 389.43 302.03 405.45 302.02 409.52 329.76 425.54 357.31 409.52 357.32 405.45 329.59 389.43" fill="#7dcecd"/><polygon points="357.32 405.45 329.77 421.46 302.03 405.45 329.59 389.43 357.32 405.45" fill="#90d4d3"/><polygon points="357.32 405.45 357.31 409.52 329.76 425.54 329.77 421.46 357.32 405.45" fill="#40c0bf"/><polygon points="363.35 409.04 335.8 425.06 335.79 429.13 363.52 445.14 391.07 429.13 391.09 425.06 363.35 409.04" fill="#7dcecd"/><polygon points="391.09 425.06 363.53 441.07 335.8 425.06 363.35 409.04 391.09 425.06" fill="#90d4d3"/><polygon points="391.09 425.06 391.07 429.13 363.52 445.14 363.53 441.07 391.09 425.06" fill="#40c0bf"/><polygon points="396.83 428.36 369.27 444.37 369.26 448.44 397 464.46 424.55 448.44 424.56 444.37 396.83 428.36" fill="#7dcecd"/><polygon points="424.56 444.37 397.01 460.38 369.27 444.37 396.83 428.36 424.56 444.37" fill="#90d4d3"/><polygon points="424.56 444.37 424.55 448.44 397 464.46 397.01 460.38 424.56 444.37" fill="#40c0bf"/><polygon points="329.23 429.07 301.67 445.08 301.66 449.16 329.4 465.17 356.95 449.16 356.96 445.08 329.23 429.07" fill="#7dcecd"/><polygon points="356.96 445.08 329.41 461.1 301.67 445.08 329.23 429.07 356.96 445.08" fill="#90d4d3"/><polygon points="356.96 445.08 356.95 449.16 329.4 465.17 329.41 461.1 356.96 445.08" fill="#40c0bf"/><polygon points="362.79 448.38 335.24 464.4 335.23 468.47 362.96 484.49 390.52 468.47 390.53 464.4 362.79 448.38" fill="#7dcecd"/><polygon points="390.53 464.4 362.97 480.41 335.24 464.4 362.79 448.38 390.53 464.4" fill="#90d4d3"/><polygon points="390.53 464.4 390.52 468.47 362.96 484.49 362.97 480.41 390.53 464.4" fill="#40c0bf"/><polygon points="261.6 429.51 234.05 445.52 234.04 449.6 261.77 465.61 289.33 449.6 289.34 445.52 261.6 429.51" fill="#7dcecd"/><polygon points="289.34 445.52 261.78 461.54 234.05 445.52 261.6 429.51 289.34 445.52" fill="#90d4d3"/><polygon points="289.34 445.52 289.33 449.6 261.77 465.61 261.78 461.54 289.34 445.52" fill="#40c0bf"/><polygon points="295.26 449.12 267.7 465.13 267.69 469.21 295.43 485.22 322.98 469.21 323 465.13 295.26 449.12" fill="#7dcecd"/><polygon points="323 465.13 295.44 481.15 267.7 465.13 295.26 449.12 323 465.13" fill="#90d4d3"/><polygon points="323 465.13 322.98 469.21 295.43 485.22 295.44 481.15 323 465.13" fill="#40c0bf"/><polygon points="328.75 468.44 301.19 484.45 301.18 488.52 328.92 504.54 356.47 488.52 356.48 484.45 328.75 468.44" fill="#7dcecd"/><polygon points="356.48 484.45 328.93 500.46 301.19 484.45 328.75 468.44 356.48 484.45" fill="#90d4d3"/><polygon points="356.48 484.45 356.47 488.52 328.92 504.54 328.93 500.46 356.48 484.45" fill="#40c0bf"/><polygon points="227.48 449.54 199.93 465.56 199.92 469.63 227.65 485.64 255.21 469.63 255.22 465.56 227.48 449.54" fill="#7dcecd"/><polygon points="255.22 465.56 227.66 481.57 199.93 465.56 227.48 449.54 255.22 465.56" fill="#90d4d3"/><polygon points="255.22 465.56 255.21 469.63 227.65 485.64 227.66 481.57 255.22 465.56" fill="#40c0bf"/><polygon points="261.15 469.15 233.6 485.17 233.59 489.24 261.32 505.25 288.88 489.24 288.89 485.17 261.15 469.15" fill="#7dcecd"/><polygon points="288.89 485.17 261.33 501.18 233.6 485.17 261.15 469.15 288.89 485.17" fill="#90d4d3"/><polygon points="288.89 485.17 288.88 489.24 261.32 505.25 261.33 501.18 288.89 485.17" fill="#40c0bf"/><polygon points="294.71 488.46 267.16 504.47 267.15 508.55 294.88 524.56 322.44 508.55 322.45 504.47 294.71 488.46" fill="#7dcecd"/><polygon points="322.45 504.47 294.89 520.49 267.16 504.47 294.71 488.46 322.45 504.47" fill="#90d4d3"/><polygon points="322.45 504.47 322.44 508.55 294.88 524.56 294.89 520.49 322.45 504.47" fill="#40c0bf"/><polygon points="224.04 529.66 196.48 545.68 196.47 549.75 224.21 565.77 251.76 549.75 251.77 545.68 224.04 529.66" fill="#7dcecd"/><polygon points="251.77 545.68 224.22 561.69 196.48 545.68 224.04 529.66 251.77 545.68" fill="#90d4d3"/><polygon points="251.77 545.68 251.76 549.75 224.21 565.77 224.22 561.69 251.77 545.68" fill="#40c0bf"/><polygon points="190.47 510.36 162.91 526.37 162.9 530.44 190.64 546.46 218.19 530.44 218.2 526.37 190.47 510.36" fill="#7dcecd"/><polygon points="218.2 526.37 190.65 542.38 162.91 526.37 190.47 510.36 218.2 526.37" fill="#90d4d3"/><polygon points="218.2 526.37 218.19 530.44 190.64 546.46 190.65 542.38 218.2 526.37" fill="#40c0bf"/><polygon points="156.81 490.75 129.25 506.76 129.24 510.83 156.97 526.85 184.53 510.83 184.54 506.76 156.81 490.75" fill="#7dcecd"/><polygon points="184.54 506.76 156.99 522.77 129.25 506.76 156.81 490.75 184.54 506.76" fill="#90d4d3"/><polygon points="184.54 506.76 184.53 510.83 156.97 526.85 156.99 522.77 184.54 506.76" fill="#40c0bf"/><polygon points="295.55 409.46 268 425.47 267.99 429.55 295.73 445.56 323.27 429.55 323.29 425.48 295.55 409.46" fill="#ee745e"/><polygon points="323.29 425.48 295.74 441.49 268 425.47 295.55 409.46 323.29 425.48" fill="#f0866e"/><polygon points="323.29 425.48 323.27 429.55 295.73 445.56 295.74 441.49 323.29 425.48" fill="#e83c36"/></g><g opacity="0"><line x1="273.71" x2="273.71" y2="1106.1" fill="none" stroke="#000" strokeMiterlimit="10"/></g></svg>
)
}
export default VisualPhone
\ No newline at end of file
frontend/src/pages/index.js
View file @ f7a8db80
import React from "react" import React, { useRef, useEffect } from "react"
import gsap, { Power1 } from 'gsap';
import { MotionPathPlugin } from "gsap/MotionPathPlugin";
import { ScrollTrigger } from "gsap/ScrollTrigger";
import Layout from "../components/layout" import Layout from "../components/layout"
import SEO from "../components/seo" import SEO from "../components/seo"
const IndexPage = () => ( import VisualPhone from "../images/phone.js"
<Layout>
<SEO title="Home" /> gsap.registerPlugin(MotionPathPlugin, ScrollTrigger);
<h1>Index</h1>
<p>Lorem ipsum dolor kit</p> const IndexPage = ({ data }) => {
</Layout> let phone = useRef(null);
) let phonePin = useRef(null);
let phoneTrigger = useRef(null);
useEffect(()=> {
const tl = gsap.timeline({
scrollTrigger: {
trigger: phoneTrigger,
start: "0px top",
end: "bottom 75%",
toggleActions: "play pause reverse reset",
//markers: true,
scrub: 0.25,
pin: phonePin,
},
ease: Power1.easeInOut
});
const keyframes = [
0.8,
2
]
tl.to(phone.querySelectorAll("#buttons"), { y: -300 }, keyframes[0])
.to(phone.querySelectorAll("#screen"), { y: -200 }, keyframes[0])
.to(phone.querySelectorAll("#front"), { y: -100 }, keyframes[0])
.to(phone.querySelectorAll("#capital"), { y: 150 }, keyframes[0])
.to(phone.querySelectorAll("#society"), { y: 400 }, keyframes[0])
.to(phone.querySelectorAll("#digits-bg"), { opacity: 1 }, keyframes[0])
.to(phone.querySelectorAll("#capital-bg"), { opacity: 1 }, keyframes[0])
.to(phone.querySelectorAll("#society-bg"), { opacity: 1 }, keyframes[0])
tl.to(phone.querySelectorAll("#digits-content"), { opacity: 1 }, keyframes[1])
.to(phone.querySelectorAll("#capital-content"), { opacity: 1 }, keyframes[1])
.to(phone.querySelectorAll("#society-content"), { opacity: 1 }, keyframes[1])
// motionPath: {
// path: [
// {x: 0, y: 0},
// {x: 100, y: 0},
// {x: 0, y: 0},
// ]
// },
})
return (
<Layout>
<SEO title="Home" />
<section>
<div className="row columns-2">
<div className="column" dangerouslySetInnerHTML={{__html: data.strapiHome.introduction }} />
<div className="column">[broodrooster]</div>
</div>
</section>
<section style={{background: "#F8F8F8"}} >
<div className="row columns-2">
<div className="column">
<div ref={el => phonePin = el}><div ref={el => phone = el}>
<VisualPhone />
</div></div>
</div>
<div className="column" ref={el => phoneTrigger = el}>
<div className="phone-part" dangerouslySetInnerHTML={{__html: data.strapiHome.layer_explanation_1 }}></div>
<div className="phone-part" dangerouslySetInnerHTML={{__html: data.strapiHome.layer_explanation_2 }}></div>
<div className="phone-part" dangerouslySetInnerHTML={{__html: data.strapiHome.layer_explanation_3 }}></div>
</div>
</div>
</section>
<section>
<div dangerouslySetInnerHTML={{__html: data.strapiHome.layer_explanation_4 }}></div>
</section>
<section>
<div dangerouslySetInnerHTML={{__html: data.strapiHome.three_stacks_1 }}></div>
</section>
<section>
<div dangerouslySetInnerHTML={{__html: data.strapiHome.three_stacks_2 }}></div>
</section>
<section>
<div dangerouslySetInnerHTML={{__html: data.strapiHome.three_stacks_3 }}></div>
</section>
</Layout>
)
}
export default IndexPage export default IndexPage
export const indexQuery = graphql`
query IndexQuery {
strapiHome {
introduction
layer_explanation_1
layer_explanation_2
layer_explanation_3
layer_explanation_4
three_stacks_intro
three_stacks_1
three_stacks_2
three_stacks_3
}
}
`
\ No newline at end of file
frontend/src/styles/_layout.scss
View file @ f7a8db80
body {
padding: 0;
overflow-y: scroll;
}
#page { #page {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
...@@ -9,7 +14,6 @@ main { ...@@ -9,7 +14,6 @@ main {
width: 100%; width: 100%;
max-width: 1200px; max-width: 1200px;
margin: 3rem auto; margin: 3rem auto;
padding: 0 1rem;
} }
footer { footer {
...@@ -17,12 +21,14 @@ footer { ...@@ -17,12 +21,14 @@ footer {
} }
section { section {
min-height: 80vh;
margin-bottom: 4rem; margin-bottom: 4rem;
} }
.row { .row {
display: flex; display: flex;
margin: 0 -1rem; margin: 0 -1rem;
//align-items: flex-start;
&.columns-1 .column { &.columns-1 .column {
width: 100%; width: 100%;
......
frontend/src/styles/_page-index.scss 0 → 100644
View file @ f7a8db80
#phone {
max-height: 80vh;
}
.phone-part {
min-height: 90vh;
display: flex;
flex-direction: column;
justify-content: center;
}
\ No newline at end of file
frontend/src/styles/_reset.scss deleted 100644 → 0
View file @ 603aa5d9
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
audio:not([controls]) {
display: none;
height: 0;
}
progress {
vertical-align: baseline;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
-webkit-text-decoration-skip: objects;
}
a:active,
a:hover {
outline-width: 0;
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
}
b,
strong {
font-weight: inherit;
font-weight: bolder;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
img {
border-style: none;
}
svg:not(:root) {
overflow: hidden;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
figure {
margin: 1em 40px;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
html {
font: 112.5%/1.45em georgia, serif;
box-sizing: border-box;
overflow-y: scroll;
}
* {
box-sizing: inherit;
}
*:before {
box-sizing: inherit;
}
*:after {
box-sizing: inherit;
}
body {
color: #000;
font-weight: normal;
word-wrap: break-word;
font-kerning: normal;
-moz-font-feature-settings: "kern", "liga", "clig", "calt";
-ms-font-feature-settings: "kern", "liga", "clig", "calt";
-webkit-font-feature-settings: "kern", "liga", "clig", "calt";
font-feature-settings: "kern", "liga", "clig", "calt";
}
img {
max-width: 100%;
margin-left: 0;
margin-right: 0;
margin-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
padding-top: 0;
margin-bottom: 1.45rem;
}
ul {
margin-left: 1.45rem;
margin-right: 0;
margin-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
padding-top: 0;
margin-bottom: 1.45rem;
list-style-position: outside;
list-style-image: none;
}
ol {
margin-left: 1.45rem;
margin-right: 0;
margin-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
padding-top: 0;
margin-bottom: 1.45rem;
list-style-position: outside;
list-style-image: none;
}
p {
margin-left: 0;
margin-right: 0;
margin-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
padding-top: 0;
margin-bottom: 1.45rem;
}
figure {
margin-left: 0;
margin-right: 0;
margin-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
padding-top: 0;
margin-bottom: 1.45rem;
}
pre {
margin-left: 0;
margin-right: 0;
margin-top: 0;
margin-bottom: 1.45rem;
font-size: 0.85rem;
line-height: 1.42;
background: hsla(0, 0%, 0%, 0.04);
border-radius: 3px;
overflow: auto;
word-wrap: normal;
padding: 1.45rem;
}
table {
margin-left: 0;
margin-right: 0;
margin-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
padding-top: 0;
margin-bottom: 1.45rem;
font-size: 1rem;
line-height: 1.45rem;
border-collapse: collapse;
width: 100%;
}
blockquote {
margin-left: 1.45rem;
margin-right: 1.45rem;
margin-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
padding-top: 0;
margin-bottom: 1.45rem;
}