git0 0.2.10 → 0.2.11

package/svelte-nodegui/website/src/components/CreateNativeApps.js

@@ -0,0 +1,46 @@
+import React from "react";
+import { SplitView } from "./SplitView";
+import styled from "styled-components";
+
+const Image = styled.img`
+  max-height: 300px;
+  padding-bottom: 40px;
+`;
+
+export const CreateNativeApps = () => {
+  const ColumnOne = () => {
+    return <Image src="/img/demo.png" />;
+  };
+  const ColumnTwo = () => {
+    return (
+      <div>
+        <h3>
+          Create native apps for Windows, macOS and Linux using Svelte and CSS
+        </h3>
+
+        <p>
+          Svelte NodeGui lets you create truly native apps and doesn't compromise on your
+          users' experience. It provides a core set of platform agnostic native
+          widgets that map directly to the platform’s native UI building blocks.
+        </p>
+
+        <p>
+          Svelte NodeGui widgets are built on top of{" "}
+          <a href="https://www.qt.io/" target="_blank">
+            Qt
+          </a>{" "}
+          which is a mature desktop apps framework. Svelte NodeGui components are
+          extremely customizable just like in the web but does{" "}
+          <strong>NOT</strong> use a Web browser under the hood.
+        </p>
+      </div>
+    );
+  };
+  return (
+    <SplitView
+      columnTwoClass={"text"}
+      columnOne={<ColumnOne />}
+      columnTwo={<ColumnTwo />}
+    />
+  );
+};

package/svelte-nodegui/website/src/components/Features.js

@@ -0,0 +1,62 @@
+import React from "react";
+import useBaseUrl from "@docusaurus/useBaseUrl";
+import styles from "../pages/styles.module.css";
+import classnames from "classnames";
+
+const features = [
+  {
+    title: <>Powered by Svelte</>,
+    imageUrl: "img/undraw_building_websites.svg",
+    description: (
+      <>
+        With Svelte NodeGui, you can build truly native apps with Svelte. If you
+        dont want to use Svelte, there is also a pure{" "}
+        <a href="https://nodegui.org">JavaScript based version</a>.
+      </>
+    )
+  },
+  {
+    title: <>Open Source</>,
+    imageUrl: "img/undraw_code_review.svg",
+    description: (
+      <>
+        Svelte NodeGui is an open source project maintained by an active
+        community of contributors.
+      </>
+    )
+  },
+  {
+    title: <> Cross Platform</>,
+    imageUrl: "img/undraw_windows.svg",
+    description: (
+      <>
+        Svelte NodeGui apps build and run on Mac, Windows, and Linux platforms.
+      </>
+    )
+  }
+];
+export const Features = () => {
+  return (
+    <section className={styles.features}>
+      <div className="container">
+        <div className="row">
+          {features.map(({ imageUrl, title, description }, idx) => (
+            <div key={idx} className={classnames("col col--4", styles.feature)}>
+              {imageUrl && (
+                <div className="text--center">
+                  <img
+                    className={styles.featureImage}
+                    src={useBaseUrl(imageUrl)}
+                    alt={title}
+                  />
+                </div>
+              )}
+              <h3 className="text--center">{title}</h3>
+              <p className="text--center">{description}</p>
+            </div>
+          ))}
+        </div>
+      </div>
+    </section>
+  );
+};

package/svelte-nodegui/website/src/components/Hero.js

@@ -0,0 +1,85 @@
+import React from "react";
+import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
+import styled from "styled-components";
+import { Header, Container, H1, Center } from "./common";
+import styles from "../pages/styles.module.css";
+import useBaseUrl from "@docusaurus/useBaseUrl";
+
+const ActionButton = styled.a`
+  ${props => {
+    switch (props.type) {
+      case "primary":
+        return `
+          color: white; 
+          background: var(--ifm-color-primary);
+          &:hover {
+            color: white;
+            text-decoration: none;
+            background: var(--ifm-color-primary-dark);
+          }
+        `;
+      case "secondary":
+        return `
+          &::after {
+            content: "›";
+            font-size: 24px;
+            margin-left: 5px;
+            text-align: center;
+          }
+        `;
+    }
+  }}
+  padding: 0.7rem 1.1rem;
+  font-size: 1.2em;
+`;
+const Title = styled(H1)`
+  font-size: 3em;
+  font-weight: 600;
+`;
+const Tagline = styled.p`
+  font-size: 1.6em;
+  text-align: center;
+`;
+const MainLogo = styled.img`
+  max-width: 170px;
+`;
+
+const MainHeader = styled(Header)`
+  padding-bottom: 40px;
+`;
+
+function ActionContainer() {
+  return (
+    <div>
+      <ActionButton type="primary" href={"#quick-start"} target="_self">
+        Quick start
+      </ActionButton>
+      <ActionButton
+        type="secondary"
+        href={useBaseUrl("docs/guides/getting-started")}
+        target="_self"
+      >
+        Learn basics
+      </ActionButton>
+    </div>
+  );
+}
+
+export const Hero = () => {
+  const context = useDocusaurusContext();
+  const { siteConfig = {} } = context;
+  return (
+    <MainHeader>
+      <Container>
+        <Center>
+          <MainLogo src={"img/logox200.png"} />
+          <Title>{siteConfig.title}</Title>
+          <Tagline>{siteConfig.tagline}</Tagline>
+          <div className={styles.buttons}>
+            <ActionContainer />
+          </div>
+        </Center>
+      </Container>
+    </MainHeader>
+  );
+};

package/svelte-nodegui/website/src/components/SplitView.js

@@ -0,0 +1,18 @@
+import { Section } from "./common";
+import "./styles.css";
+import React from "react";
+
+export const SplitView = props => {
+  return (
+    <Section>
+      <div className="SplitView">
+        <div className={`column first left ${props.columnOneClass}`}>
+          {props.columnOne}
+        </div>
+        <div className={`column last right ${props.columnTwoClass}`}>
+          {props.columnTwo}
+        </div>
+      </div>
+    </Section>
+  );
+};

package/svelte-nodegui/website/src/components/Talks.js

@@ -0,0 +1,68 @@
+import React, { useEffect } from "react";
+import { Section, Container, Center, H2 } from "../components/common";
+import styled from "styled-components";
+
+const Heading = styled.h2`
+  margin-top: 20px;
+  margin-bottom: 40px;
+`;
+
+const Spacing = styled.div`
+  padding: 40px;
+`;
+
+export const Talks = () => {
+  useEffect(() => {
+    const script = document.createElement("script");
+    script.src = "//cdn.changelog.com/embed.js";
+    script.async = true;
+    document.body.appendChild(script);
+  }, []);
+  return (
+    <Section id="quick-start">
+      <Container>
+        <Center>
+          <Heading>Talks</Heading>
+          <ul>
+            <li>
+              <div>
+                <p>
+                  <a href="https://changelog.com/jsparty/96">
+                    JS Party 96: Performant Node desktop apps with NodeGui
+                  </a>{" "}
+                  – Listen on Changelog.com
+                </p>
+                <audio
+                  data-theme="night"
+                  data-src="https://changelog.com/jsparty/96/embed"
+                  src="https://cdn.changelog.com/uploads/jsparty/96/js-party-96.mp3"
+                  preload="none"
+                  class="changelog-episode"
+                  controls
+                ></audio>
+              </div>
+            </li>
+            <li>
+              <div>
+                <p>
+                  <a href="https://www.meetup.com/KarmaJS/events/265554520/">
+                    KarmaJS Nov'19 Stockholm
+                  </a>
+                </p>
+                <iframe
+                  width="560"
+                  height="315"
+                  src="https://www.youtube.com/embed/8jH5gaEEDv4"
+                  frameborder="0"
+                  allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
+                  allowfullscreen
+                ></iframe>
+              </div>
+            </li>
+          </ul>
+          <Spacing />
+        </Center>
+      </Container>
+    </Section>
+  );
+};

package/svelte-nodegui/website/src/components/Try.js

@@ -0,0 +1,83 @@
+import React from "react";
+import styled from "styled-components";
+import { Section, Container, Center, H2, H4 } from "../components/common";
+
+const Code = styled.code`
+  color: white !important;
+  background: black;
+  font-size: 14px;
+  position: relative;
+  &::before {
+    content: "$";
+    position: absolute;
+    left: -13px;
+    color: gray;
+  }
+`;
+const Terminal = styled.div`
+  background: black;
+  display: flex;
+  flex-direction: column;
+  border: 1px solid gray;
+  border-bottom: none;
+  border-top-left-radius: 10px;
+  border-top-right-radius: 10px;
+  padding: 50px 30px 30px 30px;
+  width: 600px;
+  max-width: 100%;
+  position: relative;
+  margin-bottom: 20px;
+  &::before {
+    content: "○ ○ ○";
+    color: gray;
+    font-size: 14px;
+    position: absolute;
+    left: 15px;
+    top: 5px;
+  }
+`;
+
+const SubTitle = styled.h4`
+  font-weight: 400;
+`;
+const Description = styled.div`
+  width: 600px;
+  max-width: 100%;
+`;
+
+export const Try = () => {
+  return (
+    <Section id="quick-start">
+      <Container>
+        <Center>
+          <H2>Give it a try</H2>
+          <Description>
+            <SubTitle>Run these commands</SubTitle>
+            <Terminal>
+              <Code>
+                git clone https://github.com/nodegui/svelte-nodegui-starter
+              </Code>
+              <Code>cd svelte-nodegui-starter</Code>
+              <Code>npm install</Code>
+              <Code>npm run dev</Code>
+              <Code>npm start</Code>
+            </Terminal>
+            <SubTitle>
+              3.{" "}
+              <a className="LinkBasics" href={"docs/guides/getting-started"}>
+                Learn the basics
+              </a>{" "}
+              or dive deeper and take a{" "}
+              <a
+                className="LinkBasics"
+                href={"docs/api/interfaces/buttonprops"}
+              >
+                look at the APIs.
+              </a>
+            </SubTitle>
+          </Description>
+        </Center>
+      </Container>
+    </Section>
+  );
+};

package/svelte-nodegui/website/src/components/common.js

@@ -0,0 +1,41 @@
+import styled from "styled-components";
+
+export const Header = styled.header``;
+
+export const Section = styled.section`
+  display: flex;
+  align-items: center;
+  padding: 2rem 0 0 0;
+  width: 100%;
+  margin: 0 auto;
+`;
+
+export const Container = styled.div`
+  margin-left: auto;
+  margin-right: auto;
+  max-width: 1140px;
+  max-width: var(--ifm-container-width);
+  padding-left: 1rem;
+  padding-left: var(--ifm-spacing-horizontal);
+  padding-right: 1rem;
+  padding-right: var(--ifm-spacing-horizontal);
+  width: 100%;
+`;
+
+export const Center = styled.div`
+  flex-direction: column;
+  display: flex;
+  align-items: center;
+`;
+
+export const Ol = styled.ol``;
+
+export const Li = styled.li`
+  font-size: 20px;
+`;
+
+export const H1 = styled.h1``;
+export const H2 = styled.h2``;
+export const H4 = styled.h4`
+  font-weight: 600;
+`;

package/svelte-nodegui/website/src/components/styles.css

@@ -0,0 +1,61 @@
+.SplitView {
+  display: grid;
+}
+
+.SplitView .column {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.SplitView .column.first {
+  grid-area: first;
+}
+
+.SplitView .column.text {
+  padding: 0 50px;
+}
+
+.SplitView .column.last {
+  grid-area: last;
+}
+
+@media only screen and (min-width: 961px) {
+  .SplitView {
+    max-width: 80%;
+    margin: 0 auto;
+    grid-template-columns: repeat(2, 1fr);
+    grid-template-areas: "first last";
+  }
+
+  .SplitView.reverse {
+    grid-template-areas: "last first";
+  }
+
+  .SplitView .column.left {
+    padding-right: 50px;
+  }
+
+  .SplitView .column.right {
+    padding-left: 50px;
+  }
+}
+
+@media only screen and (max-width: 960px) {
+  .SplitView,
+  .SplitView.reverse {
+    grid-template-columns: 1fr;
+    grid-template-areas: "first" "last";
+  }
+
+  .SplitView .column {
+    padding: 0 4rem;
+  }
+}
+
+@media only screen and (max-width: 480px) {
+  .SplitView .column {
+    padding: 0 1.25rem;
+  }
+}

package/svelte-nodegui/website/src/css/custom.css

@@ -0,0 +1,34 @@
+/**
+ * Any CSS included here will be global. The classic template
+ * bundles Infima by default. Infima is a CSS framework designed to
+ * work well for content-centric websites.
+ */
+
+/* You can override the default Infima variables here. */
+:root {
+  --ifm-color-primary: #0195a5;
+  --ifm-color-primary-dark: rgb(2, 117, 129);
+  --ifm-color-primary-darker: rgb(2, 94, 104);
+  --ifm-color-primary-darkest: rgb(1, 61, 68);
+  --ifm-color-primary-light: #0299aa;
+  --ifm-color-primary-lighter: #03b5c9;
+  --ifm-color-primary-lightest: #04d4eb;
+
+  /* Navbar*/
+
+  --ifm-navbar-background-color: rgb(51, 54, 59);
+  --ifm-navbar-link-color: white;
+}
+
+.navbar__sidebar__items .menu__list-item .menu__link {
+  color: white;
+}
+.navbar__toggle {
+  color: white;
+}
+.contents .contents__link {
+  color: var(--ifm-font-base-color);
+}
+a:hover {
+  text-decoration: underline dotted;
+}

package/svelte-nodegui/website/src/pages/index.js

@@ -0,0 +1,32 @@
+import React from "react";
+import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
+import Layout from "@theme/Layout";
+import { Try } from "../components/Try";
+import { Hero } from "../components/Hero";
+import { Features } from "../components/Features";
+import { CreateNativeApps } from "../components/CreateNativeApps";
+import { CodeExample } from "../components/CodeExample";
+import { Talks } from "../components/Talks";
+
+import "./styles.module.css";
+
+function Home() {
+  const context = useDocusaurusContext();
+  const { siteConfig = {} } = context;
+  return (
+    <Layout
+      title={`Hello from ${siteConfig.title}`}
+      description="Build performant, native and cross-platform desktop applications with Svelte 🚀"
+    >
+      <Hero />
+      <main>
+        <Features />
+        <CreateNativeApps />
+        <CodeExample />
+        <Try />
+        <Talks />
+      </main>
+    </Layout>
+  );
+}
+export default Home;

package/svelte-nodegui/website/src/pages/styles.module.css

@@ -0,0 +1,35 @@
+/**
+ * CSS files with the .module.css suffix will be treated as CSS modules
+ * and scoped locally.
+ */
+
+.heroBanner {
+  padding: 4rem 0;
+  text-align: center;
+  position: relative;
+  overflow: hidden;
+}
+
+@media screen and (max-width: 966px) {
+  .heroBanner {
+    padding: 2rem;
+  }
+}
+
+.buttons {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.features {
+  display: flex;
+  align-items: center;
+  padding: 2rem 0;
+  width: 100%;
+}
+
+.featureImage {
+  height: 200px;
+  width: 200px;
+}

package/svelte-nodegui/website/static/CNAME

@@ -0,0 +1 @@
+svelte.nodegui.org

package/svelte-nodegui/website/static/img/logo.svg

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns:svg="http://www.w3.org/2000/svg" 
+  xmlns="http://www.w3.org/2000/svg" version="1.1" x="0px" y="0px" viewBox="0 0 100 100" xml:space="preserve">
+  <path stroke="#fff" stroke-opacity="1" stroke-width="0.3" d="m 59.284626,14.263209 c -0.687,0.229 -1.356531,0.439781 -2.019531,0.675781 -3.973,1.415 -7.755281,3.216328 -11.238281,5.611328 -2.41,1.657 -4.585985,3.567594 -6.333985,5.933594 -0.801,1.084 -1.470953,2.242422 -2.001953,3.482422 -0.041,0.096 -0.128703,0.205281 -0.220703,0.238281 -20.597575,15.458927 2.267881,0.111627 -9.351564,9.652345 -2.258,1.91 -4.263391,4.041562 -5.775391,6.601562 -1.007,1.705 -1.750375,3.507188 -1.984375,5.492188 -0.033,0.275 -0.03383,0.555031 -0.04883,0.832031 1.640871,-1.544702 3.536558,-3.011455 5.337894,-3.691403 -0.047,0.105 -0.07256,0.165562 -0.101563,0.226562 -0.223,0.467 -0.466016,0.927297 -0.666016,1.404297 -0.884,2.102 -1.276031,4.280641 -0.957031,6.556641 2.649665,9.258054 10.961484,16.080739 16.273435,22.951125 0.03,0.041 0.06762,0.0763 0.140625,0.154296 0.253,-2.415 -0.282688,-4.636781 -1.179688,-6.800781 4.602,3.96 6.954438,8.990313 7.148438,15.070313 0.053,-0.03 0.09695,-0.04522 0.126953,-0.07422 1.795,-1.707 3.536468,-3.462281 4.980468,-5.488281 1.166,-1.635 2.126766,-3.371079 2.634766,-5.330078 0.248,-0.955001 0.363313,-1.927016 0.320313,-2.916016 -0.003,-0.075 0.02908,-0.173563 0.08008,-0.226563 1.738,-1.789 3.732594,-3.160109 6.183593,-3.787109 1.770001,-0.454 3.54236,-0.408436 5.31836,-0.02344 2.614,0.567 5.233844,1.104124 7.839844,1.703126 0.695,0.158998 1.305984,0.09347 1.958984,-0.144532 3.262,-1.188 6.281672,-2.792328 8.888672,-5.111328 1.926,-1.713 3.424172,-3.730016 4.326172,-6.166016 0.086,-0.232998 0.04275,-0.33189 -0.15625,-0.46289 -4.89,-3.227 -9.775016,-6.463453 -14.666016,-9.689453 -0.24,-0.158 -0.309969,-0.336516 -0.292969,-0.603516 0.05,-0.782 0.443797,-1.353187 1.091797,-1.742187 0.407,-0.243 0.853453,-0.41958 1.314453,-0.642578 -3.624,-4.147 -7.425203,-8.13975 -11.658203,-11.71875 0.286,-0.643001 0.57361,-1.277969 0.84961,-1.917969 1.233,-2.865 2.31239,-5.782219 3.02539,-8.824219 0.305,-1.301 0.522938,-2.616125 0.585938,-3.953125 0.004,-0.083 0,-0.165969 0,-0.292969 -3.123,0.87 -6.123156,1.925485 -8.910156,3.646485 0.021,-0.373 0.03655,-0.711828 0.06055,-1.048829 0.123,-1.751 0.11812,-3.499046 -0.04687,-5.248046 -0.129,-1.363 -0.359718,-2.703672 -0.761718,-4.013672 -0.029,-0.095 -0.06924,-0.188453 -0.115235,-0.314453 z m -1.822265,3.478515 c 0.013,0.07 0.02244,0.09795 0.02344,0.126953 0.026,1.207 0.09136,2.416047 0.06836,3.623047 -0.049,2.578 -0.427579,5.11275 -1.142579,7.59375 -0.449,1.558 -1.022078,3.065516 -1.830078,4.478516 -0.091,0.16 -0.194859,0.2665 -0.380859,0.3125 -0.609,0.151 -1.211266,0.333562 -1.822266,0.476562 -0.478,0.111 -0.964625,0.18125 -1.515625,0.28125 -0.107,-0.645 -0.223781,-1.245609 -0.300781,-1.849609 -0.077,-0.608 0.04775,-1.200109 0.21875,-1.787109 -1.061,0.927 -2.003781,1.920156 -2.175781,3.410156 -0.536,-3.312 0.119812,-6.37275 1.882812,-9.21875 -2.778,2.307 -4.970203,5.014609 -5.908203,8.599609 -0.068,-0.336 -0.134969,-0.670765 -0.167969,-1.009765 -0.171,-1.737 0.14,-3.392704 0.875,-4.970704 0.895,-1.922999 2.2445,-3.493671 3.8125,-4.888671 2.141,-1.905 4.556766,-3.390094 7.134766,-4.621094 0.4,-0.191 0.806516,-0.366641 1.228516,-0.556641 z m -0.08984,25.408203 c 0.293352,-0.006 0.586859,-0.0029 0.880859,0.0078 0.392,0.01422 0.784485,0.04344 1.177735,0.08594 2.486,0.27 4.759734,1.110688 6.802734,2.554688 2.051,1.45 3.615047,3.333234 4.873047,5.490234 0.06,0.103 0.149,0.204625 0.25,0.265625 2.329,1.413 4.66214,2.820516 6.99414,4.228516 1.384001,0.836 2.767297,1.672906 4.154297,2.503906 0.133,0.08 0.177578,0.153406 0.142579,0.316406 -0.065,0.299 -0.10086,0.604202 -0.13086,0.908204 -0.131,1.341999 -0.06258,2.665984 0.357422,3.958984 0.265,0.817 0.702141,1.538125 1.244141,2.203125 -0.024,0.033 -0.03755,0.06203 -0.06055,0.08203 -0.383,0.337 -0.756297,0.68786 -1.154297,1.00586 -2.386,1.906998 -5.062641,3.280781 -7.931641,4.300781 -0.264,0.094 -0.499953,0.08518 -0.751953,-0.0059 -1.877,-0.679 -3.795094,-1.209045 -5.746094,-1.623047 -2.934,-0.622998 -5.899437,-0.974328 -8.898437,-0.986328 -1.216,-0.005 -2.434391,0.06419 -3.650391,0.117188 -0.464,0.02 -0.925672,0.08876 -1.388672,0.134766 1.436,0.317999 2.886455,0.538046 4.314453,1.123046 -1.813999,0.706 -3.351999,1.732625 -4.75,3.015625 -0.03,-0.105 -0.05027,-0.178953 -0.07227,-0.251953 -0.218,-0.728 -0.402111,-1.46864 -0.662109,-2.18164 -0.941001,-2.578 -2.33325,-4.916391 -3.90625,-7.150391 -1.031,-1.464 -2.066813,-2.922438 -2.882813,-4.523437 -0.138,-0.270002 -0.273109,-0.542313 -0.412109,-0.820313 -0.344,0.375 -0.624375,1.444266 -0.734375,2.697266 -0.234,-0.569 -0.463063,-1.138703 -0.664063,-1.720703 -0.616,-1.784002 -1.0225,-3.606719 -0.9375,-5.511719 0.076,-1.704 0.581203,-3.251797 1.658203,-4.591797 0.889,-1.107 2.018969,-1.906 3.292969,-2.5 2.332,-1.087 4.814328,-1.546844 7.361328,-1.714844 0.461,-0.031 0.922766,-0.04345 1.384766,-0.06445 0.001,-0.011 9.06e-4,-0.0222 0.002,-0.0332 -1.029,-0.304 -2.056328,-0.608922 -3.111328,-0.919922 0.049,-0.037 0.05826,-0.05169 0.07227,-0.05469 0.084,-0.02 0.166953,-0.03964 0.251954,-0.05664 0.873561,-0.176625 1.750801,-0.271155 2.630859,-0.289063 z"/>
+</svg>

package/svelte-nodegui/website/static/img/undraw_building_websites.svg

@@ -0,0 +1 @@
+<svg id="a27520da-4319-485c-96d7-e776d7397e13" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="876.27165" height="661.47277" viewBox="0 0 876.27165 661.47277"><path d="M685.83423,138.6545c7.51624,15.99516-8.41069,20.5258-26.65516,29.099s-31.8977,17.94247-39.41393,1.94732-13.61474-47.74263,12.19523-59.87092C658.65953,97.2838,678.318,122.65934,685.83423,138.6545Z" transform="translate(-180.86417 -106.46046)" fill="#2f2e41"/><circle cx="467.74627" cy="39.08912" r="24.56103" fill="#ffb8b8"/><path d="M770.29037,254.47277c-.85009-1.11-1.70019-2.2-2.56006-3.26q-1.66479-2.07-3.35009-4.01c-12.73-14.69-26.27-23.94-41.17969-24.93h-.02l-.22021-.02-29.71,28.96-10.10009,9.84.22021.54,5.44971,13.57h95.49023A234.83392,234.83392,0,0,0,770.29037,254.47277Z" transform="translate(-180.86417 -106.46046)" fill="#2f2e41"/><path d="M621.90207,155.43779l0,0,8.792-4.13144-1.22476-12.68333,5.87908,10.49623,4.20223-1.97466-.7144-7.39862,3.42957,6.12274,31.22444-14.67258,0,0a26,26,0,0,0-34.589-12.47385l-4.52533,2.12648A26,26,0,0,0,621.90207,155.43779Z" transform="translate(-180.86417 -106.46046)" fill="#2f2e41"/><path d="M825.39023,601.26062H312.55173a16.51867,16.51867,0,0,1-16.5-16.5V276.60681a12.10184,12.10184,0,0,1,12.08789-12.08838H829.59311a12.31112,12.31112,0,0,1,12.29712,12.29736V584.76062A16.51868,16.51868,0,0,1,825.39023,601.26062Z" transform="translate(-180.86417 -106.46046)" fill="#f2f2f2"/><path d="M328.55173,584.76062h480.8385a16,16,0,0,0,16-16V307.21277a16,16,0,0,0-16-16H328.55173a16,16,0,0,0-16,16V568.76062A16,16,0,0,0,328.55173,584.76062Z" transform="translate(-180.86417 -106.46046)" fill="#fff"/><path d="M841.66049,275.663H295.82016v-8.40039a16.57376,16.57376,0,0,1,16.56006-16.5498H825.10043a16.57368,16.57368,0,0,1,16.56006,16.5498Z" transform="translate(-180.86417 -106.46046)" fill="#6c63ff"/><circle cx="145.05135" cy="156.7523" r="4.28342" fill="#fff"/><circle cx="161.31015" cy="156.7523" r="4.28342" fill="#fff"/><circle cx="177.56896" cy="156.7523" r="4.28342" fill="#fff"/><path d="M583.97441,528.03954h-43a9.51081,9.51081,0,0,1-9.5-9.5v-43a9.51081,9.51081,0,0,1,9.5-9.5h43a9.51081,9.51081,0,0,1,9.5,9.5v43A9.51081,9.51081,0,0,1,583.97441,528.03954Zm-43-60a7.50835,7.50835,0,0,0-7.5,7.5v43a7.50836,7.50836,0,0,0,7.5,7.5h43a7.50836,7.50836,0,0,0,7.5-7.5v-43a7.50835,7.50835,0,0,0-7.5-7.5Z" transform="translate(-180.86417 -106.46046)" fill="#ccc"/><path d="M575.47441,516.03954h-26a3.00328,3.00328,0,0,1-3-3v-32a3.00328,3.00328,0,0,1,3-3h18.83935a3.0073,3.0073,0,0,1,1.8794.66162l7.16016,5.7539a2.9844,2.9844,0,0,1,1.12109,2.33838v26.2461A3.00328,3.00328,0,0,1,575.47441,516.03954Zm-26-36a1.0013,1.0013,0,0,0-1,1v32a1.0013,1.0013,0,0,0,1,1h26a1.0013,1.0013,0,0,0,1-1v-26.2461a.99457.99457,0,0,0-.37354-.77929l-7.16113-5.7544a1.00206,1.00206,0,0,0-.626-.22021Z" transform="translate(-180.86417 -106.46046)" fill="#ccc"/><path d="M570.47441,492.03954h-16a1,1,0,0,1,0-2h16a1,1,0,0,1,0,2Z" transform="translate(-180.86417 -106.46046)" fill="#ccc"/><path d="M570.47441,498.03954h-16a1,1,0,0,1,0-2h16a1,1,0,0,1,0,2Z" transform="translate(-180.86417 -106.46046)" fill="#ccc"/><path d="M570.47441,504.03954h-16a1,1,0,0,1,0-2h16a1,1,0,0,1,0,2Z" transform="translate(-180.86417 -106.46046)" fill="#ccc"/><path d="M685.97441,528.03954h-43a9.51081,9.51081,0,0,1-9.5-9.5v-43a9.51081,9.51081,0,0,1,9.5-9.5h43a9.51081,9.51081,0,0,1,9.5,9.5v43A9.51081,9.51081,0,0,1,685.97441,528.03954Zm-43-60a7.50835,7.50835,0,0,0-7.5,7.5v43a7.50836,7.50836,0,0,0,7.5,7.5h43a7.50836,7.50836,0,0,0,7.5-7.5v-43a7.50835,7.50835,0,0,0-7.5-7.5Z" transform="translate(-180.86417 -106.46046)" fill="#ccc"/><path d="M678.47441,508.03954h-28a3.00328,3.00328,0,0,1-3-3v-16a3.00328,3.00328,0,0,1,3-3h28a3.00328,3.00328,0,0,1,3,3v16A3.00328,3.00328,0,0,1,678.47441,508.03954Zm-28-20a1.001,1.001,0,0,0-1,1v16a1.001,1.001,0,0,0,1,1h28a1.001,1.001,0,0,0,1-1v-16a1.001,1.001,0,0,0-1-1Z" transform="translate(-180.86417 -106.46046)" fill="#ccc"/><path d="M664.47441,499.67772a3.00345,3.00345,0,0,1-1.58984-.45264l-14.94043-9.3374a1.00027,1.00027,0,0,1,1.06054-1.69629l14.94043,9.3374a1.00555,1.00555,0,0,0,1.05957,0l14.93946-9.3374a1.00027,1.00027,0,0,1,1.06054,1.69629l-14.93945,9.3374A3.00432,3.00432,0,0,1,664.47441,499.67772Z" transform="translate(-180.86417 -106.46046)" fill="#ccc"/><path d="M481.97441,528.03954h-43a9.51081,9.51081,0,0,1-9.5-9.5v-43a9.51081,9.51081,0,0,1,9.5-9.5h43a9.51081,9.51081,0,0,1,9.5,9.5v43A9.51081,9.51081,0,0,1,481.97441,528.03954Zm-43-60a7.50835,7.50835,0,0,0-7.5,7.5v43a7.50836,7.50836,0,0,0,7.5,7.5h43a7.50836,7.50836,0,0,0,7.5-7.5v-43a7.50835,7.50835,0,0,0-7.5-7.5Z" transform="translate(-180.86417 -106.46046)" fill="#ccc"/><path d="M474.47441,508.03954h-28a3.00328,3.00328,0,0,1-3-3v-16a3.00328,3.00328,0,0,1,3-3h28a3.00328,3.00328,0,0,1,3,3v16A3.00328,3.00328,0,0,1,474.47441,508.03954Zm-28-20a1.001,1.001,0,0,0-1,1v16a1.001,1.001,0,0,0,1,1h28a1.001,1.001,0,0,0,1-1v-16a1.001,1.001,0,0,0-1-1Z" transform="translate(-180.86417 -106.46046)" fill="#ccc"/><path d="M470.03642,508.03954h-20.124a1.99958,1.99958,0,0,1-1.73194-3l6.06153-10.5a2.00022,2.00022,0,0,1,3.46435,0l3.915,6.78125,2.26807-3.92871a2.00022,2.00022,0,0,1,3.46435,0l4.415,7.64746a2,2,0,0,1-1.73242,3Zm0-2h0l-4.415-7.64746-3.13379,5.42871a.99985.99985,0,0,1-.86621.5h0a.99985.99985,0,0,1-.86621-.5l-4.78076-8.28125-6.062,10.5Z" transform="translate(-180.86417 -106.46046)" fill="#ccc"/><circle cx="290.61013" cy="385.57888" r="2" fill="#ccc"/><polygon points="768.825 648.15 756.565 648.149 750.733 600.861 768.827 600.862 768.825 648.15" fill="#ffb8b8"/><path d="M952.81564,766.49434l-39.53051-.00146v-.5a15.38605,15.38605,0,0,1,15.38647-15.38623h.001l24.1438.001Z" transform="translate(-180.86417 -106.46046)" fill="#2f2e41"/><polygon points="818.825 648.15 806.565 648.149 800.733 600.861 818.827 600.862 818.825 648.15" fill="#ffb8b8"/><path d="M1002.81564,766.49434l-39.53051-.00146v-.5a15.38605,15.38605,0,0,1,15.38647-15.38623h.001l24.1438.001Z" transform="translate(-180.86417 -106.46046)" fill="#2f2e41"/><path d="M996.0139,734.11079l-11.35449-3.4541a4.49323,4.49323,0,0,1-3.16577-3.833L970.9077,626.49751a.47984.47984,0,0,0-.47851-.44726.46935.46935,0,0,0-.5105.40918l-17.731,97.19922a4.50036,4.50036,0,0,1-5.33471,3.59961L932.34154,724.269a4.51613,4.51613,0,0,1-3.58179-4.71192l10.7854-159.3125,73.13794-7.8916-10.86792,177.72656a4.50464,4.50464,0,0,1-4.48437,4.22754A4.52613,4.52613,0,0,1,996.0139,734.11079Z" transform="translate(-180.86417 -106.46046)" fill="#2f2e41"/><circle cx="815.08028" cy="290.48693" r="24.56103" fill="#ffb8b8"/><path d="M939.43261,561.18013l15.85815-99.85107a37.85746,37.85746,0,0,1,48.00537-30.39942h0a37.74323,37.74323,0,0,1,26.60108,43.26221l-16.59107,89.17187Z" transform="translate(-180.86417 -106.46046)" fill="#6c63ff"/><path d="M1002.725,579.04609a10.0558,10.0558,0,0,0,1.747-15.32l16.39619-31.75128-18.46486,1.97048-12.73924,29.84946a10.11027,10.11027,0,0,0,13.06089,15.25138Z" transform="translate(-180.86417 -106.46046)" fill="#ffb8b8"/><path d="M1006.23594,558.12555a4.50552,4.50552,0,0,1-2.4265-1.15083l-6.27324-5.79662a4.51468,4.51468,0,0,1-1.09178-5.05417l12.53746-29.71816-1.77859-58.71981a14.49652,14.49652,0,1,1,28.727,3.91856l3.041,36.91226a46.37346,46.37346,0,0,1-8.93769,31.39683l-19.55206,26.43232a4.505,4.505,0,0,1-3.19513,1.80387A4.45452,4.45452,0,0,1,1006.23594,558.12555Z" transform="translate(-180.86417 -106.46046)" fill="#6c63ff"/><path d="M854.50508,383.5656a10.05575,10.05575,0,0,0,13.42647,7.58193l22.84575,27.47819,5.38477-17.77183-22.52025-23.36914a10.11027,10.11027,0,0,0-19.13674,6.08085Z" transform="translate(-180.86417 -106.46046)" fill="#ffb8b8"/><path d="M872.40107,394.9555a4.50564,4.50564,0,0,1,2.00583-1.78577l7.78377-3.51672a4.51467,4.51467,0,0,1,5.07986.96521l22.478,23.13213,54.76621,21.25658a14.49652,14.49652,0,1,1-14.80889,24.92573l-35.17667-11.59151a46.37351,46.37351,0,0,1-25.42736-20.47176l-16.71728-28.31048a4.50493,4.50493,0,0,1-.41535-3.64558A4.45446,4.45446,0,0,1,872.40107,394.9555Z" transform="translate(-180.86417 -106.46046)" fill="#6c63ff"/><polygon points="835.002 375.652 834.002 407.652 815.58 439.663 830.962 403.99 835.002 375.652" opacity="0.1"/><path d="M993.13047,401.56313a6.42292,6.42292,0,0,1-7.03053-4.70224,9.76432,9.76432,0,0,0-6.95075-7.2736c-4.5055-1.02949-10.01213,1.09128-13.31351-2.32232a6.63748,6.63748,0,0,1-1.57539-5.84234c.60807-3.31718,2.981-5.8232,5.56326-7.8275a34.06226,34.06226,0,0,1,18.8661-7.05067,67.67657,67.67657,0,0,1,10.62084.52837,47.00933,47.00933,0,0,1,10.86368,1.98538,25.57605,25.57605,0,0,1,16.00171,18.68024,29.528,29.528,0,0,1-6.05709,24.13034,31.70221,31.70221,0,0,1-12.16059,9.25872,4.74429,4.74429,0,0,1-3.60621.18291c-2.95734-1.17583-2.47409-4.83917-1.12569-7.28253,1.443-2.61478,3.66335-5.1464,2.50287-8.32859a6.302,6.302,0,0,0-3.12714-3.3662c-2.93992-1.49928-6.22821-1.14456-9.38876-.77957Z" transform="translate(-180.86417 -106.46046)" fill="#2f2e41"/><path d="M846.29741,415.4331h-304a16.51867,16.51867,0,0,1-16.5-16.5v-65a16.51868,16.51868,0,0,1,16.5-16.5h304a16.519,16.519,0,0,1,16.5,16.5v65A16.519,16.519,0,0,1,846.29741,415.4331Z" transform="translate(-180.86417 -106.46046)" fill="#fff"/><path d="M846.29724,415.93324h-304a17.01917,17.01917,0,0,1-17-17v-65a17.01916,17.01916,0,0,1,17-17h304a17.01916,17.01916,0,0,1,17,17v65A17.01917,17.01917,0,0,1,846.29724,415.93324Zm-304-97a15.017,15.017,0,0,0-15,15v65a15.017,15.017,0,0,0,15,15h304a15.017,15.017,0,0,0,15-15v-65a15.017,15.017,0,0,0-15-15Z" transform="translate(-180.86417 -106.46046)" fill="#3f3d56"/><path d="M809.29724,399.43324h-230a16.51868,16.51868,0,0,1-16.5-16.5v-34a16.51867,16.51867,0,0,1,16.5-16.5h230a16.51866,16.51866,0,0,1,16.5,16.5v34A16.51867,16.51867,0,0,1,809.29724,399.43324Z" transform="translate(-180.86417 -106.46046)" fill="#f2f2f2"/><circle cx="447.92802" cy="254.91484" r="19.73228" fill="#ff6584"/><path d="M795.00425,397.4419l-27.85254-23.35968-27.37158-22.95636a4.00031,4.00031,0,0,0-5.15283.01l-27.28321,23.06165-6.66406,5.6333-10.04834-8.42737-30.53711-25.61084a3.99964,3.99964,0,0,0-5.15234.00989l-30.438,25.72833-30.917,26.13349a.99994.99994,0,0,0,.64746,1.76373l63.38672-.12213,20.064-.03864-.19629.166,59.80762-.11524,57.0669-.10992A.99989.99989,0,0,0,795.00425,397.4419Z" transform="translate(-180.86417 -106.46046)" fill="#3f3d56"/><path d="M1056.13583,767.93324h-192a1,1,0,0,1,0-2h192a1,1,0,0,1,0,2Z" transform="translate(-180.86417 -106.46046)" fill="#ccc"/><path d="M784.92026,238.37274a11.22094,11.22094,0,0,0-7.25-5.1,10.30111,10.30111,0,0,0-1.65967-.21l-76.19043-68.12a9.01491,9.01491,0,0,0-5.62988-2.69,7.66989,7.66989,0,0,0-1.27-.04,9.05493,9.05493,0,0,0-5.96,15.48l29.16992,25.43,47.8999,41.75a11.91555,11.91555,0,0,0,.3501,2.33,11.26607,11.26607,0,0,0,9.66992,8.37,11.09212,11.09212,0,0,0,6.05029-1,11.40659,11.40659,0,0,0,3.87988-2.97c.10987-.13.21-.25.31006-.39a11.29281,11.29281,0,0,0,.62989-12.84Z" transform="translate(-180.86417 -106.46046)" fill="#ffb8b8"/><path d="M654.60043,304.02276l-.71-28.86-.6001-23.95-.41015-16.76-.81006-32.67a9.04565,9.04565,0,0,0-15.71-5.25,6.92326,6.92326,0,0,0-.75.96,8.93574,8.93574,0,0,0-1.56006,6.05l1.78027,47.67.89014,23.95,1.13965,30.55a12.0475,12.0475,0,0,0-.88965,1.41,11.248,11.248,0,0,0-.71,8.84,11.31144,11.31144,0,0,0,15.55957,6.63,11.30069,11.30069,0,0,0,2.78027-18.57Z" transform="translate(-180.86417 -106.46046)" fill="#ffb8b8"/><path d="M723.20053,222.27276l-7.07031-19.15-11.43994-31.02a16.0055,16.0055,0,0,0-9.9502-9.68c-.17969-.06-.36963-.12-.5498-.17005a15.984,15.984,0,0,0-13.23975,1.82l-38.53027,24.44a16.09316,16.09316,0,0,0-5.27,21.75,276.323,276.323,0,0,0,15.73,24.19c4.49023,6.11,12.85009,6.76,14.30029,16.76h28.40967l28.76025-25.82Z" transform="translate(-180.86417 -106.46046)" fill="#ccc"/><circle cx="101.16464" cy="326.68231" r="23.17166" fill="#a0616a"/><path d="M338.91551,417.19256q.3425.27261.66395.57794a10.38021,10.38021,0,0,1-.41708,15.48365,9.72179,9.72179,0,0,1-.81382.61338l1.56823,52.94493a8.06132,8.06132,0,0,1-5.545,7.867l-.09553.02052-42.98869,4.578a8.89852,8.89852,0,1,1-1.72218-17.71279l30.64427-2.69888,5.29962-45.851a9.87574,9.87574,0,0,1-.97155-.99,10.38,10.38,0,0,1,14.3778-14.83273Z" transform="translate(-180.86417 -106.46046)" fill="#a0616a"/><polygon points="139.328 649.174 150.895 649.174 156.397 604.561 139.326 604.561 139.328 649.174" fill="#a0616a"/><path d="M317.24235,751.8583l22.778-.00093h.00092a14.5157,14.5157,0,0,1,14.51609,14.51587v.47171l-37.29436.00139Z" transform="translate(-180.86417 -106.46046)" fill="#2f2e41"/><polygon points="24.366 633.182 34.304 639.099 61.857 603.582 47.189 594.849 24.366 633.182" fill="#a0616a"/><path d="M204.6271,734.88875l19.57164,11.65289.00079.00047a14.5157,14.5157,0,0,1,5.04582,19.89892l-.24134.40531L196.95952,747.767Z" transform="translate(-180.86417 -106.46046)" fill="#2f2e41"/><path d="M334.4881,739.87708H321.53641a4.23772,4.23772,0,0,1-4.22149-3.79676L304.25773,613.34293a1.41541,1.41541,0,0,0-2.69716-.433l-23.5554,52.15872-41.70358,68.00266a4.26564,4.26564,0,0,1-5.32891,1.66575l-16.66024-7.33a4.24672,4.24672,0,0,1-1.93478-6.06413l38.33707-64.19208,11.75766-54.0852c-3.69795-23.455,12.155-58.326,12.31575-58.67614l.07855-.17044,43.66751-17.06765.219.2681c17.22117,56.51377,27.715,117.3322,19.96672,208.5678A4.27417,4.27417,0,0,1,334.4881,739.87708Z" transform="translate(-180.86417 -106.46046)" fill="#2f2e41"/><path d="M273.10743,549.934l-.20339-.42749c-.09719-.20454-9.807-20.68365-17.292-42.57146a32.28512,32.28512,0,0,1,2.23858-25.87344,32.6374,32.6374,0,0,1,20.81263-16.00426h0A32.677,32.677,0,0,1,316.591,484.62709c5.93722,14.84708,4.045,30.69452,2.26429,43.15723l-.03547.24967-.22711.10872Z" transform="translate(-180.86417 -106.46046)" fill="#3f3d56"/><path d="M310.12378,420.05358H273.32992V404.01523c8.07584-3.20838,15.97847-5.93693,20.75551,0a16.03844,16.03844,0,0,1,16.03835,16.03833Z" transform="translate(-180.86417 -106.46046)" fill="#2f2e41"/><path d="M271.29289,401.18493c-21.99607,0-28.15279,27.57121-28.15279,43.12552,0,8.67446,3.923,11.777,10.08753,12.8268l2.17708-11.611,5.09905,12.11064c1.73162.00864,3.55077-.02488,5.43671-.05989l1.72886-3.55986,3.85527,3.496c15.44087.023,27.92061,2.27382,27.92061-13.20269C299.44521,428.75614,294.04582,401.18493,271.29289,401.18493Z" transform="translate(-180.86417 -106.46046)" fill="#2f2e41"/><path d="M373.86417,767.93324h-192a1,1,0,1,1,0-2h192a1,1,0,0,1,0,2Z" transform="translate(-180.86417 -106.46046)" fill="#ccc"/><path d="M377.47441,438.93324h-43a9.51081,9.51081,0,0,1-9.5-9.5v-43a9.51081,9.51081,0,0,1,9.5-9.5h43a9.51081,9.51081,0,0,1,9.5,9.5v43A9.51081,9.51081,0,0,1,377.47441,438.93324Z" transform="translate(-180.86417 -106.46046)" fill="#fff"/><path d="M377.47441,438.93324h-43a9.51081,9.51081,0,0,1-9.5-9.5v-43a9.51081,9.51081,0,0,1,9.5-9.5h43a9.51081,9.51081,0,0,1,9.5,9.5v43A9.51081,9.51081,0,0,1,377.47441,438.93324Zm-43-60a7.50836,7.50836,0,0,0-7.5,7.5v43a7.50836,7.50836,0,0,0,7.5,7.5h43a7.50836,7.50836,0,0,0,7.5-7.5v-43a7.50836,7.50836,0,0,0-7.5-7.5Z" transform="translate(-180.86417 -106.46046)" fill="#3f3d56"/><path d="M369.97441,421.43324h-28a3.00328,3.00328,0,0,1-3-3v-21a3.00328,3.00328,0,0,1,3-3h7.88232a2.98117,2.98117,0,0,1,2.55518,1.42724l2.19824,3.57276h15.36426a3.00328,3.00328,0,0,1,3,3v16A3.00328,3.00328,0,0,1,369.97441,421.43324Z" transform="translate(-180.86417 -106.46046)" fill="#6c63ff"/><path d="M369.06364,432.04239q.20986.38415.38766.79029a10.38021,10.38021,0,0,1-6.39269,14.10854,9.72022,9.72022,0,0,1-.98807.24953l-19.09943,49.40482a8.06134,8.06134,0,0,1-8.16324,5.09887l-.096-.01816-41.39664-12.46211a8.89853,8.89853,0,1,1,5.28606-16.99313l29.29033,9.40382,22.6764-40.20175a9.87622,9.87622,0,0,1-.51127-1.28942,10.38005,10.38005,0,0,1,19.0069-8.0913Z" transform="translate(-180.86417 -106.46046)" fill="#a0616a"/></svg>