Merge pull request #7 from specklesystems/dim

Dim
This commit is contained in:
Dimitrie Stefanescu
2021-03-23 19:10:34 +00:00
committed by GitHub
37 changed files with 3273 additions and 744 deletions
+628
View File
@@ -0,0 +1,628 @@
<!DOCTYPE html>
<html ⚡>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<title>{{meta_title}}</title>
{{amp_ghost_head}}
<style amp-custom>
*,
*::before,
*::after {
box-sizing: border-box;
}
html {
overflow-x: hidden;
overflow-y: scroll;
font-size: 62.5%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
min-height: 100vh;
margin: 0;
padding: 0;
color: #3a4145;
font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;
font-size: 1.7rem;
line-height: 1.55em;
font-weight: 400;
font-style: normal;
background: #fff;
scroll-behavior: smooth;
overflow-x: hidden;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
p,
ul,
ol,
li,
dl,
dd,
hr,
pre,
form,
table,
video,
figure,
figcaption,
blockquote {
margin: 0;
padding: 0;
}
ul[class],
ol[class] {
padding: 0;
list-style: none;
}
img {
display: block;
max-width: 100%;
}
input,
button,
select,
textarea {
font: inherit;
-webkit-appearance: none;
}
fieldset {
margin: 0;
padding: 0;
border: 0;
}
label {
display: block;
font-size: 0.9em;
font-weight: 700;
}
hr {
position: relative;
display: block;
width: 100%;
height: 1px;
border: 0;
border-top: 1px solid currentcolor;
opacity: 0.1;
}
::selection {
text-shadow: none;
background: #cbeafb;
}
mark {
background-color: #fdffb6;
}
small {
font-size: 80%;
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
ul li + li {
margin-top: 0.6em;
}
a {
color: var(--ghost-accent-color, #1292EE);
text-decoration-skip-ink: auto;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
font-weight: 700;
color: #121212;
line-height: 1.4em;
}
h1 {
font-size: 3.4rem;
line-height: 1.1em;
}
h2 {
font-size: 2.4rem;
line-height: 1.2em;
}
h3 {
font-size: 1.8rem;
}
h4 {
font-size: 1.7rem;
}
h5 {
font-size: 1.6rem;
}
h6 {
font-size: 1.6rem;
}
amp-img {
height: 100%;
width: 100%;
max-width: 100%;
max-height: 100%;
}
amp-img img {
object-fit: cover;
}
.page-header {
padding: 50px 5vmin 30px;
text-align: center;
font-size: 2rem;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.page-header a {
color: #121212;
font-weight: 700;
text-decoration: none;
font-size: 1.6rem;
letter-spacing: -0.1px;
}
.post {
max-width: 680px;
margin: 0 auto;
}
.post-header {
margin: 0 5vmin 5vmin;
text-align: center;
}
.post-meta {
margin: 1rem 0 0 0;
text-transform: uppercase;
color: #738a94;
font-weight: 500;
font-size: 1.3rem;
}
.post-image {
margin: 0 0 5vmin;
}
.post-image img {
display: block;
width: 100%;
height: auto;
}
.post-content {
padding: 0 5vmin;
}
.post-content > * + * {
margin-top: 1.5em;
}
.post-content [id]:not(:first-child) {
margin: 2em 0 0;
}
.post-content > [id] + * {
margin-top: 1rem;
}
.post-content [id] + .kg-card,
.post-content blockquote + .kg-card {
margin-top: 40px;
}
.post-content > ul,
.post-content > ol,
.post-content > dl {
padding-left: 1.9em;
}
.post-content hr {
margin-top: 40px;
}
.post .post-content hr + * {
margin-top: 40px;
}
.post-content amp-img {
background-color: #f8f8f8;
}
.post-content blockquote {
position: relative;
font-style: italic;
}
.post-content blockquote::before {
content: "";
position: absolute;
left: -1.5em;
top: 0;
bottom: 0;
width: 0.3rem;
background: var(--ghost-accent-color, #1292EE);
}
.post-content :not(.kg-card):not([id]) + .kg-card {
margin-top: 40px;
}
.post-content .kg-card + :not(.kg-card) {
margin-top: 40px;
}
.kg-card figcaption {
padding: 1.5rem 1.5rem 0;
text-align: center;
font-weight: 500;
font-size: 1.3rem;
line-height: 1.4em;
opacity: 0.6;
}
.kg-card figcaption strong {
color: rgba(0,0,0,0.8);
}
.post-content :not(pre) code {
vertical-align: middle;
padding: 0.15em 0.4em 0.15em;
border: #e1eaef 1px solid;
font-weight: 400;
font-size: 0.9em;
line-height: 1em;
color: #15171a;
background: #f0f6f9;
border-radius: 0.25em;
}
.post-content > pre {
overflow: scroll;
padding: 16px 20px;
color: #fff;
background: #1F2428;
border-radius: 5px;
box-shadow: 0 2px 6px -2px rgba(0,0,0,.1), 0 0 1px rgba(0,0,0,.4);
}
.kg-embed-card {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
}
.kg-image-card img {
margin: auto;
}
.kg-gallery-card + .kg-gallery-card {
margin-top: 0.75em;
}
.kg-gallery-container {
position: relative;
}
.kg-gallery-row {
display: flex;
flex-direction: row;
justify-content: center;
}
.kg-gallery-image {
width: 100%;
height: 100%;
}
.kg-gallery-row:not(:first-of-type) {
margin: 0.75em 0 0 0;
}
.kg-gallery-image:not(:first-of-type) {
margin: 0 0 0 0.75em;
}
.kg-bookmark-card,
.kg-bookmark-publisher {
position: relative;
}
.kg-bookmark-container,
.kg-bookmark-container:hover {
display: flex;
flex-wrap: wrap;
flex-direction: row-reverse;
color: currentColor;
background: rgba(255,255,255,0.6);
font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;
text-decoration: none;
border-radius: 5px;
box-shadow: 0 2px 6px -2px rgba(0, 0, 0, 0.1), 0 0 1px rgba(0, 0, 0, 0.4);
overflow: hidden;
}
.kg-bookmark-content {
flex-basis: 0;
flex-grow: 999;
padding: 20px;
order: 1;
}
.kg-bookmark-title {
font-weight: 600;
font-size: 1.5rem;
line-height: 1.3em;
}
.kg-bookmark-description {
display: -webkit-box;
max-height: 45px;
margin: 0.5em 0 0 0;
font-size: 1.4rem;
line-height: 1.55em;
overflow: hidden;
opacity: 0.8;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.kg-bookmark-metadata {
margin-top: 20px;
}
.kg-bookmark-metadata {
display: flex;
align-items: center;
font-weight: 500;
font-size: 1.3rem;
line-height: 1.3em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.kg-bookmark-description {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.kg-bookmark-metadata amp-img {
width: 18px;
height: 18px;
max-width: 18px;
max-height: 18px;
margin-right: 10px;
}
.kg-bookmark-thumbnail {
display: flex;
flex-basis: 20rem;
flex-grow: 1;
justify-content: flex-end;
}
.kg-bookmark-thumbnail amp-img {
max-height: 200px;
}
.kg-bookmark-author {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.kg-bookmark-publisher::before {
content: "•";
margin: 0 .5em;
}
.kg-width-full.kg-card-hascaption {
display: grid;
grid-template-columns: inherit;
}
.post-content table {
border-collapse: collapse;
width: 100%;
}
.post-content th {
padding: 0.5em 0.8em;
text-align: left;
font-size: .75em;
text-transform: uppercase;
}
.post-content td {
padding: 0.4em 0.7em;
}
.post-content tbody tr:nth-child(2n + 1) {
background-color: rgba(0,0,0,0.1);
padding: 1px;
}
.post-content tbody tr:nth-child(2n + 2) td:last-child {
box-shadow:
inset 1px 0 rgba(0,0,0,0.1),
inset -1px 0 rgba(0,0,0,0.1);
}
.post-content tbody tr:nth-child(2n + 2) td {
box-shadow: inset 1px 0 rgba(0,0,0,0.1);
}
.post-content tbody tr:last-child {
border-bottom: 1px solid rgba(0,0,0,.1);
}
.page-footer {
padding: 60px 5vmin;
margin: 60px auto 0;
text-align: center;
background-color: #f8f8f8;
}
.page-footer h3 {
margin: 0.5rem 0 0 0;
}
.page-footer p {
max-width: 500px;
margin: 1rem auto 1.5rem;
font-size: 1.7rem;
line-height: 1.5em;
color: rgba(0,0,0,0.6)
}
.powered {
display: inline-flex;
align-items: center;
margin: 30px 0 0;
padding: 6px 9px 6px 6px;
border: rgba(0,0,0,0.1) 1px solid;
font-size: 12px;
line-height: 12px;
letter-spacing: -0.2px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-weight: 500;
color: #222;
text-decoration: none;
background: #fff;
border-radius: 6px;
}
.powered svg {
height: 16px;
width: 16px;
margin: 0 6px 0 0;
}
@media (max-width: 600px) {
body {
font-size: 1.6rem;
}
h1 {
font-size: 3rem;
}
h2 {
font-size: 2.2rem;
}
}
@media (max-width: 400px) {
h1 {
font-size: 2.6rem;
line-height: 1.15em;
}
h2 {
font-size: 2rem;
line-height: 1.2em;
}
h3 {
font-size: 1.7rem;
}
}
{{amp_style}}
</style>
{{!-- AMP Boilerplate --}}
<style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
<script async src="https://cdn.ampproject.org/v0.js"></script>
{{amp_components}}
</head>
<body class="amp-template">
{{#post}}
<header class="page-header">
<a href="{{@site.url}}">
{{#if @site.icon}}
<amp-img class="site-icon" src="{{img_url @site.icon absolute="true"}}" width="50" height="50" layout="fixed"></amp-img>
{{else}}
{{@site.title}}
{{/if}}
</a>
</header>
<main class="content" role="main">
<article class="post">
<header class="post-header">
<h1 class="post-title">{{title}}</h1>
<section class="post-meta">
{{primary_author.name}} -
<time class="post-date" datetime="{{date format="YYYY-MM-DD"}}">{{date format="DD MMM YYYY"}}</time>
</section>
</header>
{{#if feature_image}}
<figure class="post-image">
<amp-img src="{{img_url feature_image absolute="true"}}" width="600" height="340" layout="responsive"></amp-img>
</figure>
{{/if}}
<section class="post-content">
{{amp_content}}
</section>
</article>
</main>
{{/post}}
<footer class="page-footer">
{{#if @site.icon}}
<amp-img class="site-icon" src="{{img_url @site.icon absolute="true"}}" width="50" height="50" layout="fixed"></amp-img>
{{/if}}
<h3>{{@site.title}}</h3>
{{#if @site.description}}
<p>{{@site.description}}</p>
{{/if}}
<p><a href="{{@site.url}}">Read more posts →</a></p>
</footer>
{{amp_analytics}}
</body>
</html>
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
+10 -32
View File
@@ -1,43 +1,21 @@
/*
This is a development CSS file which is compiled to a minified
production stylesheet in assets/built/screen.css using: gulp dev
*/
/* Lib - Local component imports
/* ---------------------------------------------------------- */
/* Base components */
/*@import "vars.css";
@import "components/global.css";
@import "components/forms.css";
@import "components/buttons.css";*/
/* Ghost components */
/*@import "ghost/header.css";
@import "ghost/content.css";
@import "ghost/readmore.css";
@import "ghost/members.css";
@import "ghost/errors.css";
@import "ghost/footer.css";
@import "ghost/badge.css";
*/
/* Tailwind */
@import "tailwindcss/base";
@import "tailwindcss/components";
@import "tailwindcss/utilities";
/* Prism theme */
@import 'prism-theme-one-light-dark/prism-onedark.css';
/*@import 'prism-theme-one-light-dark/prism-onelight.css';*/
/*<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.23.0/themes/prism.min.css" integrity="sha512-tN7Ec6zAFaVSG3TpNAKtk4DOHNpSwKHxxrsiw4GHKESGPs5njn/0sMCUMl2svV4wo4BK/rCP7juYz+zx+l6oeQ==" crossorigin="anonymous" />*/
/* Main
/* ---------------------------------------------------------- */
.main-illustration {
opacity: 0.75;
}
@media (prefers-color-scheme: dark) {
.main-illustration {
opacity: 0.3;
}
}
.text-gradient {
background-clip: text;
-webkit-background-clip: text;
+17 -12
View File
@@ -32,9 +32,12 @@
{{/if}}
<div class="mt-4 text-base dark:text-gray-100">
Written by {{#foreach authors}}<a class="text-blue-600"
href="{{url}}">{{name}}</a>{{/foreach}} <span
class="text-gray-500">on <time datetime="{{date format="YYYY-MM-DD"}}">{{date format="D MMM YYYY"}}</time></span>
Written by
{{#foreach authors}}
<span class="font-bold">{{name}}</span>
{{/foreach}}
<span class="text-gray-500">on <time datetime="{{date format="YYYY-MM-DD"}}">{{date format="D MMM YYYY"}}</time></span>
</div>
</div>
@@ -57,21 +60,23 @@
<div class="max-w-prose mx-auto mt-8 grid gap-5 md:grid-cols-2 mb-10">
{{#get "posts" filter="tags:{{primary_tag.slug}}+id:>{{id}}" limit="1" order="id asc"}}
{{#get "posts" filter="tags:{{primary_tag.slug}}+id:>{{id}}"
limit="1" order="id asc"}}
{{#foreach posts}}
{{> cardFancySmall}}
{{/foreach}}
{{/get}}
{{#get "posts" filter="tags:{{primary_tag.slug}}+id:<{{id}}" limit="1" order="id desc" }}
{{#foreach posts}}
{{> cardFancySmall}}
{{/foreach}}
{{/get}}
{{/get}}
{{#get "posts" filter="tags:{{primary_tag.slug}}+id:<{{id}}" limit="1" order="id desc"}}
{{#foreach posts}}
{{> cardFancySmall}}
{{/foreach}}
{{/get}}
<span></span>
{{> cardTag}}
{{> cardTag}}
</div>
</article>
{{/post}}
-36
View File
@@ -31,43 +31,7 @@
{{#is "home"}}
<script src="{{asset "built/Speckle.js"}}"></script>
<script type="text/javascript">
let v
window.ze = function() {
v.sceneManager.zoomExtents()
}
window.loadViewer = function() {
v = new Speckle.Viewer({
container: document.getElementById(
'renderer')
});
v.on('load-progress', args => console.log(args))
v.selectionHelper.on('object-clicked', args => {
if (args.length !== 0) {
console.log(args[0])
}
});
// revit: https://staging.speckle.dev/streams/a75ab4f10f/objects/7ae6510afc0173539004a6ad5e5de92f
// rhino: https://staging.speckle.dev/streams/4c3ce1459c/objects/60e1982302771e635024ef10dae3dbf3
// rhino old: https://staging.speckle.dev/streams/63028b716f/objects/f66828e3eeb6cb809ef64d64adfe570f
(() => {
v.loadObject(
"https://staging.speckle.dev/streams/4c3ce1459c/objects/60e1982302771e635024ef10dae3dbf3",
"e844747dc6f6b0b5c7d5fbd82d66de6e9529531d75"
)
})()
document.getElementById('loadbutton').style.display =
"none"
document.getElementById('zebutton').style.display =
"block"
v.onWindowResize()
}
</script>
{{/is}}
+38 -5
View File
@@ -1,8 +1,14 @@
{{!< default}}
{{#tag}}
{{> extras/patterns}}
{{> extras/patterns}}
<div class="z-0 absolute w-full md:w-3/6 md:right-0 h-screen/2 md:mr-5">
<div class="absolute z-1 inset-0 w-full h-full opacity-40 dark:opacity-20">
{{> extras/devsSvg }}
</div>
</div>
{{#tag}}
<main class="relative w-default h-screen/3 flex flex-wrap content-center mt-24">
<div class="w-3/3">
@@ -12,7 +18,7 @@
Devs!
</span>
</h1>
<p class="text-base text-justify text-gray-500 sm:text-lg md:text-xl md:max-w-6xl mt-10">
<p class="text-base text-justify text-gray-500 dark:text-gray-100 sm:text-lg md:text-xl md:max-w-6xl mt-10">
{{description}}
</p>
</div>
@@ -61,7 +67,7 @@
covered:</h3>
</div>
<div class="w-default grid gap-5 md:grid-cols-2 lg:grid-cols-3">
<div class="w-default grid gap-5 md:grid-cols-2 lg:grid-cols-3 mb-16">
{{#foreach posts}}
@@ -69,7 +75,34 @@
{{/foreach}}
<div class="relative py-20 rounded-xl shadow hover:shadow-2xl bg-white dark:bg-gray-800 ring transition overflow-hidden flex col-span-2 md:col-span-1">
<a href="/features" class="self-center">
<div class="absolute inset-0 bg-blue-500 opacity-10"
style="mix-blend-mode: multiply;"></div>
<div class="absolute inset-0 bg-gradient-to-t from-blue-600 via-blue-600 opacity-10"></div>
<div class="relative px-8">
<div class="text-3xl font-semibold text-gray-800 dark:text-gray-100 dark:text-gray-100">
Still curious?
</div>
<blockquote class="mt-8">
<div class="relative text-lg font-medium text-gray-800 dark:text-gray-100 md:flex-grow">
<p class="relative line-clamp-3">
Read about more about Speckle's headline features.
</p>
</div>
<footer class="mt-4">
<p class="text-base font-semibold hover:text-blue-900 dark:text-blue-200 ">
Read more
</p>
</footer>
</blockquote>
</div>
</a>
</div>
</div>
{{> cardCTA headline="Ready to hack?" subHeadline="Speckle 2.0 is coming soon." }}
{{!-- {{> cardCTA headline="Ready to hack?" subHeadline="Speckle 2.0 is coming soon." }} --}}
+69
View File
@@ -0,0 +1,69 @@
{{!< default}}
{{> extras/patterns}}
<div class="z-0 absolute w-full md:w-3/6 md:right-0 h-screen/2 md:mr-5">
<div class="absolute z-1 inset-0 w-full h-full opacity-40 dark:opacity-20">
{{> extras/featuresSimpleSvg }}
</div>
</div>
{{#tag}}
<main class="relative w-default h-screen/3 flex flex-wrap content-center mt-24">
<div class="w-3/3">
<h1 class="text-4xl tracking-tight font-extrabold text-gray-900 dark:text-gray-100 sm:text-5xl md:text-6xl">
Speckle
<span class="inline-block xl:inline text-gradient text-gradient bg-gradient-to-r from-blue-500 to-blue-700">
{{name}}
</span>
</h1>
<p class="text-base text-justify text-gray-500 dark:text-gray-100 sm:text-lg md:text-xl md:max-w-6xl mt-10">
{{description}}
</p>
</div>
</main>
{{/tag}}
<div class="relative w-default my-10">
<h3 class="text-xl my-2 text-blue-600">Key features</h3>
</div>
<div class="relative w-default grid gap-5 md:grid-cols-2 lg:grid-cols-3 mb-16">
{{#foreach posts}}
{{> cardFancy}}
{{/foreach}}
<div class="relative py-20 rounded-xl shadow hover:shadow-2xl bg-white dark:bg-gray-800 ring transition overflow-hidden flex col-span-2 md:col-span-1">
<a href="/developers" class="self-center">
<div class="absolute inset-0 bg-blue-500 opacity-10"
style="mix-blend-mode: multiply;"></div>
<div class="absolute inset-0 bg-gradient-to-t from-blue-600 via-blue-600 opacity-10"></div>
<div class="relative px-8">
<div class="text-3xl font-semibold text-gray-800 dark:text-gray-100 dark:text-gray-100">
Do you want to develop on top of Speckle?
</div>
<blockquote class="mt-8">
<div class="relative text-lg font-medium text-gray-800 dark:text-gray-100 md:flex-grow">
<p class="relative line-clamp-3">
Speckle is a solid, open source base for your apps.
</p>
</div>
<footer class="mt-4">
<p class="text-base font-semibold hover:text-blue-900 dark:text-blue-200 ">
Read more
</p>
</footer>
</blockquote>
</div>
</a>
</div>
</div>
{{!-- {{> cardCTA subHeadline="Apply now:" }} --}}
+14 -3
View File
@@ -1,10 +1,21 @@
{{!< default}}
<div class="absolute inset-0 lg:inset-y-0 right-0 pt-5 md:pt-24 opacity-30 dark:opacity-10 h-6/6 md:h-5/6 w-3/3 w-3/3">
{{> extras/duper }}
<div class="z-0 relative lg:absolute w-4/6 mx-auto lg:w-3/6 lg:right-0 h-screen/2 -mt-10 lg:mt-20 lg:mr-5">
<div class="absolute z-1 inset-0 w-full h-full visible opacity-70 dark:invisible">
{{> extras/landingIllustration }}
</div>
<div class="absolute z-1 inset-0 w-full h-full opacity-40 invisible dark:visible">
{{> extras/landingIllustrationDark }}
</div>
<div class="absolute z-1 inset-0 w-full h-full opacity-70 ">
{{> extras/landingIllustrationDarkHigh }}
</div>
</div>
{{> landing/header }}
<div class="relative -mt-44 lg:mt-0">
{{> landing/header }}
</div>
{{> landing/logos }}
+3 -7
View File
@@ -11,11 +11,8 @@
{{title}}
</span>
</h1>
<div class="post-body text-gray-500 text-base text-justify sm:text-lg md:text-xl md:max-w-6xl mt-10">
We are working round the clock to kick off
Speckle 2. If you are interested in participating
in our 2.0 beta launch programme, please register
below!
<div class="post-body text-gray-500 dark:text-gray-100 text-base text-justify sm:text-lg md:text-xl md:max-w-6xl mt-10">
A brand new Speckle is coming soon! Join our beta program and get early access to our hosted and managed Speckle offerings.
</div>
</div>
</main>
@@ -44,9 +41,8 @@
Managed plan is best suited to cover your
needs. We support deploying Speckle on your
own infrastructure, or ours.
<br>
For everyday usage & just getting things
done, we recommend the Standard plan.
done, we recommend the Free plan.
</p>
</div>
+3 -4
View File
@@ -3,8 +3,7 @@
<h1 class="text-4xl tracking-tight font-extrabold text-gray-900 dark:text-gray-100 sm:text-5xl md:text-6xl">
<span class="inline-block xl:inline text-gradient text-gradient bg-gradient-to-r from-blue-500 to-blue-700">
Our mission is to revolutionise the AEC
industry's digital performance - with open source.
Our mission is to empower AEC companies with open and accessible data.
</span>
</h1>
<p class="text-4xl text-justify text-gray-700 dark:text-gray-100 md:max-w-6xl mt-10">
@@ -29,10 +28,10 @@
<div class="grid md:grid-cols-1 gap-5 w-full -px-5">
<div class="relative h-16 md:h-16 lg:h-16 rounded-2xl overflow-hidden transition hover:shadow-2xl p-5 flex col-span-2 sm:col-span-1 bg-white dark:bg-gray-900 ">
<a href="/usecases" class="flex w-full h-full">
<a href="/features" class="flex w-full h-full">
<div class="block self-center w-full">
<div class="text-xl font-semibold text-blue-600">
Usecases →
Features →
</div>
</div>
</a>
+9 -8
View File
@@ -1,16 +1,17 @@
<div class="flex flex-col rounded-lg transition shadow hover:shadow-2xl overflow-hidden">
<div class="flex-shrink-0 ">
{{#if feature_image}}
<img class="h-48 w-full object-cover" srcset="{{img_url feature_image size="s"}} 300w,
<a href="{{url}}" class="block mt-2">
{{#if feature_image}}
<img class="h-48 w-full object-cover" srcset="{{img_url feature_image size="s"}} 300w,
{{img_url feature_image size="m"}} 600w,
{{img_url feature_image size="l"}} 1000w,
{{img_url feature_image size="xl"}} 2000w"
sizes="(max-width: 1000px) 400px, 700px" src="{{img_url feature_image size="m"}}"
alt="{{title}}">
{{else}}
<div class="h-48 w-full block bg-blue-500">&nbsp;</div>
{{/if}}
sizes="(max-width: 1000px) 400px, 700px" src="{{img_url feature_image size="m"}}"
alt="{{title}}">
{{else}}
<div class="h-48 w-full block bg-blue-500">&nbsp;</div>
{{/if}}
</a>
</div>
<div class="flex-1 bg-white dark:bg-gray-900 dark:text-gray-200 p-6 flex flex-col justify-between">
<div class="flex-1">
+9 -8
View File
@@ -1,16 +1,17 @@
<div class="flex flex-col rounded-lg transition shadow hover:shadow-2xl overflow-hidden">
<div class="flex-shrink-0 ">
{{#if feature_image}}
<img class="h-32 w-full object-cover" srcset="{{img_url feature_image size="s"}} 300w,
<a href="{{url}}" class="block mt-2">
{{#if feature_image}}
<img class="h-32 w-full object-cover" srcset="{{img_url feature_image size="s"}} 300w,
{{img_url feature_image size="m"}} 600w,
{{img_url feature_image size="l"}} 1000w,
{{img_url feature_image size="xl"}} 2000w"
sizes="(max-width: 1000px) 400px, 700px" src="{{img_url feature_image size="m"}}"
alt="{{title}}">
{{else}}
<div class="h-32 w-full block bg-blue-500">&nbsp;</div>
{{/if}}
sizes="(max-width: 1000px) 400px, 700px" src="{{img_url feature_image size="m"}}"
alt="{{title}}">
{{else}}
<div class="h-32 w-full block bg-blue-500">&nbsp;</div>
{{/if}}
</a>
</div>
<div class="flex-1 bg-white dark:bg-gray-900 dark:text-gray-200 p-6 flex flex-col justify-between">
<div class="flex-1">
+1 -1
View File
@@ -1,4 +1,4 @@
<div class="relative h-screen/3 rounded-2xl overflow-hidden flex col-span-3 sm:col-span-2 md:col-span-1 px-8 mx-auto">
<div class="relative py-20 rounded-2xl overflow-hidden flex col-span-3 sm:col-span-2 md:col-span-1 px-8 mx-auto">
<div class="block mx-auto self-center text-center">
<div class="text-3xl font-semibold text-gray-500">
{{#if headline}}
File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 32 KiB

+247
View File
@@ -0,0 +1,247 @@
<svg width="100%" height="100%" viewBox="0 0 997 769" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<g transform="matrix(1,0,0,1,-3958,-1864)">
<g id="devs" transform="matrix(1,0,0,1,2934.11,-10.551)">
<rect x="1024" y="1875.4" width="995.978" height="768" style="fill:none;"/>
<g transform="matrix(1,0,0,1,14.9065,16.6081)">
<g transform="matrix(1,0,0,1,-29.4313,15.2744)">
<g transform="matrix(0.556609,0,0,0.556609,737.492,974.014)">
<path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z" style="fill:url(#_Radial1);"/>
</g>
<g transform="matrix(0.482727,-0.278703,0.557405,0.321818,736.148,973.087)">
<path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z" style="fill:rgb(241,243,248);"/>
</g>
</g>
<g transform="matrix(1,0,0,1,0,-70.5477)">
<g transform="matrix(0.556609,0,0,0.556609,558.017,1301.2)">
<path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z" style="fill:url(#_Radial2);"/>
</g>
<g transform="matrix(0.482727,-0.278703,0.557405,0.321818,556.673,1300.27)">
<path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z" style="fill:rgb(241,243,248);"/>
</g>
</g>
<g transform="matrix(1,0,0,1,0,-70.5477)">
<g transform="matrix(0.556609,0,0,0.556609,558.017,1252.14)">
<path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z" style="fill:url(#_Radial3);"/>
</g>
<g transform="matrix(0.482727,-0.278703,0.557405,0.321818,556.673,1251.22)">
<path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z" style="fill:rgb(241,243,248);"/>
</g>
</g>
<g transform="matrix(1,0,0,0.590914,-4.54747e-13,927.132)">
<g transform="matrix(4.41926e-17,0.721719,-0.187381,1.14738e-17,1917.43,-929.382)">
<clipPath id="_clip4">
<rect x="4427.94" y="2248.85" width="214.08" height="68.028"/>
</clipPath>
<g clip-path="url(#_clip4)">
<g transform="matrix(8.48423e-17,-5.33673,2.34481,5.53009e-16,3470.31,4848.15)">
<use xlink:href="#_Image5" x="483.725" y="411.539" width="12.747px" height="91.299px" transform="matrix(0.980542,0,0,0.992383,0,0)"/>
</g>
</g>
</g>
<g transform="matrix(4.41926e-17,0.721719,-0.187381,1.14738e-17,1938.81,-929.382)">
<clipPath id="_clip6">
<rect x="4427.94" y="2248.85" width="214.08" height="68.028"/>
</clipPath>
<g clip-path="url(#_clip6)">
<g transform="matrix(8.48423e-17,-5.33673,2.34481,5.53009e-16,3470.31,4962.25)">
<use xlink:href="#_Image5" x="505.529" y="411.539" width="12.747px" height="91.299px" transform="matrix(0.980542,0,0,0.992383,0,0)"/>
</g>
</g>
</g>
<g transform="matrix(4.41926e-17,0.721719,-0.187381,1.14738e-17,1963.76,-929.382)">
<clipPath id="_clip7">
<rect x="4427.94" y="2248.85" width="214.08" height="68.028"/>
</clipPath>
<g clip-path="url(#_clip7)">
<g transform="matrix(8.48423e-17,-5.33673,2.34481,5.53009e-16,3470.31,5095.41)">
<use xlink:href="#_Image5" x="530.975" y="411.539" width="12.747px" height="91.299px" transform="matrix(0.980542,0,0,0.992383,0,0)"/>
</g>
</g>
</g>
</g>
<g transform="matrix(0.785519,0,0,0.785519,-1990.09,499.836)">
<g transform="matrix(0.708588,0,0,0.708588,3243.86,732.695)">
<path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z" style="fill:url(#_Radial8);"/>
</g>
<g transform="matrix(0.614533,-0.354801,0.709601,0.409689,3242.15,731.515)">
<path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z" style="fill:rgb(37,99,235);"/>
</g>
</g>
<g transform="matrix(3.36792,-1.94447,0.544272,0.314236,-1836.01,1629.53)">
<clipPath id="_clip9">
<rect x="348.837" y="4017.54" width="23.533" height="75.348"/>
</clipPath>
<g clip-path="url(#_clip9)">
<g transform="matrix(0.14846,0.918658,-0.25714,1.59116,363.633,2977.02)">
<use xlink:href="#_Image10" x="519.642" y="312.497" width="120.267px" height="69.436px" transform="matrix(0.993944,0,0,0.991947,0,0)"/>
</g>
</g>
</g>
<g transform="matrix(1,0,0,1,0,10)">
<g transform="matrix(-1.54203,-0.890293,0.104003,-0.060046,1564.74,2738.08)">
<clipPath id="_clip11">
<rect x="317.463" y="4041.6" width="57.199" height="89.822"/>
</clipPath>
<g clip-path="url(#_clip11)">
<g transform="matrix(-0.324247,4.80757,-0.561613,-8.32695,680.115,4740.3)">
<use xlink:href="#_Image12" x="400.21" y="312.242" width="97.545px" height="56.317px" transform="matrix(0.995354,0,0,0.988025,0,0)"/>
</g>
</g>
</g>
<g transform="matrix(-1.54203,-0.890293,0.104003,-0.060046,1544.61,2749.7)">
<clipPath id="_clip13">
<rect x="317.463" y="4041.6" width="57.199" height="89.822"/>
</clipPath>
<g clip-path="url(#_clip13)">
<g transform="matrix(-0.324247,4.80757,-0.561613,-8.32695,680.115,4933.82)">
<use xlink:href="#_Image12" x="379.99" y="324.003" width="97.545px" height="56.317px" transform="matrix(0.995354,0,0,0.988025,0,0)"/>
</g>
</g>
</g>
<g transform="matrix(-1.54203,-0.890293,0.104003,-0.060046,1522.97,2762.2)">
<clipPath id="_clip14">
<rect x="317.463" y="4041.6" width="57.199" height="89.822"/>
</clipPath>
<g clip-path="url(#_clip14)">
<g transform="matrix(-0.324247,4.80757,-0.561613,-8.32695,680.115,5141.93)">
<use xlink:href="#_Image12" x="358.245" y="336.651" width="97.545px" height="56.317px" transform="matrix(0.995354,0,0,0.988025,0,0)"/>
</g>
</g>
</g>
</g>
<g transform="matrix(-0.830211,-9.20644e-17,2.77667e-16,-0.839612,2754.97,4122.21)">
<g transform="matrix(-1.54203,-0.890293,0.104003,-0.060046,1570.11,2734.48)">
<clipPath id="_clip15">
<rect x="317.463" y="4041.6" width="57.199" height="89.822"/>
</clipPath>
<g clip-path="url(#_clip15)">
<g transform="matrix(0.39056,-5.79078,0.668896,9.91761,-151.653,2875.93)">
<use xlink:href="#_Image16" x="492.27" y="415.625" width="80.983px" height="47.285px" transform="matrix(0.999786,0,0,0.9851,0,0)"/>
</g>
</g>
</g>
<g transform="matrix(-1.54203,-0.890293,0.104003,-0.060046,1508.59,2769.81)">
<clipPath id="_clip17">
<rect x="317.463" y="4041.6" width="57.199" height="89.822"/>
</clipPath>
<g clip-path="url(#_clip17)">
<g transform="matrix(0.39056,-5.79078,0.668896,9.91761,-151.757,3465.86)">
<use xlink:href="#_Image16" x="543.351" y="385.513" width="80.983px" height="47.285px" transform="matrix(0.999786,0,0,0.9851,0,0)"/>
</g>
</g>
</g>
</g>
<g transform="matrix(0.785519,0,0,0.597818,284.221,915.242)">
<g transform="matrix(5.62591e-17,0.91878,-0.238544,1.46066e-17,2264.17,-2166.43)">
<clipPath id="_clip18">
<rect x="4427.94" y="2248.85" width="214.08" height="68.028"/>
</clipPath>
<g clip-path="url(#_clip18)">
<g transform="matrix(8.48423e-17,-5.33673,1.82062,4.29382e-16,4074.24,5623.79)">
<use xlink:href="#_Image19" x="631.949" y="194.96" width="12.747px" height="117.586px" transform="matrix(0.980542,0,0,0.996492,0,0)"/>
</g>
</g>
</g>
<g transform="matrix(5.62591e-17,0.91878,-0.238544,1.46066e-17,2291.39,-2166.43)">
<clipPath id="_clip20">
<rect x="4427.94" y="2248.85" width="214.08" height="68.028"/>
</clipPath>
<g clip-path="url(#_clip20)">
<g transform="matrix(8.48423e-17,-5.33673,1.82062,4.29382e-16,4074.24,5737.89)">
<use xlink:href="#_Image19" x="653.754" y="194.96" width="12.747px" height="117.586px" transform="matrix(0.980542,0,0,0.996492,0,0)"/>
</g>
</g>
</g>
<g transform="matrix(5.62591e-17,0.91878,-0.238544,1.46066e-17,2323.16,-2166.43)">
<clipPath id="_clip21">
<rect x="4427.94" y="2248.85" width="214.08" height="68.028"/>
</clipPath>
<g clip-path="url(#_clip21)">
<g transform="matrix(8.48423e-17,-5.33673,1.82062,4.29382e-16,4074.24,5871.05)">
<use xlink:href="#_Image19" x="679.2" y="194.96" width="12.747px" height="117.586px" transform="matrix(0.980542,0,0,0.996492,0,0)"/>
</g>
</g>
</g>
</g>
<g transform="matrix(1.50894,0,0,1.50894,-984.123,-1457.54)">
<g>
<g transform="matrix(0.368875,0,0,0.368875,1121.71,1555.77)">
<path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z" style="fill:url(#_Radial22);"/>
</g>
<g transform="matrix(0.319912,-0.184701,0.369403,0.213275,1120.82,1555.16)">
<path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z" style="fill:rgb(241,243,248);"/>
</g>
</g>
</g>
<g transform="matrix(0.785519,0,0,0.785519,-1990.09,460.263)">
<g transform="matrix(0.708588,0,0,0.708588,3243.86,732.695)">
<path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z" style="fill:url(#_Radial23);"/>
</g>
<g transform="matrix(0.614533,-0.354801,0.709601,0.409689,3242.15,731.515)">
<path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z" style="fill:rgb(37,99,235);"/>
</g>
</g>
<g transform="matrix(1.50894,0,0,1.50894,-1292.7,-1350.8)">
<g transform="matrix(0.368875,0,0,0.368875,1121.71,1555.77)">
<path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z" style="fill:url(#_Radial24);"/>
</g>
<g transform="matrix(0.319912,-0.184701,0.369403,0.213275,1120.82,1555.16)">
<path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z" style="fill:rgb(241,243,248);"/>
</g>
</g>
<g transform="matrix(1,0,0,1,-16.3136,-12.923)">
<g transform="matrix(0.700752,0,0,0.700752,386.322,699.249)">
<g transform="matrix(0.368875,0,0,0.368875,1121.71,1555.77)">
<path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z" style="fill:url(#_Radial25);"/>
</g>
<g transform="matrix(0.319912,-0.184701,0.369403,0.213275,1120.82,1555.16)">
<path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z" style="fill:rgb(241,243,248);"/>
</g>
</g>
<g transform="matrix(0.700752,0,0,0.700752,436.68,670.174)">
<g transform="matrix(0.368875,0,0,0.368875,1121.71,1555.77)">
<path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z" style="fill:url(#_Radial26);"/>
</g>
<g transform="matrix(0.319912,-0.184701,0.369403,0.213275,1120.82,1555.16)">
<path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z" style="fill:rgb(241,243,248);"/>
</g>
</g>
<g transform="matrix(0.700752,0,0,0.700752,492.398,702.343)">
<g transform="matrix(0.368875,0,0,0.368875,1121.71,1555.77)">
<path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z" style="fill:url(#_Radial27);"/>
</g>
<g transform="matrix(0.319912,-0.184701,0.369403,0.213275,1120.82,1555.16)">
<path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z" style="fill:rgb(241,243,248);"/>
</g>
</g>
<g transform="matrix(0.700752,0,0,0.700752,438.856,733.255)">
<g transform="matrix(0.368875,0,0,0.368875,1121.71,1555.77)">
<path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z" style="fill:url(#_Radial28);"/>
</g>
<g transform="matrix(0.319912,-0.184701,0.369403,0.213275,1120.82,1555.16)">
<path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z" style="fill:rgb(241,243,248);"/>
</g>
</g>
</g>
</g>
</g>
</g>
<defs>
<radialGradient id="_Radial1" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)"><stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1"/><stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1"/><stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1"/></radialGradient>
<radialGradient id="_Radial2" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)"><stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1"/><stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1"/><stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1"/></radialGradient>
<radialGradient id="_Radial3" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)"><stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1"/><stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1"/><stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1"/></radialGradient>
<image id="_Image5" width="13px" height="92px" xlink:href="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD/2wBDAAUDBAQEAwUEBAQFBQUGBwwIBwcHBw8LCwkMEQ8SEhEPERETFhwXExQaFRERGCEYGh0dHx8fExciJCIeJBweHx7/2wBDAQUFBQcGBw4ICA4eFBEUHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh7/wAARCABcAA0DAREAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAAAwUABv/EABsQAAICAwEAAAAAAAAAAAAAAAAEAQIhMWED/8QAGQEAAwEBAQAAAAAAAAAAAAAAAgMEAQAH/8QAGREBAQEBAQEAAAAAAAAAAAAAABIBAwIT/9oADAMBAAIRAxEAPwDjD3154xzj18JkXvsUkhfGjLbKnRbhLvQ2S1WxoDegpVKrcJd6GyWFsaBtsqdV+Eu9DpLC+NAW2VOi3CXehslqtjQP0FKnVbhLvs2SwtjQO9GyqUX4S77OkkLY0BvRsqdV+Eu9DZLC2NA/QUqlVuEu9DZJVbGgN6NlUqvwm32dJI8IAtsnAExzn//Z"/>
<radialGradient id="_Radial8" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)"><stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1"/><stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1"/><stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1"/></radialGradient>
<image id="_Image10" width="121px" height="70px" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHkAAABGCAYAAADo1jsxAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAJA0lEQVR4nO2cS4geRRCAqzoe4iOJRs1B9JBDFCGHCKJCDhLEgKhgCB4kiEp8kYARgwYiURRziCJBomgIGlARIqiICgYkiHqISBDMwaAiKIJCdpPdvC877WG6Z/pR/ZiZnvln/v0Lln+Zranqqa+ruufvYhEmUllmT1/gIZ0lixZiF2OJkd4MZAgSA9eUPsAe+QCGIHXgmjJK2GxUjoci0zMXeJYB8IaYU0yUujLJZIf8O3WeMwRgiIAsDxRDABQ/TaTrrJ5ANuTv/85zRADGcqgA+aeEzTAP2pBgTyAL+eOfPHNNkBI2oszm4cGeQAaAY3+d44yhArKEXWSzD7YCvK60CXpeQz7657m8NGuZm8MurnlgM0RNp6+w5yXkI7+d41pWMijBFtfcsBF1fQo2axjZlLDnHeQffz3LmUg1ZkAx4ZmwGQIABmBb15qNNwXseQP5+6NnuQnGBYW+5oet35cWdlPQYw/50M9nORVwHVR92P77+gF7bCF//dMZbkKh4FGwydJtTRIMlG4btqlXV6rCHkvIXx4+w+2Ah2GHoND3jQZ2FdBjBfmzH85w/1pJw3ZvqJrBdlcEen2vIzGwxwLygW9Pi3UXIzOq1HWXbve6GoLddDNXR3ywBw35g29OW2W5Wvl0w7bvC8NOvZmrIxTswULef9AGXL986lWgzruwuyI038xVFRP04CDv/eoUV6GkLZ/pYVPrsHWfOMpsC/ZgIO/5/BSns9INO6p8GmfFMbB1KLRdJtoxvLBN3y3BXpAKQpuy+9NTRVcFFz9gfHIxXzkAAOadHGorRlb8hrqOUOKo/E7Y1XQ45Ye2CwiQKQPJdZD2TdoVtlHvTqkCu9eZ/OrHs7zIKGdmqFmJgcxQswdJHSqzmdjy2jYUP+i3q+vI+9Dv29G4oOrEwO4l5Fc+muU2KDdsG5QNWw9WHGyGJigbtqbjgK35joRt2qVgqzo+2L2C/OL7s9wOlhu2W6eE7Q+WA7Zq1wHbq6MeXUJF2AG7RQbLMUfA7s2a/Pz+Gc7FCIv1CsW6aKxXAAAZF3906GjXCLu5DSgWPi6ucY60byV4xX2IpE5xrTSv2dVtqDpyfLTd4j6pX+igpgNQwl6yaGGdvVpaeXbfDLezx87AMjPMrNQz210+3ZlNZw/Svs1OESUDTZ3CriezaR09s52+A10qVywe8SvUlndmuB0sBxRvIORDoVeHsksFy4Ltsmt2ikA12FTjguUnYFfdfKmwly0d8Zchm948yamZR8EuH8oN2wYVhm3apTPDBGXbZQhgvceCH7YJJmWXyrXLLiZ5dgr58TdywHqwbNjOzFVg28HKfXhhB+zSmWHDJn2HYFN2DdghnfJTh738GhqulE4gP/z6SR4uYegJFv2AsbDdmWGCauMUyx6zaVe/rxrs66/zAwZoGfKGXSc4CQV8JYyGTQU5BDsExTlJDNjkJAnADmWg27cO2+V75fJLotm1Avn+nSe4Dcr/gClhkxWhBuyYMZt2/b7rTFBd96YV8XClJIe87uUT3BywCdsfLBp22vLph91sgnoONhpM0FtvvLQ2q4sSsYW7X5jmiABzWTlgjgCZMnCOAIhcfGKho+qjcQ2QCxvo1HHZtX2r99n61H2Z0M3/hg7ftt1MqUS+MUu7bt8Aq1fWBwyQIJPXbp+2Wl7NMpOqfIICu+vyWacaNe1SWbOqGVwpjYys2TbNfQE3d4pdrpWpyqftu86Ybdi+SbL25suSwJVSq1yv3jrFGSJkma8UAXDkBWxXKSpLJV3G9dLdXfl0+/YvEZTdTNgFEQfXmO+5LS1cKZWM3rJlquirql4+6cwOZWDK8mlmdtXyGa4I9btU7lvdDmCAyExetXmKM8w3VeXslAMvZzM1O12ZTWcGvTGyM6MMWvXNHBe+0eM74WaO5SdFehXjBez1t7cHV0rQwconj3NnHxMxq30ZaF+LfRe27aZa38HIbOtMmrCboktlwx2LWocrxenohkePcwpKXPmsBztcPsHqooiC7WzWU+4LQNGvNetSeejO7gADEJBXbDyu/SsifXbKYMXDtlpbCJBlsDywrf6nMGwTCt2/VT6nEzaavm3Ybp3S7mN3dQtXSuHUhKspoTngMOwQFCoQFOxgox0B293qWsJm6PJdQtF0HCAZ5mH0wd507+KRwJWCAH7AmnIEbDtYBJTArC+DVQ02w5Bvw64DtjY+B2zzGgX76XWjhStlQSxgKVY/EsgeJKT7ja0eKkcfk7gHwO5/4qKfy9UvbdrVbJA6hl0Fhe0b6D4xKhbF+BG2ru8HYICaX4bIxm8E8TknXo8YABOwMy5mN1N1RPYAAJ/jRQZykNfEq4aoBtmczC6e2xDNcDJ7XHYzYRfApSNt5HZZlo8hUzoqS9/Shng9YpjbyMTzy8wWdrc9sKQ3cKU0OqCQMxiRhg1ABcsIeMZFsFALlg82A1RA0XYh45BBWcZp3xKUmHARsFkmJpy0K2zseLB/cKUkOYUyYbMMgAMXwaJh5zrluhgD24JCwJZ2C1AEbNt3GLaVuQL2zkcu7y1cKcmOGgFK2MU3QARsO1hh2JCBAOWAAui0q8K2vpOOgG19M6f42bWx/4ABiq1C/A67knEZTPFjfteNQOxWtbYg4hQLStj26xuSdu136GYtSbufGAZcKdZgewHbCHS1g41Sn3p/D8L22H1r8xWDgiuFHHQboAHCsKkgm7BtUGlgh3zvfWqYgAEckKV0BRuNQMfAo2C7QXm+mdP0bdjvPTNcuFKiHqAt2HRWtnOwYcL2VwSED58bPlwplR6kS9jV/ttOhVMsYn1XfR/YvnRs4Eqp/EBtgQaIg+JfY5vB/mTH+AEGqAFZylBgx2zmvnhpPOFKafxwXcAm34UDsGPW94M7rxxruFKSPGSboAGqwY7ZzB3aNT/gSkn6sKOEHX4XBmAM4bvX5hdggMSQpXQKO7JL5fDuq+YdXCmtPnibsBEhqkvlyJ75C1dK6wFoO6sp2PK/F/zy9gQwQAeQpXQCWwA/tu/qCVxFOg9Gm7B/f3cCl5KRBSUl7Alcv4w0OClATwCHpRcBqgN7AjdeehWoGNgTuNXlf9nOIZUXHcgTAAAAAElFTkSuQmCC"/>
<image id="_Image12" width="98px" height="57px" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGIAAAA5CAYAAADN7P46AAAACXBIWXMAAA7EAAAOxAGVKw4bAAADd0lEQVR4nO2ZPWgUQRTH31n5FeMn2GgjiiCkCYIgWsVCFBtTKQqigkQEMTYGkYg2CQgqIkSRIDZqoxaiVmohok2wiUVAbMTiPnKXyxfIzbPITW52b3ZuZm/2dnb3/eBYjrk7Zua38/5zs7lKdRHBgO6ulTmTzxN65ExFcEiIXVaE/WJYgYSc0CtChFZH+1gRwSEh4bEqgkNCzAmdEX4QARgD+FcDyJcoP0xZvnPDrgxEAMZfDIAh1q9L77dvXUWrQwPPJJnIYLgkocb4FT3vG2KWXru2kRAV0slRCREnWCaghgDI6ldJe8+O1SREgnJSRCGeO5yhrxwFtDP5Z/buJhl+tCakWF7E5frfNOkB+SCV5M2PAz1rSEgd7Yn4W1jARh4E5ENTbujlx6FeEmI8Ab/+LGDjLg9eIab5cXTf2kzLCD34yd/zqCxRIfOj/2A2hbQ16ImpefTe8RhQmgAQUbEyfO0M4FRfV6aEWBns18k5lK8MX/lStftWBhd2/nA2hFgd5MeJOa38UAmQtV88ti71MiIZ4Lvvs+r8ECfcID8G+9MrJLKBvf4y25wfTbkgz4fmrbC3/fqJ7tQJiXxAzz9V9fJDZ4cl5MfN0+mS0bHBjH+oYmPHhIF//kzzY/Tc+lQI6eggxt7OYPOprWKLq1vCGMD9gWQLiaXz917NeMM86IxKVaJk4c8AHl/ekEghsXZ65GXFXn4In3l6NXkynOjw8LOKVn7w8hS4xfUJejG00Ynx6eBMR4fGy2b50eKIRLy+GXZfiHMdvDJWbj8/JN99f3uTc2MVcbZzAw+m9Z5/SP8kBhw+IsDnUTeFONkpkTN3pvXOr+o7qCABfkHf7m52auxOdSaIkyMlbCXA5BGteP3x0A0hTnRCl+O3Shbzo9H+89GW2Och9g6E4ciNorX8YNj43akn8QlJpAgAgL5rRZTd3br5IQrwE4eQxIrg7B8soH+CVfmBCgF+Oikk8SI4vZcKyucfJgJEOiUjNSI4ey7kPedXtohaSOpEAADsPJsPef+3JiohqRTBiUpIFDJSLYKTBCGZEAHgfrnKjAiOq0IyJ4LjWrnKrAiOK0IyLwLAjXJFIgTiXB0kQkIcQkhEAJ0uVySiBZ0SQiI0ibpckQhDohJCIkIQhQwS0QY2hZAIC9gQQiIs0o4QEmGZsDJIRESYCvkPVqSEQk8gl0YAAAAASUVORK5CYII="/>
<image id="_Image16" width="81px" height="48px" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFEAAAAwCAYAAABpJ5bJAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAC4klEQVRoge3aO2gUQRgH8P/MWcTHeRpjIXaKkEax0ULBQmyCIDZaiCD4ACWNCilE0UKCEAIiAUVEFJs0qRQstFAQxCaFWAhaiI0IyZmXSezGIvfdzczu3c3O7t4+Zv7NLewuzPfLNzs7S9ieCzMCBvn+dDszuc7FMFNEiscMJjIixWO2wm1vtMUvY6w7UY7rXZkIIsVVTAYkPzVdw1SK9V1pl9BCPWa0tC3QT3HzdC3Md2X3GBflMdsncjEeMxirIjykmlgFeMy1JDJw1zETG7DLkIkPNg4m50CFNX45w+eHA4XATG2QUTB1PN48Xvv9dD/fmKkOrhMkYwBnBMWk4xaojPp+bFtuIXsyMBkzKh6do+PXd/OH2dMBDV6aETLeugrUqcsaeBwqLgc4Y8p1U7f6c4PZ84HsH54VBGGDp3Ymw4uRrZljZjaAQ9dnRRw8efo/uZotZOZ/xWM36lpnas/CJhZDeAc3Hg8ceHB5Syb1ZI4IAMdv10UcvIp27t753mLmApFyevSPaL0fdli5taku30PX3Tlb61ltuUKknBufE7Z4emeOnEofM5eIlCsTc0LHU3HbLT4s0MHDJzanVmuuEQHg2uN5EZzW5njyPReHqqnUm3tEys1n88IWT9/1nDmaLGZhECmjkwtCXp07rtyhC1PrnpOHNyVSf+EQAWB8arHNrscMT+7MoYPxIQuJSHn0alE0gTRQeecTfPcMfnI7sm+jtUWhESnP3yyFdKYZnv5sPTC4IbJJKRABYPIdQQbxlOenwbvn3l3RIEuDSHn58a9QUczx9C9Ku3euN/IpHSLl7fRytF2P/EVJ2/XsGOiMWVpEAPjwZVkEgNqt3Mo2Ur2HztWqfaFepUakTH9bCdn1mOPJCYN0ApHy9edK8JObgtuazryLjIzpFCIA/Pi1KuLg6alV+5hziJTf9VURB0+Os4iUhaV/sf/9xXlEShxMjyjFFtIjhiQqpkfsEFPM/22HvcYsagRUAAAAAElFTkSuQmCC"/>
<image id="_Image19" width="13px" height="118px" xlink:href="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD/2wBDAAUDBAQEAwUEBAQFBQUGBwwIBwcHBw8LCwkMEQ8SEhEPERETFhwXExQaFRERGCEYGh0dHx8fExciJCIeJBweHx7/2wBDAQUFBQcGBw4ICA4eFBEUHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh7/wAARCAB2AA0DAREAAhEBAxEB/8QAGAABAQEBAQAAAAAAAAAAAAAAAwQAAgb/xAAbEAACAwEBAQAAAAAAAAAAAAAAAwECYSExEf/EABkBAAMBAQEAAAAAAAAAAAAAAAECAwAEB//EABgRAQADAQAAAAAAAAAAAAAAAAABERIC/9oADAMBAAIRAxEAPwDxh7688YzOopMgtqdQqQaGltUYQntSILCOeC7Gl1EYQntSiwjngk9jldRGEJ7UotUc8FnsaXVRhzz2pktUc8F2altEYQns9FhHPBdmpdVGHPPamS1RwXY5XURhzz2pRYRzwXY0uojCE9qZLCeeCbHK6qMIT2pRYRzwXZsrqow557PkkIwXRqX0RhCe1KJCOeCT2NL6pwhPakQSEx8F0NGEMxmf/9k="/>
<radialGradient id="_Radial22" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)"><stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1"/><stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1"/><stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1"/></radialGradient>
<radialGradient id="_Radial23" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)"><stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1"/><stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1"/><stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1"/></radialGradient>
<radialGradient id="_Radial24" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)"><stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1"/><stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1"/><stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1"/></radialGradient>
<radialGradient id="_Radial25" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)"><stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1"/><stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1"/><stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1"/></radialGradient>
<radialGradient id="_Radial26" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)"><stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1"/><stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1"/><stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1"/></radialGradient>
<radialGradient id="_Radial27" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)"><stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1"/><stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1"/><stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1"/></radialGradient>
<radialGradient id="_Radial28" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)"><stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1"/><stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1"/><stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1"/></radialGradient>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 34 KiB

-305
View File
@@ -1,305 +0,0 @@
<svg width="100%" height="100%" viewBox="0 0 239 322"
version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve"
xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<g transform="matrix(1,0,0,1,-4297.45,-7937.98)">
<g transform="matrix(1,0,0,1,8778.02,-41.3668)" class="floatFirst">
<g transform="matrix(0.328223,-0.1895,1.68582e-17,0.498739,-5145.37,5417.49)">
<rect x="2560" y="6508.18" width="192" height="55.426"
style="fill:rgb(122,188,255);" />
</g>
<g transform="matrix(0.328223,-0.1895,2.59152,1.49622,-21744.9,-3550.23)">
<rect x="-4379" y="7270.28" width="192" height="13.856"
style="fill:rgb(233,241,255);" />
</g>
<g transform="matrix(2.24433,1.29576,-2.39764e-17,0.498739,-13354.2,1062.36)">
<rect x="4016" y="3792.33" width="16" height="55.426"
style="fill:rgb(60,156,255);" />
</g>
</g>
<g transform="matrix(0.637112,0,0,0.637112,4942.66,2896.97)">
<g transform="matrix(0.0750475,-0.0433287,4.81984e-17,1.23407,-960.541,188.297)">
<rect x="2560" y="6508.18" width="192" height="55.426"
style="fill:rgb(122,188,255);" />
</g>
<g transform="matrix(0.244629,0.141237,-3.86669e-17,1.23407,-1441.64,2424.67)">
<rect x="2560" y="4291.16" width="192" height="55.426"
style="fill:rgb(60,156,255);" />
</g>
<g transform="matrix(0.0750475,-0.0433287,3.38968,1.95703,-24581.5,-6002.34)">
<rect x="-4187" y="7104.01" width="192" height="13.856"
style="fill:rgb(233,241,255);" />
</g>
</g>
<g transform="matrix(0.637112,0,0,0.637112,4977.82,2917.27)">
<g transform="matrix(0.0750475,-0.0433287,4.81984e-17,1.23407,-960.541,188.297)">
<rect x="2560" y="6508.18" width="192" height="55.426"
style="fill:rgb(122,188,255);" />
</g>
<g transform="matrix(0.244629,0.141237,-3.86669e-17,1.23407,-1441.64,2424.67)">
<rect x="2560" y="4291.16" width="192" height="55.426"
style="fill:rgb(60,156,255);" />
</g>
<g transform="matrix(0.0750475,-0.0433287,3.38968,1.95703,-24581.5,-6002.34)">
<rect x="-4187" y="7104.01" width="192" height="13.856"
style="fill:rgb(233,241,255);" />
</g>
</g>
<g transform="matrix(0.637111,0,0,0.637111,4942.66,2846.86)">
<g transform="matrix(0.0750475,-0.0433287,4.81984e-17,1.23407,-960.541,188.297)">
<rect x="2560" y="6508.18" width="192" height="55.426"
style="fill:rgb(122,188,255);" />
</g>
<g transform="matrix(0.244629,0.141237,-3.86669e-17,1.23407,-1441.64,2424.67)">
<rect x="2560" y="4291.16" width="192" height="55.426"
style="fill:rgb(60,156,255);" />
</g>
<g transform="matrix(0.0750475,-0.0433287,3.38968,1.95703,-24581.5,-6002.34)">
<rect x="-4187" y="7104.01" width="192" height="13.856"
style="fill:rgb(233,241,255);" />
</g>
</g>
<g transform="matrix(0.637111,0,0,0.637111,4977.82,2867.16)">
<g transform="matrix(0.0750475,-0.0433287,4.81984e-17,1.23407,-960.541,188.297)">
<rect x="2560" y="6508.18" width="192" height="55.426"
style="fill:rgb(122,188,255);" />
</g>
<g transform="matrix(0.244629,0.141237,-3.86669e-17,1.23407,-1441.64,2424.67)">
<rect x="2560" y="4291.16" width="192" height="55.426"
style="fill:rgb(60,156,255);" />
</g>
<g transform="matrix(0.0750475,-0.0433287,3.38968,1.95703,-24581.5,-6002.34)">
<rect x="-4187" y="7104.01" width="192" height="13.856"
style="fill:rgb(233,241,255);" />
</g>
</g>
<g transform="matrix(0.637111,0,0,0.637111,4942.66,2794.26)">
<g transform="matrix(0.0750475,-0.0433287,4.81984e-17,1.23407,-960.541,188.297)">
<rect x="2560" y="6508.18" width="192" height="55.426"
style="fill:rgb(122,188,255);" />
</g>
<g transform="matrix(0.244629,0.141237,-3.86669e-17,1.23407,-1441.64,2424.67)">
<rect x="2560" y="4291.16" width="192" height="55.426"
style="fill:rgb(60,156,255);" />
</g>
<g transform="matrix(0.0750475,-0.0433287,3.38968,1.95703,-24581.5,-6002.34)">
<rect x="-4187" y="7104.01" width="192" height="13.856"
style="fill:rgb(233,241,255);" />
</g>
</g>
<g transform="matrix(0.637112,0,0,0.637112,5269.19,3347.34)">
<g transform="matrix(0.481022,-0.277718,3.68062e-17,0.172121,-2585.9,7291.64)">
<rect x="2560" y="6508.18" width="192" height="55.426"
style="fill:rgb(122,188,255);" />
</g>
<g transform="matrix(0.481022,-0.277718,4.06761,2.34844,-28877.1,-10621.6)">
<rect x="-4379" y="7270.28" width="192" height="13.856"
style="fill:rgb(233,241,255);" />
</g>
<g transform="matrix(3.52266,2.03381,-8.27457e-18,0.172121,-15557.8,-1152.17)">
<rect x="4016" y="3792.33" width="16" height="55.426"
style="fill:rgb(60,156,255);" />
</g>
</g>
<g transform="matrix(0.637112,0,0,0.637112,5269.19,3335.25)">
<g transform="matrix(0.481022,-0.277718,3.68062e-17,0.172121,-2585.9,7291.64)">
<rect x="2560" y="6508.18" width="192" height="55.426"
style="fill:rgb(122,188,255);" />
</g>
<g transform="matrix(0.481022,-0.277718,4.06761,2.34844,-28877.1,-10621.6)">
<rect x="-4379" y="7270.28" width="192" height="13.856"
style="fill:rgb(233,241,255);" />
</g>
<g transform="matrix(3.52266,2.03381,-8.27457e-18,0.172121,-15557.8,-1152.17)">
<rect x="4016" y="3792.33" width="16" height="55.426"
style="fill:rgb(60,156,255);" />
</g>
</g>
<g transform="matrix(0.637112,0,0,0.637112,5269.19,3323.57)">
<g transform="matrix(0.481022,-0.277718,3.68062e-17,0.172121,-2585.9,7291.64)">
<rect x="2560" y="6508.18" width="192" height="55.426"
style="fill:rgb(122,188,255);" />
</g>
<g transform="matrix(0.481022,-0.277718,4.06761,2.34844,-28877.1,-10621.6)">
<rect x="-4379" y="7270.28" width="192" height="13.856"
style="fill:rgb(233,241,255);" />
</g>
<g transform="matrix(3.52266,2.03381,-8.27457e-18,0.172121,-15557.8,-1152.17)">
<rect x="4016" y="3792.33" width="16" height="55.426"
style="fill:rgb(60,156,255);" />
</g>
</g>
<g transform="matrix(0.637112,0,0,0.637112,5269.19,3311.48)"
class="animate-bounce">
<g transform="matrix(0.481022,-0.277718,3.68062e-17,0.172121,-2585.9,7291.64)">
<rect x="2560" y="6508.18" width="192" height="55.426"
style="fill:rgb(122,188,255);" />
</g>
<g transform="matrix(0.481022,-0.277718,4.06761,2.34844,-28877.1,-10621.6)">
<rect x="-4379" y="7270.28" width="192" height="13.856"
style="fill:rgb(233,241,255);" />
</g>
<g transform="matrix(3.52266,2.03381,-8.27457e-18,0.172121,-15557.8,-1152.17)">
<rect x="4016" y="3792.33" width="16" height="55.426"
style="fill:rgb(60,156,255);" />
</g>
</g>
<g transform="matrix(0.374054,-0.21596,2.39764e-17,0.498739,3417.42,5431.28)">
<rect x="2560" y="6508.18" width="192" height="55.426"
style="fill:rgb(122,188,255);" />
</g>
<g transform="matrix(0.501961,0,0,0.501961,5118.23,4353.95)">
<g transform="matrix(0.186657,-0.107766,3.7633e-17,0.195703,-1814.87,6632.63)">
<rect x="2560" y="6508.18" width="192" height="55.426"
style="fill:rgb(122,188,255);" />
</g>
<g transform="matrix(0.588398,0.339711,1.3261e-18,0.195703,-2956.3,5855.74)">
<rect x="2560" y="4291.16" width="192" height="55.426"
style="fill:rgb(60,156,255);" />
</g>
<g transform="matrix(0.186657,-0.107766,8.15308,4.70718,-58588,-26325.9)">
<rect x="-4187" y="7104.01" width="192" height="13.856"
style="fill:rgb(233,241,255);" />
</g>
</g>
<g transform="matrix(0.155856,0.0899835,-2.46351e-17,0.498739,3946.08,5736.5)">
<rect x="2560" y="4291.16" width="192" height="55.426"
style="fill:rgb(60,156,255);" />
</g>
<g transform="matrix(0.374054,-0.21596,2.1596,1.24685,-9430.6,-1654.82)">
<rect x="-4187" y="7104.01" width="192" height="13.856"
style="fill:rgb(233,241,255);" />
</g>
<g transform="matrix(1,0,0,1,8706.87,-0.287495)">
<g transform="matrix(0.328223,-0.1895,1.68582e-17,0.498739,-5145.37,5417.49)">
<rect x="2560" y="6508.18" width="192" height="55.426"
style="fill:rgb(122,188,255);" />
</g>
<g transform="matrix(0.328223,-0.1895,2.59152,1.49622,-21744.9,-3550.23)">
<rect x="-4379" y="7270.28" width="192" height="13.856"
style="fill:rgb(233,241,255);" />
</g>
<g transform="matrix(2.24433,1.29576,-2.39764e-17,0.498739,-13354.2,1062.36)">
<rect x="4016" y="3792.33" width="16" height="55.426"
style="fill:rgb(60,156,255);" />
</g>
</g>
<g transform="matrix(0.637112,0,0,0.637112,5269.99,3286.51)">
<g transform="matrix(0.186657,-0.107766,3.7633e-17,0.195703,-1814.87,6632.63)">
<rect x="2560" y="6508.18" width="192" height="55.426"
style="fill:rgb(122,188,255);" />
</g>
<g transform="matrix(0.588398,0.339711,1.3261e-18,0.195703,-2956.3,5855.74)">
<rect x="2560" y="4291.16" width="192" height="55.426"
style="fill:rgb(60,156,255);" />
</g>
<g transform="matrix(0.186657,-0.107766,8.15308,4.70718,-58588,-26325.9)">
<rect x="-4187" y="7104.01" width="192" height="13.856"
style="fill:rgb(233,241,255);" />
</g>
</g>
<g transform="matrix(0.637112,0,0,0.637112,5269.99,3269.89)">
<g transform="matrix(0.186657,-0.107766,3.7633e-17,0.195703,-1814.87,6632.63)">
<rect x="2560" y="6508.18" width="192" height="55.426"
style="fill:rgb(122,188,255);" />
</g>
<g transform="matrix(0.588398,0.339711,1.3261e-18,0.195703,-2956.3,5855.74)">
<rect x="2560" y="4291.16" width="192" height="55.426"
style="fill:rgb(60,156,255);" />
</g>
<g transform="matrix(0.186657,-0.107766,8.15308,4.70718,-58588,-26325.9)">
<rect x="-4187" y="7104.01" width="192" height="13.856"
style="fill:rgb(233,241,255);" />
</g>
</g>
<g transform="matrix(0.637112,0,0,0.637112,5269.99,3253.25)">
<g transform="matrix(0.186657,-0.107766,3.7633e-17,0.195703,-1814.87,6632.63)">
<rect x="2560" y="6508.18" width="192" height="55.426"
style="fill:rgb(122,188,255);" />
</g>
<g transform="matrix(0.588398,0.339711,1.3261e-18,0.195703,-2956.3,5855.74)">
<rect x="2560" y="4291.16" width="192" height="55.426"
style="fill:rgb(60,156,255);" />
</g>
<g transform="matrix(0.186657,-0.107766,8.15308,4.70718,-58588,-26325.9)">
<rect x="-4187" y="7104.01" width="192" height="13.856"
style="fill:rgb(233,241,255);" />
</g>
</g>
<g transform="matrix(0.637112,0,0,0.637112,5269.99,3235.37)">
<g transform="matrix(0.186657,-0.107766,3.7633e-17,0.195703,-1814.87,6632.63)">
<rect x="2560" y="6508.18" width="192" height="55.426"
style="fill:rgb(122,188,255);" />
</g>
<g transform="matrix(0.588398,0.339711,1.3261e-18,0.195703,-2956.3,5855.74)">
<rect x="2560" y="4291.16" width="192" height="55.426"
style="fill:rgb(60,156,255);" />
</g>
<g transform="matrix(0.186657,-0.107766,8.15308,4.70718,-58588,-26325.9)">
<rect x="-4187" y="7104.01" width="192" height="13.856"
style="fill:rgb(233,241,255);" />
</g>
</g>
<g transform="matrix(1.02298,0,0,1.02298,5131.58,-197.767)"
class="floatSecond">
<g transform="matrix(0.0750475,-0.0433287,4.81984e-17,1.23407,-960.541,188.297)">
<rect x="2560" y="6508.18" width="192" height="55.426"
style="fill:rgb(122,188,255);" />
</g>
<g transform="matrix(0.244629,0.141237,-3.86669e-17,1.23407,-1441.64,2424.67)">
<rect x="2560" y="4291.16" width="192" height="55.426"
style="fill:rgb(60,156,255);" />
</g>
<g transform="matrix(0.0750475,-0.0433287,3.38968,1.95703,-24581.5,-6002.34)">
<rect x="-4187" y="7104.01" width="192" height="13.856"
style="fill:rgb(233,241,255);" />
</g>
</g>
</g>
</svg>
<style type="text/css">
@keyframes float {
0% {
transform: matrix(1, 0, 0, 1, 8778.02, -41.3668)
}
50% {
transform: matrix(1, 0, 0, 1, 8782.02, -31.3668)
}
100% {
transform: matrix(1, 0, 0, 1, 8778.02, -41.3668)
}
}
@keyframes float_other {
0% {
transform: matrix(1.02298, 0, 0, 1.02298, 5131.58, -197.767)
}
50% {
transform: matrix(1.02298, 0, 0, 1.02298, 5131.58, -147.767)
}
100% {
transform: matrix(1.02298, 0, 0, 1.02298, 5131.58, -197.767)
}
}
.floatFirst {
animation: float 6s ease-in-out infinite;
}
.floatSecond {
animation: float_other 9s ease-in-out infinite;
}
</style>

Before

Width:  |  Height:  |  Size: 13 KiB

+156
View File
@@ -0,0 +1,156 @@
<svg width="100%" height="100%" viewBox="0 0 973 740" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<g transform="matrix(1,0,0,1,-9766.62,-2868.7)">
<g transform="matrix(1,0,0,1,0.362064,2.61891)">
<rect x="9766.26" y="2866.09" width="972.926" height="739.055" style="fill:white;fill-opacity:0;"/>
</g>
<g transform="matrix(1.33545,0,0,1.33545,8190.61,243.152)">
<g opacity="0.5">
<g transform="matrix(0.556609,0,0,0.556609,721.715,1032.93)">
<path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z" style="fill:url(#_Radial1);"/>
</g>
<g transform="matrix(0.482727,-0.278703,0.557405,0.321818,720.371,1032)">
<path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z" style="fill:rgb(241,243,248);"/>
</g>
</g>
</g>
<g transform="matrix(2.0151,0,0,2.0151,6815.23,-1565)">
<g opacity="0.5">
<g transform="matrix(0.368875,0,0,0.368875,1121.71,1555.77)">
<path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z" style="fill:url(#_Radial2);"/>
</g>
<g transform="matrix(0.319912,-0.184701,0.369403,0.213275,1120.82,1555.16)">
<path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z" style="fill:rgb(241,243,248);"/>
</g>
</g>
</g>
<g transform="matrix(2.0151,0,0,2.0151,6849.73,-1536.54)">
<g opacity="0.5">
<g transform="matrix(0.368875,0,0,0.368875,1121.71,1555.77)">
<path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z" style="fill:url(#_Radial3);"/>
</g>
<g transform="matrix(0.319912,-0.184701,0.369403,0.213275,1120.82,1555.16)">
<path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z" style="fill:rgb(241,243,248);"/>
</g>
</g>
</g>
<g transform="matrix(2.0151,0,0,2.0151,6778.22,-1578.62)">
<g opacity="0.5">
<g transform="matrix(0.368875,0,0,0.368875,1121.71,1555.77)">
<path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z" style="fill:url(#_Radial4);"/>
</g>
<g transform="matrix(0.319912,-0.184701,0.369403,0.213275,1120.82,1555.16)">
<path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z" style="fill:rgb(241,243,248);"/>
</g>
</g>
</g>
<g transform="matrix(1.33545,0,0,1.33545,8190.61,243.152)">
<g opacity="0.5">
<g transform="matrix(0.556609,0,0,0.556609,662.69,993.597)">
<path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z" style="fill:url(#_Radial5);"/>
</g>
<g transform="matrix(0.482727,-0.278703,0.557405,0.321818,661.346,992.67)">
<path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z" style="fill:rgb(241,243,248);"/>
</g>
</g>
</g>
<g transform="matrix(1.33545,0,0,1.33545,8190.61,243.152)">
<g opacity="0.5">
<g transform="matrix(0.556609,0,0,0.556609,634.978,973.397)">
<path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z" style="fill:url(#_Radial6);"/>
</g>
<g transform="matrix(0.482727,-0.278703,0.557405,0.321818,633.634,972.47)">
<path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z" style="fill:rgb(241,243,248);"/>
</g>
</g>
</g>
<g transform="matrix(1.33545,0,0,1.33545,8309.87,200.353)">
<g opacity="0.5">
<g transform="matrix(0.556609,0,0,0.556609,375.959,1084.05)">
<path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z" style="fill:url(#_Radial7);"/>
</g>
<g transform="matrix(0.482727,-0.278703,0.557405,0.321818,374.615,1083.13)">
<path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z" style="fill:rgb(241,243,248);"/>
</g>
</g>
</g>
<g transform="matrix(1.33545,0,0,1.33545,8309.87,200.353)">
<g opacity="0.5">
<g transform="matrix(0.556609,0,0,0.556609,400.527,1033.65)">
<path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z" style="fill:url(#_Radial8);"/>
</g>
<g transform="matrix(0.482727,-0.278703,0.557405,0.321818,399.183,1032.72)">
<path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z" style="fill:rgb(241,243,248);"/>
</g>
</g>
</g>
<g transform="matrix(1.33545,0,0,1.33545,8309.87,200.353)">
<g opacity="0.5">
<g transform="matrix(0.556609,0,0,0.556609,428.24,981.446)">
<path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z" style="fill:url(#_Radial9);"/>
</g>
<g transform="matrix(0.482727,-0.278703,0.557405,0.321818,426.896,980.519)">
<path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z" style="fill:rgb(241,243,248);"/>
</g>
</g>
</g>
<g transform="matrix(1.4203,0,0,1.4203,2287.91,77.2774)">
<circle cx="5640.28" cy="2231.46" r="99.389" style="fill:rgb(37,99,235);fill-opacity:0.5;"/>
</g>
<g transform="matrix(1.33545,0,0,1.33545,8190.61,243.152)">
<g opacity="0.5">
<g transform="matrix(0.556609,0,0,0.556609,591.511,1174.29)">
<path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z" style="fill:url(#_Radial10);"/>
</g>
<g transform="matrix(0.482727,-0.278703,0.557405,0.321818,590.167,1173.37)">
<path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z" style="fill:rgb(241,243,248);"/>
</g>
</g>
</g>
<g transform="matrix(1.33545,0,0,1.33545,8190.61,243.152)">
<g opacity="0.5">
<g transform="matrix(0.556609,0,0,0.556609,591.511,1137.06)">
<path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z" style="fill:url(#_Radial11);"/>
</g>
<g transform="matrix(0.482727,-0.278703,0.557405,0.321818,590.167,1136.14)">
<path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z" style="fill:rgb(241,243,248);"/>
</g>
</g>
</g>
<g transform="matrix(1.33545,0,0,1.33545,8190.61,243.152)">
<g opacity="0.5">
<g transform="matrix(0.556609,0,0,0.556609,591.511,1099.38)">
<path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z" style="fill:url(#_Radial12);"/>
</g>
<g transform="matrix(0.482727,-0.278703,0.557405,0.321818,590.167,1098.45)">
<path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z" style="fill:rgb(241,243,248);"/>
</g>
</g>
</g>
<g transform="matrix(1.04902,0,0,1.04902,5578.92,888.626)">
<g opacity="0.65">
<g transform="matrix(0.708588,0,0,0.708588,3243.86,732.695)">
<path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z" style="fill:url(#_Radial13);"/>
</g>
<g transform="matrix(0.614533,-0.354801,0.709601,0.409689,3242.15,731.515)">
<path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z" style="fill:rgb(37,99,235);"/>
</g>
</g>
</g>
</g>
<defs>
<radialGradient id="_Radial1" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)"><stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1"/><stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1"/><stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1"/></radialGradient>
<radialGradient id="_Radial2" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)"><stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1"/><stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1"/><stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1"/></radialGradient>
<radialGradient id="_Radial3" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)"><stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1"/><stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1"/><stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1"/></radialGradient>
<radialGradient id="_Radial4" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)"><stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1"/><stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1"/><stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1"/></radialGradient>
<radialGradient id="_Radial5" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)"><stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1"/><stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1"/><stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1"/></radialGradient>
<radialGradient id="_Radial6" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)"><stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1"/><stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1"/><stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1"/></radialGradient>
<radialGradient id="_Radial7" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)"><stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1"/><stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1"/><stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1"/></radialGradient>
<radialGradient id="_Radial8" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)"><stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1"/><stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1"/><stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1"/></radialGradient>
<radialGradient id="_Radial9" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)"><stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1"/><stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1"/><stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1"/></radialGradient>
<radialGradient id="_Radial10" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)"><stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1"/><stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1"/><stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1"/></radialGradient>
<radialGradient id="_Radial11" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)"><stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1"/><stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1"/><stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1"/></radialGradient>
<radialGradient id="_Radial12" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)"><stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1"/><stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1"/><stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1"/></radialGradient>
<radialGradient id="_Radial13" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)"><stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1"/><stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1"/><stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1"/></radialGradient>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 22 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 1.7 MiB

+453
View File
@@ -0,0 +1,453 @@
<svg width="100%" height="100%" viewBox="0 0 425 407"
version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve"
xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<g transform="matrix(1,0,0,1,-8957.73,-4563.5)">
<g transform="matrix(0.802336,0,0,0.802336,7928.3,3044.95)">
<g opacity="0.75">
<g transform="matrix(1,0,0,1,-8733.74,-2523.85)">
<path d="M10352.9,4635.99L10352.9,4635.99L10352.9,4576.7L10483.3,4627.9L10483.3,4689.07L10482.8,4688.87C10482.4,4689.51 10481.8,4690.1 10481,4690.6L10468.3,4697.88C10464.9,4699.89 10458.8,4699.64 10454.7,4697.32L10356.2,4640.43C10354,4639.16 10352.9,4637.53 10352.9,4635.99Z"
style="fill:url(#_Radial1);" />
</g>
<g transform="matrix(0.866025,-0.5,1,0.57735,-8733.74,-2523.85)">
<path d="M1427.15,9145.49C1427.15,9141.47 1423.89,9138.21 1419.87,9138.21L1405.31,9138.21C1401.29,9138.21 1398.02,9141.47 1398.02,9145.49L1398.02,9244.02C1398.02,9248.04 1401.29,9251.31 1405.31,9251.31L1419.87,9251.31C1423.89,9251.31 1427.15,9248.04 1427.15,9244.02L1427.15,9145.49Z"
style="fill:rgb(241,243,248);" />
</g>
</g>
</g>
<g transform="matrix(0.802336,0,0,0.802336,7928.3,2987.16)">
<g opacity="0.75">
<g transform="matrix(1,0,0,1,-8733.74,-2523.85)">
<path d="M10352.9,4635.99L10352.9,4635.99L10352.9,4576.7L10483.3,4627.9L10483.3,4689.07L10482.8,4688.87C10482.4,4689.51 10481.8,4690.1 10481,4690.6L10468.3,4697.88C10464.9,4699.89 10458.8,4699.64 10454.7,4697.32L10356.2,4640.43C10354,4639.16 10352.9,4637.53 10352.9,4635.99Z"
style="fill:url(#_Radial2);" />
</g>
<g transform="matrix(0.866025,-0.5,1,0.57735,-8733.74,-2523.85)">
<path d="M1427.15,9145.49C1427.15,9141.47 1423.89,9138.21 1419.87,9138.21L1405.31,9138.21C1401.29,9138.21 1398.02,9141.47 1398.02,9145.49L1398.02,9244.02C1398.02,9248.04 1401.29,9251.31 1405.31,9251.31L1419.87,9251.31C1423.89,9251.31 1427.15,9248.04 1427.15,9244.02L1427.15,9145.49Z"
style="fill:rgb(241,243,248);" />
</g>
</g>
</g>
<g transform="matrix(0.802336,0,0,0.802336,7928.3,2927.92)">
<g opacity="0.75">
<g transform="matrix(1,0,0,1,-8733.74,-2523.85)">
<path d="M10352.9,4635.99L10352.9,4635.99L10352.9,4576.7L10483.3,4627.9L10483.3,4689.07L10482.8,4688.87C10482.4,4689.51 10481.8,4690.1 10481,4690.6L10468.3,4697.88C10464.9,4699.89 10458.8,4699.64 10454.7,4697.32L10356.2,4640.43C10354,4639.16 10352.9,4637.53 10352.9,4635.99Z"
style="fill:url(#_Radial3);" />
</g>
<g transform="matrix(0.866025,-0.5,1,0.57735,-8733.74,-2523.85)">
<path d="M1427.15,9145.49C1427.15,9141.47 1423.89,9138.21 1419.87,9138.21L1405.31,9138.21C1401.29,9138.21 1398.02,9141.47 1398.02,9145.49L1398.02,9244.02C1398.02,9248.04 1401.29,9251.31 1405.31,9251.31L1419.87,9251.31C1423.89,9251.31 1427.15,9248.04 1427.15,9244.02L1427.15,9145.49Z"
style="fill:rgb(241,243,248);" />
</g>
</g>
</g>
<g transform="matrix(0.802336,0,0,0.802336,7898.73,3062.02)">
<g opacity="0.9">
<g transform="matrix(1,0,0,1,-8733.74,-2523.85)">
<path d="M10352.9,4635.99L10352.9,4635.99L10352.9,4576.7L10483.3,4627.9L10483.3,4689.07L10482.8,4688.87C10482.4,4689.51 10481.8,4690.1 10481,4690.6L10468.3,4697.88C10464.9,4699.89 10458.8,4699.64 10454.7,4697.32L10356.2,4640.43C10354,4639.16 10352.9,4637.53 10352.9,4635.99Z"
style="fill:url(#_Radial4);" />
</g>
<g transform="matrix(0.866025,-0.5,1,0.57735,-8733.74,-2523.85)">
<path d="M1427.15,9145.49C1427.15,9141.47 1423.89,9138.21 1419.87,9138.21L1405.31,9138.21C1401.29,9138.21 1398.02,9141.47 1398.02,9145.49L1398.02,9244.02C1398.02,9248.04 1401.29,9251.31 1405.31,9251.31L1419.87,9251.31C1423.89,9251.31 1427.15,9248.04 1427.15,9244.02L1427.15,9145.49Z"
style="fill:rgb(241,243,248);" />
</g>
</g>
</g>
<g transform="matrix(0.802336,0,0,0.802336,7898.73,3004.23)">
<g opacity="0.9">
<g transform="matrix(1,0,0,1,-8733.74,-2523.85)">
<path d="M10352.9,4635.99L10352.9,4635.99L10352.9,4576.7L10483.3,4627.9L10483.3,4689.07L10482.8,4688.87C10482.4,4689.51 10481.8,4690.1 10481,4690.6L10468.3,4697.88C10464.9,4699.89 10458.8,4699.64 10454.7,4697.32L10356.2,4640.43C10354,4639.16 10352.9,4637.53 10352.9,4635.99Z"
style="fill:url(#_Radial5);" />
</g>
<g transform="matrix(0.866025,-0.5,1,0.57735,-8733.74,-2523.85)">
<path d="M1427.15,9145.49C1427.15,9141.47 1423.89,9138.21 1419.87,9138.21L1405.31,9138.21C1401.29,9138.21 1398.02,9141.47 1398.02,9145.49L1398.02,9244.02C1398.02,9248.04 1401.29,9251.31 1405.31,9251.31L1419.87,9251.31C1423.89,9251.31 1427.15,9248.04 1427.15,9244.02L1427.15,9145.49Z"
style="fill:rgb(241,243,248);" />
</g>
</g>
</g>
<g transform="matrix(0.802336,0,0,0.802336,7898.73,2944.99)">
<g opacity="0.9">
<g transform="matrix(1,0,0,1,-8733.74,-2523.85)">
<path d="M10352.9,4635.99L10352.9,4635.99L10352.9,4576.7L10483.3,4627.9L10483.3,4689.07L10482.8,4688.87C10482.4,4689.51 10481.8,4690.1 10481,4690.6L10468.3,4697.88C10464.9,4699.89 10458.8,4699.64 10454.7,4697.32L10356.2,4640.43C10354,4639.16 10352.9,4637.53 10352.9,4635.99Z"
style="fill:url(#_Radial6);" />
</g>
<g transform="matrix(0.866025,-0.5,1,0.57735,-8733.74,-2523.85)">
<path d="M1427.15,9145.49C1427.15,9141.47 1423.89,9138.21 1419.87,9138.21L1405.31,9138.21C1401.29,9138.21 1398.02,9141.47 1398.02,9145.49L1398.02,9244.02C1398.02,9248.04 1401.29,9251.31 1405.31,9251.31L1419.87,9251.31C1423.89,9251.31 1427.15,9248.04 1427.15,9244.02L1427.15,9145.49Z"
style="fill:rgb(241,243,248);" />
</g>
</g>
</g>
<g transform="matrix(0.802336,0,0,0.802336,7972.87,2919.22)">
<g opacity="0.53">
<g transform="matrix(0.556609,0,0,0.556609,414.801,1013.38)">
<path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2440.16L1554.7,2440.16C1554.7,2443.68 1557.27,2447.4 1562.29,2450.3L1695.31,2527.1C1700.08,2529.85 1706.12,2531.33 1711.94,2531.47L1711.94,2531.47L1711.94,2531.47L1711.94,2531.47L1711.94,2531.47C1717.33,2531.6 1722.52,2530.59 1726.34,2528.38L1863.82,2449.01C1867.64,2446.8 1869.39,2443.8 1869.16,2440.7L1869.18,2440.68L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z"
style="fill:url(#_Radial7);" />
</g>
<g transform="matrix(0.482727,-0.278703,0.557405,0.321818,413.457,1012.45)">
<path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z"
style="fill:rgb(241,243,248);" />
</g>
</g>
</g>
<g transform="matrix(1,0,0,1,7643.44,2523.85)">
<g transform="matrix(0.63025,0,0,0.63025,-1260.49,877.953)">
<g opacity="0.85">
<g transform="matrix(0.708588,0,0,0.708588,3243.86,732.695)">
<path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z"
style="fill:url(#_Radial8);" />
</g>
<g transform="matrix(0.614533,-0.354801,0.709601,0.409689,3242.15,731.515)">
<path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z"
style="fill:rgb(37,99,235);" />
</g>
</g>
</g>
<g class="blink-3" transform="matrix(0.63025,0,0,0.63025,-1260.49,846.202)">
<g opacity="0.85">
<g transform="matrix(0.708588,0,0,0.708588,3243.86,732.695)">
<path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z"
style="fill:url(#_Radial9);" />
</g>
<g transform="matrix(0.614533,-0.354801,0.709601,0.409689,3242.15,731.515)">
<path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z"
style="fill:rgb(37,99,235);" />
</g>
</g>
</g>
{{!-- <g transform="matrix(0.63025,0,0,0.63025,-1260.49,812.763)">
<g opacity="0.85">
<g transform="matrix(0.708588,0,0,0.708588,3243.86,732.695)">
<path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z"
style="fill:url(#_Radial10);" />
</g>
<g transform="matrix(0.614533,-0.354801,0.709601,0.409689,3242.15,731.515)">
<path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z"
style="fill:rgb(37,99,235);" />
</g>
</g>
</g>
<g class="blink-2" transform="matrix(0.63025,0,0,0.63025,-1260.49,778.859)">
<g opacity="0.85">
<g transform="matrix(0.708588,0,0,0.708588,3243.86,732.695)">
<path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z"
style="fill:url(#_Radial11);" />
</g>
<g transform="matrix(0.614533,-0.354801,0.709601,0.409689,3242.15,731.515)">
<path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z"
style="fill:rgb(37,99,235);" />
</g>
</g>
</g> --}}
</g>
<g transform="matrix(1,0,0,1,7643.44,2523.85)">
<g opacity="0.8">
<g transform="matrix(0.207396,0,0,0.207396,1263.77,1902.3)">
<path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z"
style="fill:url(#_Radial12);" />
</g>
<g transform="matrix(0.179867,-0.103846,0.207693,0.119911,1263.27,1901.95)">
<path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z"
style="fill:rgb(241,243,248);" />
</g>
</g>
<g opacity="0.8">
<g transform="matrix(0.207396,0,0,0.207396,1304.18,1878.97)">
<path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z"
style="fill:url(#_Radial13);" />
</g>
<g transform="matrix(0.179867,-0.103846,0.207693,0.119911,1303.68,1878.62)">
<path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z"
style="fill:rgb(241,243,248);" />
</g>
</g>
<g opacity="0.9">
<g transform="matrix(0.207396,0,0,0.207396,1304.18,1859.77)">
<path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z"
style="fill:url(#_Radial14);" />
</g>
<g transform="matrix(0.179867,-0.103846,0.207693,0.119911,1303.68,1859.42)">
<path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z"
style="fill:rgb(241,243,248);" />
</g>
</g>
<g opacity="0.9">
<g transform="matrix(0.207396,0,0,0.207396,1263.77,1883.1)">
<path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z"
style="fill:url(#_Radial15);" />
</g>
<g transform="matrix(0.179867,-0.103846,0.207693,0.119911,1263.27,1882.75)">
<path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z"
style="fill:rgb(241,243,248);" />
</g>
</g>
</g>
<g transform="matrix(1,0,0,1,7643.44,2523.85)">
<g opacity="0.59">
<g transform="matrix(0.207396,0,0,0.207396,1348.88,1904.78)">
<path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z"
style="fill:url(#_Radial16);" />
</g>
<g transform="matrix(0.179867,-0.103846,0.207693,0.119911,1348.38,1904.43)">
<path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z"
style="fill:rgb(241,243,248);" />
</g>
</g>
</g>
<g transform="matrix(1,0,0,1,7643.44,2523.85)">
<g opacity="0.59">
<g transform="matrix(0.207396,0,0,0.207396,1305.92,1929.58)">
<path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z"
style="fill:url(#_Radial17);" />
</g>
<g transform="matrix(0.179867,-0.103846,0.207693,0.119911,1305.42,1929.24)">
<path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z"
style="fill:rgb(241,243,248);" />
</g>
</g>
</g>
<g transform="matrix(1,0,0,1,7643.44,2523.85)">
<g opacity="0.59">
<g transform="matrix(0.207396,0,0,0.207396,1348.88,1885.58)">
<path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z"
style="fill:url(#_Radial18);" />
</g>
<g transform="matrix(0.179867,-0.103846,0.207693,0.119911,1348.38,1885.23)">
<path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z"
style="fill:rgb(241,243,248);" />
</g>
</g>
</g>
<g transform="matrix(1,0,0,1,7643.44,2523.85)">
<g opacity="0.59">
<g transform="matrix(0.207396,0,0,0.207396,1305.92,1910.38)">
<path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z"
style="fill:url(#_Radial19);" />
</g>
<g transform="matrix(0.179867,-0.103846,0.207693,0.119911,1305.42,1910.04)">
<path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z"
style="fill:rgb(241,243,248);" />
</g>
</g>
</g>
<g transform="matrix(0.802336,0,0,0.802336,7752.34,3130.63)">
<g opacity="0.5">
<g transform="matrix(0.556609,0,0,0.556609,737.492,974.014)">
<path d="M1392.64,2203.35L1382.87,2197.67L1382.87,2247.24L1382.87,2247.24C1382.87,2250.76 1385.44,2254.47 1390.46,2257.37L1523.48,2334.17C1528.25,2336.92 1534.29,2338.4 1540.11,2338.54L1540.11,2338.54L1540.11,2338.54L1540.11,2338.54L1540.11,2338.54C1545.49,2338.68 1550.69,2337.66 1554.51,2335.46L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1392.64,2203.35Z"
style="fill:url(#_Radial20);" />
</g>
<g transform="matrix(0.979394,-0.565453,0.557405,0.321818,1240.07,682.147)">
<path d="M-1014.61,2607.25C-1014.61,2598.07 -1018.28,2590.62 -1022.81,2590.62L-1198.41,2590.62C-1202.94,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1202.94,2756.9 -1198.41,2756.9L-1022.81,2756.9C-1018.28,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z"
style="fill:rgb(241,243,248);" />
</g>
</g>
</g>
<g transform="matrix(0.802336,0,0,0.802336,7752.34,3096.73)">
<g opacity="0.5">
<g transform="matrix(0.556609,0,0,0.556609,737.492,974.014)">
<path d="M1392.64,2203.35L1382.87,2197.67L1382.87,2247.24L1382.87,2247.24C1382.87,2250.76 1385.44,2254.47 1390.46,2257.37L1523.48,2334.17C1528.25,2336.92 1534.29,2338.4 1540.11,2338.54L1540.11,2338.54L1540.11,2338.54L1540.11,2338.54L1540.11,2338.54C1545.49,2338.68 1550.69,2337.66 1554.51,2335.46L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1392.64,2203.35Z"
style="fill:url(#_Radial21);" />
</g>
<g transform="matrix(0.979394,-0.565453,0.557405,0.321818,1240.07,682.147)">
<path d="M-1014.61,2607.25C-1014.61,2598.07 -1018.28,2590.62 -1022.81,2590.62L-1198.41,2590.62C-1202.94,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1202.94,2756.9 -1198.41,2756.9L-1022.81,2756.9C-1018.28,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z"
style="fill:rgb(241,243,248);" />
</g>
</g>
</g>
<g transform="matrix(0.802336,0,0,0.802336,7845.31,3188)">
<g transform="matrix(0.556609,0,0,0.556609,737.492,974.014)">
<path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z"
style="fill:url(#_Radial22);" />
</g>
<g transform="matrix(0.482727,-0.278703,0.557405,0.321818,736.148,973.087)">
<path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z"
style="fill:rgb(241,243,248);" />
</g>
</g>
<g transform="matrix(0.802336,0,0,0.802336,7845.31,3154.62)">
<g opacity="0.64">
<g transform="matrix(0.556609,0,0,0.556609,737.492,974.014)">
<path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z"
style="fill:url(#_Radial23);" />
</g>
<g transform="matrix(0.482727,-0.278703,0.557405,0.321818,736.148,973.087)">
<path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z"
style="fill:rgb(241,243,248);" />
</g>
</g>
</g>
<g transform="matrix(0.802336,0,0,0.802336,7752.34,3062.95)">
<g opacity="0.86">
<g transform="matrix(0.556609,0,0,0.556609,737.492,974.014)">
<path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z"
style="fill:url(#_Radial24);" />
</g>
<g transform="matrix(0.482727,-0.278703,0.557405,0.321818,736.148,973.087)">
<path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z"
style="fill:rgb(241,243,248);" />
</g>
</g>
</g>
</g>
<defs>
<radialGradient id="_Radial1" cx="0" cy="0" r="1"
gradientUnits="userSpaceOnUse" gradientTransform="matrix(-118.303,59.7763,-97.2816,-64.1764,10359.9,4625.46)">
<stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1" />
<stop offset="0.5" style="stop-color:rgb(198,218,239);stop-opacity:1" />
<stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1" />
</radialGradient>
<radialGradient id="_Radial2" cx="0" cy="0" r="1"
gradientUnits="userSpaceOnUse" gradientTransform="matrix(-118.303,59.7763,-97.2816,-64.1764,10359.9,4625.46)">
<stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1" />
<stop offset="0.5" style="stop-color:rgb(198,218,239);stop-opacity:1" />
<stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1" />
</radialGradient>
<radialGradient id="_Radial3" cx="0" cy="0" r="1"
gradientUnits="userSpaceOnUse" gradientTransform="matrix(-118.303,59.7763,-97.2816,-64.1764,10359.9,4625.46)">
<stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1" />
<stop offset="0.5" style="stop-color:rgb(198,218,239);stop-opacity:1" />
<stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1" />
</radialGradient>
<radialGradient id="_Radial4" cx="0" cy="0" r="1"
gradientUnits="userSpaceOnUse" gradientTransform="matrix(-118.303,59.7763,-97.2816,-64.1764,10359.9,4625.46)">
<stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1" />
<stop offset="0.5" style="stop-color:rgb(198,218,239);stop-opacity:1" />
<stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1" />
</radialGradient>
<radialGradient id="_Radial5" cx="0" cy="0" r="1"
gradientUnits="userSpaceOnUse" gradientTransform="matrix(-118.303,59.7763,-97.2816,-64.1764,10359.9,4625.46)">
<stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1" />
<stop offset="0.5" style="stop-color:rgb(198,218,239);stop-opacity:1" />
<stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1" />
</radialGradient>
<radialGradient id="_Radial6" cx="0" cy="0" r="1"
gradientUnits="userSpaceOnUse" gradientTransform="matrix(-118.303,59.7763,-97.2816,-64.1764,10359.9,4625.46)">
<stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1" />
<stop offset="0.5" style="stop-color:rgb(198,218,239);stop-opacity:1" />
<stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1" />
</radialGradient>
<radialGradient id="_Radial7" cx="0" cy="0" r="1"
gradientUnits="userSpaceOnUse" gradientTransform="matrix(211.154,236.194,-258.186,483.305,1554.7,2217.66)">
<stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1" />
<stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1" />
<stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1" />
<stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1" />
</radialGradient>
<radialGradient id="_Radial8" cx="0" cy="0" r="1"
gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)">
<stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1" />
<stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1" />
<stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1" />
<stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1" />
</radialGradient>
<radialGradient id="_Radial9" cx="0" cy="0" r="1"
gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)">
<stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1" />
<stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1" />
<stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1" />
<stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1" />
</radialGradient>
<radialGradient id="_Radial10" cx="0" cy="0" r="1"
gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)">
<stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1" />
<stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1" />
<stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1" />
<stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1" />
</radialGradient>
<radialGradient id="_Radial11" cx="0" cy="0" r="1"
gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)">
<stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1" />
<stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1" />
<stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1" />
<stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1" />
</radialGradient>
<radialGradient id="_Radial12" cx="0" cy="0" r="1"
gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)">
<stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1" />
<stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1" />
<stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1" />
<stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1" />
</radialGradient>
<radialGradient id="_Radial13" cx="0" cy="0" r="1"
gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)">
<stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1" />
<stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1" />
<stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1" />
<stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1" />
</radialGradient>
<radialGradient id="_Radial14" cx="0" cy="0" r="1"
gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)">
<stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1" />
<stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1" />
<stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1" />
<stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1" />
</radialGradient>
<radialGradient id="_Radial15" cx="0" cy="0" r="1"
gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)">
<stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1" />
<stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1" />
<stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1" />
<stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1" />
</radialGradient>
<radialGradient id="_Radial16" cx="0" cy="0" r="1"
gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)">
<stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1" />
<stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1" />
<stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1" />
<stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1" />
</radialGradient>
<radialGradient id="_Radial17" cx="0" cy="0" r="1"
gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)">
<stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1" />
<stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1" />
<stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1" />
<stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1" />
</radialGradient>
<radialGradient id="_Radial18" cx="0" cy="0" r="1"
gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)">
<stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1" />
<stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1" />
<stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1" />
<stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1" />
</radialGradient>
<radialGradient id="_Radial19" cx="0" cy="0" r="1"
gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)">
<stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1" />
<stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1" />
<stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1" />
<stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1" />
</radialGradient>
<radialGradient id="_Radial20" cx="0" cy="0" r="1"
gradientUnits="userSpaceOnUse" gradientTransform="matrix(201.133,28.2983,-75.0815,312.47,1451.04,2243.65)">
<stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1" />
<stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1" />
<stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1" />
<stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1" />
</radialGradient>
<radialGradient id="_Radial21" cx="0" cy="0" r="1"
gradientUnits="userSpaceOnUse" gradientTransform="matrix(218.281,18.1813,-70.5988,329.688,1493.69,2226.36)">
<stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1" />
<stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1" />
<stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1" />
<stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1" />
</radialGradient>
<radialGradient id="_Radial22" cx="0" cy="0" r="1"
gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)">
<stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1" />
<stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1" />
<stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1" />
<stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1" />
</radialGradient>
<radialGradient id="_Radial23" cx="0" cy="0" r="1"
gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)">
<stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1" />
<stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1" />
<stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1" />
<stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1" />
</radialGradient>
<radialGradient id="_Radial24" cx="0" cy="0" r="1"
gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)">
<stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1" />
<stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1" />
<stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1" />
<stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1" />
</radialGradient>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 38 KiB

+455
View File
@@ -0,0 +1,455 @@
<svg width="100%" height="100%" viewBox="0 0 425 407"
version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve"
xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<g transform="matrix(1,0,0,1,-8957.73,-5386.23)">
<g transform="matrix(0.802336,0,0,0.802336,7928.3,3867.69)">
<g opacity="0.33">
<g transform="matrix(1,0,0,1,-8733.74,-2523.85)">
<path d="M10352.9,4635.99L10352.9,4635.99L10352.9,4576.7L10483.3,4627.9L10483.3,4689.07L10482.8,4688.87C10482.4,4689.51 10481.8,4690.1 10481,4690.6L10468.3,4697.88C10464.9,4699.89 10458.8,4699.64 10454.7,4697.32L10356.2,4640.43C10354,4639.16 10352.9,4637.53 10352.9,4635.99Z"
style="fill:url(#_Radial1);" />
</g>
<g transform="matrix(0.866025,-0.5,1,0.57735,-8733.74,-2523.85)">
<path d="M1427.15,9145.49C1427.15,9141.47 1423.89,9138.21 1419.87,9138.21L1405.31,9138.21C1401.29,9138.21 1398.02,9141.47 1398.02,9145.49L1398.02,9244.02C1398.02,9248.04 1401.29,9251.31 1405.31,9251.31L1419.87,9251.31C1423.89,9251.31 1427.15,9248.04 1427.15,9244.02L1427.15,9145.49Z"
style="fill:rgb(241,243,248);" />
</g>
</g>
</g>
<g transform="matrix(0.802336,0,0,0.802336,7928.3,3809.89)">
<g opacity="0.33">
<g transform="matrix(1,0,0,1,-8733.74,-2523.85)">
<path d="M10352.9,4635.99L10352.9,4635.99L10352.9,4576.7L10483.3,4627.9L10483.3,4689.07L10482.8,4688.87C10482.4,4689.51 10481.8,4690.1 10481,4690.6L10468.3,4697.88C10464.9,4699.89 10458.8,4699.64 10454.7,4697.32L10356.2,4640.43C10354,4639.16 10352.9,4637.53 10352.9,4635.99Z"
style="fill:url(#_Radial2);" />
</g>
<g transform="matrix(0.866025,-0.5,1,0.57735,-8733.74,-2523.85)">
<path d="M1427.15,9145.49C1427.15,9141.47 1423.89,9138.21 1419.87,9138.21L1405.31,9138.21C1401.29,9138.21 1398.02,9141.47 1398.02,9145.49L1398.02,9244.02C1398.02,9248.04 1401.29,9251.31 1405.31,9251.31L1419.87,9251.31C1423.89,9251.31 1427.15,9248.04 1427.15,9244.02L1427.15,9145.49Z"
style="fill:rgb(241,243,248);" />
</g>
</g>
</g>
<g transform="matrix(0.802336,0,0,0.802336,7928.3,3750.65)">
<g opacity="0.33">
<g transform="matrix(1,0,0,1,-8733.74,-2523.85)">
<path d="M10352.9,4635.99L10352.9,4635.99L10352.9,4576.7L10483.3,4627.9L10483.3,4689.07L10482.8,4688.87C10482.4,4689.51 10481.8,4690.1 10481,4690.6L10468.3,4697.88C10464.9,4699.89 10458.8,4699.64 10454.7,4697.32L10356.2,4640.43C10354,4639.16 10352.9,4637.53 10352.9,4635.99Z"
style="fill:url(#_Radial3);" />
</g>
<g transform="matrix(0.866025,-0.5,1,0.57735,-8733.74,-2523.85)">
<path d="M1427.15,9145.49C1427.15,9141.47 1423.89,9138.21 1419.87,9138.21L1405.31,9138.21C1401.29,9138.21 1398.02,9141.47 1398.02,9145.49L1398.02,9244.02C1398.02,9248.04 1401.29,9251.31 1405.31,9251.31L1419.87,9251.31C1423.89,9251.31 1427.15,9248.04 1427.15,9244.02L1427.15,9145.49Z"
style="fill:rgb(241,243,248);" />
</g>
</g>
</g>
<g transform="matrix(0.802336,0,0,0.802336,7898.73,3884.75)">
<g opacity="0.63">
<g transform="matrix(1,0,0,1,-8733.74,-2523.85)">
<path d="M10352.9,4635.99L10352.9,4635.99L10352.9,4576.7L10483.3,4627.9L10483.3,4689.07L10482.8,4688.87C10482.4,4689.51 10481.8,4690.1 10481,4690.6L10468.3,4697.88C10464.9,4699.89 10458.8,4699.64 10454.7,4697.32L10356.2,4640.43C10354,4639.16 10352.9,4637.53 10352.9,4635.99Z"
style="fill:url(#_Radial4);" />
</g>
<g transform="matrix(0.866025,-0.5,1,0.57735,-8733.74,-2523.85)">
<path d="M1427.15,9145.49C1427.15,9141.47 1423.89,9138.21 1419.87,9138.21L1405.31,9138.21C1401.29,9138.21 1398.02,9141.47 1398.02,9145.49L1398.02,9244.02C1398.02,9248.04 1401.29,9251.31 1405.31,9251.31L1419.87,9251.31C1423.89,9251.31 1427.15,9248.04 1427.15,9244.02L1427.15,9145.49Z"
style="fill:rgb(241,243,248);" />
</g>
</g>
</g>
<g transform="matrix(0.802336,0,0,0.802336,7898.73,3826.96)">
<g opacity="0.63">
<g transform="matrix(1,0,0,1,-8733.74,-2523.85)">
<path d="M10352.9,4635.99L10352.9,4635.99L10352.9,4576.7L10483.3,4627.9L10483.3,4689.07L10482.8,4688.87C10482.4,4689.51 10481.8,4690.1 10481,4690.6L10468.3,4697.88C10464.9,4699.89 10458.8,4699.64 10454.7,4697.32L10356.2,4640.43C10354,4639.16 10352.9,4637.53 10352.9,4635.99Z"
style="fill:url(#_Radial5);" />
</g>
<g transform="matrix(0.866025,-0.5,1,0.57735,-8733.74,-2523.85)">
<path d="M1427.15,9145.49C1427.15,9141.47 1423.89,9138.21 1419.87,9138.21L1405.31,9138.21C1401.29,9138.21 1398.02,9141.47 1398.02,9145.49L1398.02,9244.02C1398.02,9248.04 1401.29,9251.31 1405.31,9251.31L1419.87,9251.31C1423.89,9251.31 1427.15,9248.04 1427.15,9244.02L1427.15,9145.49Z"
style="fill:rgb(241,243,248);" />
</g>
</g>
</g>
<g transform="matrix(0.802336,0,0,0.802336,7898.73,3767.72)">
<g opacity="0.63">
<g transform="matrix(1,0,0,1,-8733.74,-2523.85)">
<path d="M10352.9,4635.99L10352.9,4635.99L10352.9,4576.7L10483.3,4627.9L10483.3,4689.07L10482.8,4688.87C10482.4,4689.51 10481.8,4690.1 10481,4690.6L10468.3,4697.88C10464.9,4699.89 10458.8,4699.64 10454.7,4697.32L10356.2,4640.43C10354,4639.16 10352.9,4637.53 10352.9,4635.99Z"
style="fill:url(#_Radial6);" />
</g>
<g transform="matrix(0.866025,-0.5,1,0.57735,-8733.74,-2523.85)">
<path d="M1427.15,9145.49C1427.15,9141.47 1423.89,9138.21 1419.87,9138.21L1405.31,9138.21C1401.29,9138.21 1398.02,9141.47 1398.02,9145.49L1398.02,9244.02C1398.02,9248.04 1401.29,9251.31 1405.31,9251.31L1419.87,9251.31C1423.89,9251.31 1427.15,9248.04 1427.15,9244.02L1427.15,9145.49Z"
style="fill:rgb(241,243,248);" />
</g>
</g>
</g>
<g transform="matrix(0.802336,0,0,0.802336,7972.87,3741.96)">
<g opacity="0.25">
<g transform="matrix(0.556609,0,0,0.556609,414.801,1013.38)">
<path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2440.16L1554.7,2440.16C1554.7,2443.68 1557.27,2447.4 1562.29,2450.3L1695.31,2527.1C1700.08,2529.85 1706.12,2531.33 1711.94,2531.47L1711.94,2531.47L1711.94,2531.47L1711.94,2531.47L1711.94,2531.47C1717.33,2531.6 1722.52,2530.59 1726.34,2528.38L1863.82,2449.01C1867.64,2446.8 1869.39,2443.8 1869.16,2440.7L1869.18,2440.68L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z"
style="fill:url(#_Radial7);" />
</g>
<g transform="matrix(0.482727,-0.278703,0.557405,0.321818,413.457,1012.45)">
<path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z"
style="fill:rgb(241,243,248);" />
</g>
</g>
</g>
<g transform="matrix(1,0,0,1,7643.44,3346.58)">
<g transform="matrix(0.63025,0,0,0.63025,-1260.49,877.953)">
<g opacity="0.53">
<g transform="matrix(0.708588,0,0,0.708588,3243.86,732.695)">
<path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z"
style="fill:url(#_Radial8);" />
</g>
<g transform="matrix(0.614533,-0.354801,0.709601,0.409689,3242.15,731.515)">
<path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z"
style="fill:rgb(37,99,235);" />
</g>
</g>
</g>
<g class="blink-3" transform="matrix(0.63025,0,0,0.63025,-1260.49,846.202)">
<g opacity="0.53">
<g transform="matrix(0.708588,0,0,0.708588,3243.86,732.695)">
<path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z"
style="fill:url(#_Radial9);" />
</g>
<g transform="matrix(0.614533,-0.354801,0.709601,0.409689,3242.15,731.515)">
<path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z"
style="fill:rgb(37,99,235);" />
</g>
</g>
</g>
{{!-- <g transform="matrix(0.63025,0,0,0.63025,-1260.49,812.763)">
<g opacity="0.53">
<g transform="matrix(0.708588,0,0,0.708588,3243.86,732.695)">
<path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z"
style="fill:url(#_Radial10);" />
</g>
<g transform="matrix(0.614533,-0.354801,0.709601,0.409689,3242.15,731.515)">
<path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z"
style="fill:rgb(37,99,235);" />
</g>
</g>
</g>
<g class="blink-2" transform="matrix(0.63025,0,0,0.63025,-1260.49,778.859)">
<g opacity="0.82">
<g transform="matrix(0.708588,0,0,0.708588,3243.86,732.695)">
<path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z"
style="fill:url(#_Radial11);" />
</g>
<g transform="matrix(0.614533,-0.354801,0.709601,0.409689,3242.15,731.515)">
<path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z"
style="fill:rgb(37,99,235);" />
</g>
</g>
</g> --}}
</g>
<g transform="matrix(1,0,0,1,7643.44,3346.58)">
<g opacity="0.54">
<g transform="matrix(0.207396,0,0,0.207396,1263.77,1902.3)">
<path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z"
style="fill:url(#_Radial12);" />
</g>
<g transform="matrix(0.179867,-0.103846,0.207693,0.119911,1263.27,1901.95)">
<path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z"
style="fill:rgb(241,243,248);" />
</g>
</g>
<g opacity="0.54">
<g transform="matrix(0.207396,0,0,0.207396,1304.18,1878.97)">
<path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z"
style="fill:url(#_Radial13);" />
</g>
<g transform="matrix(0.179867,-0.103846,0.207693,0.119911,1303.68,1878.62)">
<path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z"
style="fill:rgb(241,243,248);" />
</g>
</g>
<g opacity="0.54">
<g transform="matrix(0.207396,0,0,0.207396,1304.18,1859.77)">
<path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z"
style="fill:url(#_Radial14);" />
</g>
<g transform="matrix(0.179867,-0.103846,0.207693,0.119911,1303.68,1859.42)">
<path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z"
style="fill:rgb(241,243,248);" />
</g>
</g>
<g opacity="0.54">
<g transform="matrix(0.207396,0,0,0.207396,1263.77,1883.1)">
<path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z"
style="fill:url(#_Radial15);" />
</g>
<g transform="matrix(0.179867,-0.103846,0.207693,0.119911,1263.27,1882.75)">
<path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z"
style="fill:rgb(241,243,248);" />
</g>
</g>
</g>
<g transform="matrix(1,0,0,1,7643.44,3346.58)">
<g opacity="0.25">
<g transform="matrix(0.207396,0,0,0.207396,1348.88,1904.78)">
<path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z"
style="fill:url(#_Radial16);" />
</g>
<g transform="matrix(0.179867,-0.103846,0.207693,0.119911,1348.38,1904.43)">
<path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z"
style="fill:rgb(241,243,248);" />
</g>
</g>
</g>
<g transform="matrix(1,0,0,1,7643.44,3346.58)">
<g opacity="0.25">
<g transform="matrix(0.207396,0,0,0.207396,1305.92,1929.58)">
<path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z"
style="fill:url(#_Radial17);" />
</g>
<g transform="matrix(0.179867,-0.103846,0.207693,0.119911,1305.42,1929.24)">
<path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z"
style="fill:rgb(241,243,248);" />
</g>
</g>
</g>
<g transform="matrix(1,0,0,1,7643.44,3346.58)">
<g opacity="0.25">
<g transform="matrix(0.207396,0,0,0.207396,1348.88,1885.58)">
<path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z"
style="fill:url(#_Radial18);" />
</g>
<g transform="matrix(0.179867,-0.103846,0.207693,0.119911,1348.38,1885.23)">
<path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z"
style="fill:rgb(241,243,248);" />
</g>
</g>
</g>
<g transform="matrix(1,0,0,1,7643.44,3346.58)">
<g opacity="0.25">
<g transform="matrix(0.207396,0,0,0.207396,1305.92,1910.38)">
<path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z"
style="fill:url(#_Radial19);" />
</g>
<g transform="matrix(0.179867,-0.103846,0.207693,0.119911,1305.42,1910.04)">
<path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z"
style="fill:rgb(241,243,248);" />
</g>
</g>
</g>
<g transform="matrix(0.802336,0,0,0.802336,7752.34,3953.37)">
<g opacity="0.22">
<g transform="matrix(0.556609,0,0,0.556609,737.492,974.014)">
<path d="M1392.64,2203.35L1382.87,2197.67L1382.87,2247.24L1382.87,2247.24C1382.87,2250.76 1385.44,2254.47 1390.46,2257.37L1523.48,2334.17C1528.25,2336.92 1534.29,2338.4 1540.11,2338.54L1540.11,2338.54L1540.11,2338.54L1540.11,2338.54L1540.11,2338.54C1545.49,2338.68 1550.69,2337.66 1554.51,2335.46L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1392.64,2203.35Z"
style="fill:url(#_Radial20);" />
</g>
<g transform="matrix(0.979394,-0.565453,0.557405,0.321818,1240.07,682.147)">
<path d="M-1014.61,2607.25C-1014.61,2598.07 -1018.28,2590.62 -1022.81,2590.62L-1198.41,2590.62C-1202.94,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1202.94,2756.9 -1198.41,2756.9L-1022.81,2756.9C-1018.28,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z"
style="fill:rgb(241,243,248);" />
</g>
</g>
</g>
<g transform="matrix(0.802336,0,0,0.802336,7752.34,3919.46)">
<g opacity="0.22">
<g transform="matrix(0.556609,0,0,0.556609,737.492,974.014)">
<path d="M1392.64,2203.35L1382.87,2197.67L1382.87,2247.24L1382.87,2247.24C1382.87,2250.76 1385.44,2254.47 1390.46,2257.37L1523.48,2334.17C1528.25,2336.92 1534.29,2338.4 1540.11,2338.54L1540.11,2338.54L1540.11,2338.54L1540.11,2338.54L1540.11,2338.54C1545.49,2338.68 1550.69,2337.66 1554.51,2335.46L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1392.64,2203.35Z"
style="fill:url(#_Radial21);" />
</g>
<g transform="matrix(0.979394,-0.565453,0.557405,0.321818,1240.07,682.147)">
<path d="M-1014.61,2607.25C-1014.61,2598.07 -1018.28,2590.62 -1022.81,2590.62L-1198.41,2590.62C-1202.94,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1202.94,2756.9 -1198.41,2756.9L-1022.81,2756.9C-1018.28,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z"
style="fill:rgb(241,243,248);" />
</g>
</g>
</g>
<g transform="matrix(0.802336,0,0,0.802336,7845.31,4010.74)">
<g opacity="0.75">
<g transform="matrix(0.556609,0,0,0.556609,737.492,974.014)">
<path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z"
style="fill:url(#_Radial22);" />
</g>
<g transform="matrix(0.482727,-0.278703,0.557405,0.321818,736.148,973.087)">
<path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z"
style="fill:rgb(241,243,248);" />
</g>
</g>
</g>
<g transform="matrix(0.802336,0,0,0.802336,7845.31,3977.36)">
<g opacity="0.6">
<g transform="matrix(0.556609,0,0,0.556609,737.492,974.014)">
<path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z"
style="fill:url(#_Radial23);" />
</g>
<g transform="matrix(0.482727,-0.278703,0.557405,0.321818,736.148,973.087)">
<path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z"
style="fill:rgb(241,243,248);" />
</g>
</g>
</g>
<g transform="matrix(0.802336,0,0,0.802336,7752.34,3885.69)">
<g opacity="0.5">
<g transform="matrix(0.556609,0,0,0.556609,737.492,974.014)">
<path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z"
style="fill:url(#_Radial24);" />
</g>
<g transform="matrix(0.482727,-0.278703,0.557405,0.321818,736.148,973.087)">
<path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z"
style="fill:rgb(241,243,248);" />
</g>
</g>
</g>
</g>
<defs>
<radialGradient id="_Radial1" cx="0" cy="0" r="1"
gradientUnits="userSpaceOnUse" gradientTransform="matrix(-118.303,59.7763,-97.2816,-64.1764,10359.9,4625.46)">
<stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1" />
<stop offset="0.5" style="stop-color:rgb(198,218,239);stop-opacity:1" />
<stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1" />
</radialGradient>
<radialGradient id="_Radial2" cx="0" cy="0" r="1"
gradientUnits="userSpaceOnUse" gradientTransform="matrix(-118.303,59.7763,-97.2816,-64.1764,10359.9,4625.46)">
<stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1" />
<stop offset="0.5" style="stop-color:rgb(198,218,239);stop-opacity:1" />
<stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1" />
</radialGradient>
<radialGradient id="_Radial3" cx="0" cy="0" r="1"
gradientUnits="userSpaceOnUse" gradientTransform="matrix(-118.303,59.7763,-97.2816,-64.1764,10359.9,4625.46)">
<stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1" />
<stop offset="0.5" style="stop-color:rgb(198,218,239);stop-opacity:1" />
<stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1" />
</radialGradient>
<radialGradient id="_Radial4" cx="0" cy="0" r="1"
gradientUnits="userSpaceOnUse" gradientTransform="matrix(-118.303,59.7763,-97.2816,-64.1764,10359.9,4625.46)">
<stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1" />
<stop offset="0.5" style="stop-color:rgb(198,218,239);stop-opacity:1" />
<stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1" />
</radialGradient>
<radialGradient id="_Radial5" cx="0" cy="0" r="1"
gradientUnits="userSpaceOnUse" gradientTransform="matrix(-118.303,59.7763,-97.2816,-64.1764,10359.9,4625.46)">
<stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1" />
<stop offset="0.5" style="stop-color:rgb(198,218,239);stop-opacity:1" />
<stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1" />
</radialGradient>
<radialGradient id="_Radial6" cx="0" cy="0" r="1"
gradientUnits="userSpaceOnUse" gradientTransform="matrix(-118.303,59.7763,-97.2816,-64.1764,10359.9,4625.46)">
<stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1" />
<stop offset="0.5" style="stop-color:rgb(198,218,239);stop-opacity:1" />
<stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1" />
</radialGradient>
<radialGradient id="_Radial7" cx="0" cy="0" r="1"
gradientUnits="userSpaceOnUse" gradientTransform="matrix(211.154,236.194,-258.186,483.305,1554.7,2217.66)">
<stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1" />
<stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1" />
<stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1" />
<stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1" />
</radialGradient>
<radialGradient id="_Radial8" cx="0" cy="0" r="1"
gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)">
<stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1" />
<stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1" />
<stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1" />
<stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1" />
</radialGradient>
<radialGradient id="_Radial9" cx="0" cy="0" r="1"
gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)">
<stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1" />
<stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1" />
<stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1" />
<stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1" />
</radialGradient>
<radialGradient id="_Radial10" cx="0" cy="0" r="1"
gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)">
<stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1" />
<stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1" />
<stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1" />
<stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1" />
</radialGradient>
<radialGradient id="_Radial11" cx="0" cy="0" r="1"
gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)">
<stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1" />
<stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1" />
<stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1" />
<stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1" />
</radialGradient>
<radialGradient id="_Radial12" cx="0" cy="0" r="1"
gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)">
<stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1" />
<stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1" />
<stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1" />
<stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1" />
</radialGradient>
<radialGradient id="_Radial13" cx="0" cy="0" r="1"
gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)">
<stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1" />
<stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1" />
<stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1" />
<stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1" />
</radialGradient>
<radialGradient id="_Radial14" cx="0" cy="0" r="1"
gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)">
<stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1" />
<stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1" />
<stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1" />
<stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1" />
</radialGradient>
<radialGradient id="_Radial15" cx="0" cy="0" r="1"
gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)">
<stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1" />
<stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1" />
<stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1" />
<stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1" />
</radialGradient>
<radialGradient id="_Radial16" cx="0" cy="0" r="1"
gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)">
<stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1" />
<stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1" />
<stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1" />
<stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1" />
</radialGradient>
<radialGradient id="_Radial17" cx="0" cy="0" r="1"
gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)">
<stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1" />
<stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1" />
<stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1" />
<stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1" />
</radialGradient>
<radialGradient id="_Radial18" cx="0" cy="0" r="1"
gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)">
<stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1" />
<stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1" />
<stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1" />
<stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1" />
</radialGradient>
<radialGradient id="_Radial19" cx="0" cy="0" r="1"
gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)">
<stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1" />
<stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1" />
<stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1" />
<stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1" />
</radialGradient>
<radialGradient id="_Radial20" cx="0" cy="0" r="1"
gradientUnits="userSpaceOnUse" gradientTransform="matrix(201.133,28.2983,-75.0815,312.47,1451.04,2243.65)">
<stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1" />
<stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1" />
<stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1" />
<stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1" />
</radialGradient>
<radialGradient id="_Radial21" cx="0" cy="0" r="1"
gradientUnits="userSpaceOnUse" gradientTransform="matrix(218.281,18.1813,-70.5988,329.688,1493.69,2226.36)">
<stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1" />
<stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1" />
<stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1" />
<stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1" />
</radialGradient>
<radialGradient id="_Radial22" cx="0" cy="0" r="1"
gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)">
<stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1" />
<stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1" />
<stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1" />
<stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1" />
</radialGradient>
<radialGradient id="_Radial23" cx="0" cy="0" r="1"
gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)">
<stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1" />
<stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1" />
<stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1" />
<stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1" />
</radialGradient>
<radialGradient id="_Radial24" cx="0" cy="0" r="1"
gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)">
<stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1" />
<stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1" />
<stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1" />
<stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1" />
</radialGradient>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 38 KiB

@@ -0,0 +1,108 @@
<svg width="100%" height="100%" viewBox="0 0 425 407"
version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve"
xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<g transform="matrix(1,0,0,1,-8957.73,-5386.23)">
<g transform="matrix(1,0,0,1,7643.44,3346.58)">
<g class="one" transform="matrix(0.63025,0,0,0.63025,-1260.49,778.859)">
<g opacity="0.82">
<g transform="matrix(0.708588,0,0,0.708588,3243.86,732.695)">
<path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z"
style="fill:url(#_Radial11);" />
</g>
<g transform="matrix(0.614533,-0.354801,0.709601,0.409689,3242.15,731.515)">
<path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z"
style="fill:rgb(37,99,235);" />
</g>
</g>
</g>
<g class="two" transform="matrix(0.63025,0,0,0.63025,-1260.49,778.859)">
<g opacity="0.82">
<g transform="matrix(0.708588,0,0,0.708588,3243.86,732.695)">
<path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z"
style="fill:url(#_Radial11);" />
</g>
<g transform="matrix(0.614533,-0.354801,0.709601,0.409689,3242.15,731.515)">
<path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z"
style="fill:rgb(37,99,235);" />
</g>
</g>
</g>
</g>
</g>
</svg>
<style type="text/css">
.one {
/*transform: matrix(0.63025,0,0,0.63025,-1260.49,812.763);*/
transform: matrix(0.63025,0,0,0.63025,-1260.49,852.763);
opacity: 0.1;
animation: animOne 10s infinite both;
}
.two {
transform: matrix(0.63025,0,0,0.63025,-1260.49,778.859);
opacity: 0.1;
animation: animTwo 15s infinite both;
}
.hover-me {
animation: hover 20s infinite both
}
@-webkit-keyframes animTwo {
0% {
transform: matrix(0.63025,0,0,0.63025,-1260.49,852.763);
opacity: 0;
}
20%{
transform: matrix(0.63025,0,0,0.63025,-1260.49,778.859);
opacity: 1;
}
100% {
transform: matrix(0.63025,0,0,0.63025,-1260.49,852.763);
opacity: 0;
}
}
@-webkit-keyframes animOne {
0% {
transform: matrix(0.63025,0,0,0.63025,-1260.49,852.763);
opacity: 0.1;
}
50%{
transform: matrix(0.63025,0,0,0.63025,-1260.49,812.763);
opacity: 1;
}
100% {
transform: matrix(0.63025,0,0,0.63025,-1260.49,852.763);
opacity: 0.1;
}
}
@-webkit-keyframes hover {
0% {
transform: matrix(0.63025, 0, 0, 0.63025, -1260.49, 738.859);
/*opacity: 0.3;*/
}
30% {
transform: matrix(0.63025, 0, 0, 0.63025, -1260.49, 738.859);
/*opacity: 0.7;*/
}
50% {
transform: matrix(0.63025, 0, 0, 0.63025, -1260.49, 888.859);
/*opacity: 1;*/
}
80% {
transform: matrix(0.63025, 0, 0, 0.63025, -1260.49, 738.859);
/*opacity: 0.3;*/
}
100% {
transform: matrix(0.63025, 0, 0, 0.63025, -1260.49, 738.859);
/*opacity: 0.3;*/
}
}
</style>

After

Width:  |  Height:  |  Size: 4.3 KiB

+6 -5
View File
@@ -1,5 +1,5 @@
<div class="relative bg-white dark:bg-gray-900 dark:text-white py-14">
<div class="w-default py-20 sm:py-4 flex justify-center md:justify-between flex-wrap space-x-4 space-y-4">
<div class="w-default py-20 sm:py-4 flex justify-center md:justify-between flex-wrap md:space-x-4 space-y-4">
{{!-- Logo and social --}}
@@ -21,7 +21,8 @@
</div>
<p class="text-gray-500 text-xs mt-10">
© Aec Systems Ltd. Speckle and Speckle Systems are trademarks of AEC Systems Ltd., registered
in the UK and in other countries. Company No. 12403784.
in the UK and in other countries. Company No. 12403784. <br><br>
<a class="text-blue-600" href="/terms">Terms of service</a> | <a class="text-blue-600" href="/privacy">Privacy policy</a>
</p>
</div>
@@ -30,11 +31,11 @@
<div class=" text-center md:text-left pt-4 md:pt-0 w-full md:w-2/6 lg:w-1/6">
<h3 class="text-sm font-semibold text-gray-800 dark:text-gray-200 tracking-wider uppercase">
Use Cases
Features
</h3>
<ul class="mt-4 space-y-4">
{{#get "posts" filter="tags:usecases+featured:true" limit="3"}}
{{#get "posts" filter="tags:features+featured:true" limit="3"}}
{{#foreach posts}}
<li>
<a href="{{url}}" class="text-base text-gray-500 hover:text-gray-900 dark:hover:text-gray-100">
@@ -46,7 +47,7 @@
{{#get "tags" filter="slug:usecases" as |tag|}}
<li>
<a href="/usecases" class="text-base text-gray-900 dark:text-gray-200 hover:text-gray-900 dark:hover:text-gray-100">
<a href="/features" class="text-base text-gray-900 dark:text-gray-200 hover:text-gray-900 dark:hover:text-gray-100">
See All
</a>
</li>
+60 -5
View File
@@ -8,9 +8,11 @@
<h2 class="text-4xl pl-5 mb-5 font-bold text-blue-600">Built
for developers</h2>
<p class=" pl-5 text-lg text-gray-800 dark:text-gray-400">
We fine tune the right abstractions so you
can focus on the business logic, rather than
extracting data out of Revit.
We're building the <code>git</code> of AEC -
independent, object based real-time version
control for BIM & CAD data. Focus on the
business logic rather than extracting data from
proprietary software.
</p>
</div>
@@ -59,8 +61,10 @@
<p class="relative text-xl lg:hidden font-semibold text-gray-900 dark:text-gray-200 bg-white dark:bg-gray-900 py-8 px-8">
3d Viewer: Batteries Included
</p>
<div class="relative h-72 w-full flex justify-center bg-gradient-to-br from-white dark:from-gray-900 via-gray-200 dark:via-gray-700 dark:to-gray-800 to-white"
<div class="relative h-72 w-full flex items-center justify-center bg-gradient-to-br from-white dark:from-gray-900 via-gray-200 dark:via-gray-700 dark:to-gray-800 to-white"
id="renderer">
<div class="h-1 bg-gray-200 absolute bg-blue-500 shadow-md" style="width:0%;" id="bar"></div>
<button class="animate-bounce self-center text-sm font-bold bg-blue-600 text-white rounded-full p-3 shadow-2xl transition hover:bg-blue-500"
onclick="loadViewer()" id="loadbutton">
<svg class="inline-flex h-6 w-6" xmlns="http://www.w3.org/2000/svg"
@@ -74,7 +78,15 @@
onclick="ze()" id="zebutton">
<svg class="inline-flex h-5 w-5" xmlns="http://www.w3.org/2000/svg"
fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 8V4m0 0h4M4 4l5 5m11-1V4m0 0h-4m4 0l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4" />
<path stroke-linecap="round" stroke-linejoin="round"
stroke-width="2" d="M4 8V4m0 0h4M4 4l5 5m11-1V4m0 0h-4m4 0l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4" />
</svg>
</button>
<button class="absolute hidden bottom-2 right-12 text-sm mb-1 ml-1 font-bold bg-blue-600 text-white rounded-full p-1 shadow-2xl transition hover:bg-blue-500"
onclick="toggleSection()" id="sectionbutton">
<svg class="inline-flex h-5 w-5" xmlns="http://www.w3.org/2000/svg"
fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4" />
</svg>
</button>
</div>
@@ -103,4 +115,47 @@
</div>
</div>
<script src="{{asset "built/Speckle.js"}}"></script>
<script type="text/javascript">
let v
window.ze = function() {
v.interactions.zoomExtents()
}
window.toggleSection = function() {
v.interactions.toggleSectionBox()
}
window.loadViewer = function() {
v = new Speckle.Viewer({
container: document.getElementById(
'renderer')
});
v.on('load-progress', args => {
width = args.progress * 100
document.getElementById('bar').style.width = `${width}%`;
if( width > 99 ) {
document.getElementById('bar').style.display = 'none';
}
})
;(() => {
v.loadObject(
"https://staging.speckle.dev/streams/4c3ce1459c/objects/839259d02c5a1d22700fc5ae19c9f494",
"e844747dc6f6b0b5c7d5fbd82d66de6e9529531d75"
)
})()
document.getElementById('loadbutton').style.display =
"none"
document.getElementById('zebutton').style.display =
"block"
document.getElementById('sectionbutton').style.display =
"block"
v.onWindowResize()
}
</script>
{{/get}}
+15 -20
View File
@@ -1,33 +1,28 @@
{{#get "posts" filter="primary_tag:usecases+featured:true" limit="3"}}
<div class="bg-gray-50 dark:bg-gray-900 py-10">
{{#get "posts" filter="primary_tag:features+featured:true" limit="3"}}
<div class="relative bg-gray-50 dark:bg-gray-900 py-10">
<div class="w-default mt-20 my-0 grid grid-cols-1 lg:grid-cols-2 gap-10 mb-10">
<div class="relative border-l-4 dark:border-gray-700">
<h2 class="text-4xl pl-5 mb-5 font-bold text-blue-600">Why
Speckle?</h2>
<p class=" pl-5 text-lg text-gray-800 dark:text-gray-400">
We bring together everything that's needed to
build
modern workflows and apps that use geometry
and data - <b>BIM</b> -
in a cloud environment. Speckle's
products power collaborative interoperability,
real-time data exchange,
online apps, automation workflows and everything
in
between.
Our platform enables AEC companies to evolve
digitally in a cloud based environment. Speckle
streamlines collaboration and automation for 3D
information - <b>CAD & BIM</b>.
</p>
</div>
</div>
<div x-data="{ activeSlide: '0', slides: [ '0', '1', '2', '3', '4', '5' ] }"
{{!-- NOTE: starts from one to leave space for a future "first" image generic --}}
<div x-data="{ activeSlide: '1', slides: [ '0', '1', '2', '3', '4', '5' ] }"
class="w-default my-0 mt-5 mb-20 grid grid-cols-1 lg:grid-cols-2 gap-10">
<div class="relative grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-1 gap-4 lg:gap-2 grid-flow-row">
{{#foreach posts}}
<div class="rounded-lg transition overflow-hiddenbg-white dark:bg-gray-900 dark:hover:bg-gray-800 shadow hover:shadow-2xl dark:text-gray-200"
@mouseenter="activeSlide='{{@index}}';">
@mouseenter="activeSlide='{{@number}}';">
<div class="flex-shrink-0 lg:hidden">
<img class="h-48 w-full object-cover" srcset="{{img_url feature_image size="s"}} 300w,
{{img_url feature_image size="m"}} 600w,
@@ -37,7 +32,7 @@
src="{{img_url feature_image size="m"}}"
alt="{{title}}">
</div>
<div class="flex-1 p-6 flex flex-col justify-between">
<div class="flex-1 px-6 py-4 flex flex-col justify-between">
<div class="flex-1">
<a href="{{url}}" class="block mt-1">
<p class="text-xl font-semibold text-gray-900 dark:text-gray-200">
@@ -59,11 +54,11 @@
{{/foreach}}
<div class="relative rounded-xl py-5 hover:rounded-2xl shadow hover:shadow-2xl bg-white dark:bg-gray-900 transition overflow-hidden flex">
<a href="/usecases" class="w-full self-center">
<div class="relative px-8">
<div class="relative rounded-xl py-5 hover:rounded-2xl shadow hover:shadow-2xl bg-white dark:bg-gray-900 transition overflow-hidden flex" >
<a href="/features" class="w-full self-center">
<div class="relative px-6">
<div class="text-xl font-semibold text-blue-600">
Usecases →
All Features →
</div>
</div>
</a>
@@ -75,7 +70,7 @@
{{#foreach posts}}
<div class="absolute inset-0 h-full w-full flex"
x-show="activeSlide === '{{@index}}'"
x-show="activeSlide === '{{@number}}'"
x-transition:enter="transition ease-out duration-300"
x-transition:enter-start="opacity-0 -translate-y-1"
x-transition:enter-end="opacity-100 translate-y-0"
+11 -10
View File
@@ -1,18 +1,19 @@
<main class="w-default relative z-1 h-screen sm:h-screen/2-3 flex flex-wrap content-center">
<main class="w-default relative z-1 h-screen/2-3 flex flex-wrap content-center">
<div class="w-3/3 lg:w-2/3 text-center lg:text-left">
<h1 class="text-4xl tracking-tight font-extrabold text-gray-900 sm:text-5xl md:text-6xl">
<span class="block xl:inline text-gray-800 dark:text-gray-200">{{@site.description}}</span>
</h1>
<p class="text-base text-gray-800 dark:text-gray-200 sm:text-lg md:text-xl md:max-w-6xl mt-10">
Leading AEC companies, designers and developers use
<span class="">Speckle</span> for
interoperability, design automation and
data management.
<p class="text-base lg:w-prose text-gray-800 dark:text-gray-200 sm:text-lg md:text-xl md:max-w-6xl mt-2 md:mt-6 lg:mt-10">
Engineers, designers, hackers and entire
organizations rely on us for interoperability,
automation and collaboration to deliver better
buildings, faster.
</p>
<div class="mt-5 mx-auto md:mt-8">
<a href="/getstarted" class="items-center justify-center px-8 py-3 border border-transparent transition text-base font-medium rounded-md text-white bg-blue-600 hover:bg-blue-700 hover:shadow-xl md:py-4 md:text-lg md:px-10">
Join the Beta
</a>
<a href="/getstarted" class="items-center justify-center px-8 py-3 border border-transparent transition text-base font-medium rounded-md text-white bg-blue-600 hover:bg-blue-700 hover:shadow-xl md:py-4 md:text-lg md:px-10">
Join the Beta
</a>
<a href="https://v1.speckle.systems" target="_blank" class="ml-4 text-gray-500 text-xs transition hover:text-blue-500">Looking for V1?</a>
</div>
</div>
</main>
</main>
+35 -27
View File
@@ -1,35 +1,43 @@
<div class="relative w-default container my-10 mx-auto mt-10 sm:mt-34">
{{!-- <div class="relative w-default container my-10 mx-auto mt-10 sm:mt-24 bg-white dark:bg-gray-800 p-10 rounded-xl shadow-xl"> --}}
{{!-- <h3 class="text-xl my-2 text-blue-600">Who uses Speckle</h3>
<div class="text-gray-500 pb-10">
Speckle was seen in the wild at
</div> --}}
<div class="grid grid-cols-2 sm:grid-cols-4 gap-4 text-gray-500 dark:text-gray-600">
<div class="p-3 h-20 flex items-center justify-center">
Arup
</div>
<div class="p-3 h-20 text-center align-center flex items-center justify-center">
Atkins
</div>
<div class="p-3 h-20 text-center align-center flex items-center justify-center">
Royal Haskoning
</div>
<div class="p-3 h-20 text-center align-center flex items-center justify-center">
HOK
</div>
<div class="relative w-default container mb-10 mx-auto mt-4 md:mt-10 sm:mt-34 opacity-75">
<div class="text-gray-500 text-center text-xs w-full mb-10">
Seen in the wild at
</div>
<div class="grid grid-cols-2 sm:grid-cols-4 gap-4 text-gray-500 dark:text-gray-600">
{{!-- Arup --}}
<div class="p-3 h-20 flex items-center justify-center">
<svg viewBox="0 0 1430 496" class="w-24 h-24" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2"><path d="M668.627 0C532.213 0 420.774 111.436 420.774 247.852s111.439 247.854 247.853 247.854c136.416 0 247.854-111.441 247.854-247.854S805.043-.001 668.627-.001zm0 475.212c-125.527 0-227.999-101.832-227.999-228s101.832-227.998 228-227.998c125.528 0 228 101.83 228 227.999 0 126.167-103.114 227.999-228 227.999zm-468.17-251.055c-90.298-16.012-158.825-35.225-158.825-100.55 0-64.045 59.561-103.753 142.18-103.753 69.167 0 125.527 29.46 157.549 71.73l17.292-10.248C323.427 33.303 261.3-.001 184.447-.001 89.663 0 21.776 47.393 21.776 123.606c0 78.135 76.213 102.472 176.762 119.764 91.585 16.012 161.394 40.346 161.394 114.637 0 72.372-67.889 116.564-162.674 116.564-80.056 0-144.74-37.145-179.325-89.662L0 395.794c37.786 58.921 108.236 99.27 195.977 99.27 106.315 0 183.168-51.877 183.168-137.057 0-87.098-76.853-115.918-178.685-133.85h-.003zm800.561-185.73h.642l192.776 451.516h21.775l191.495-451.516h.636v451.516h21.145V5.763h-32.027l-191.494 456h-.64l-194.06-456h-30.1V489.3h19.854V38.427h-.002z" fill="#888" fill-rule="nonzero"/></svg>
</div>
{{!-- Woods B --}}
<div class="p-3 h-20 text-center align-center flex items-center justify-center">
BIG
<svg class="w-24 h-24" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 1212 503"><defs/><path fill="gray" fill-rule="nonzero" d="M1141.9 76.6h61.7c-.3-53.7-47.8-76.6-95-76.6-44.6 0-96.7 20.5-96.7 72.3 0 43.7 35.7 58.9 69.5 68.5 34.1 9.6 68.2 13.6 68.2 34.4 0 17.7-19.2 24.2-37.8 24.2-26.4 0-43.7-9-45-36.9h-62c.3 60.8 48.7 84.7 103 84.7 52 0 103.5-19.3 103.5-79.4 0-42.8-34.7-59-68.8-68.6-34.7-9.6-68.9-13-68.9-31.3 0-15.5 16.8-20.1 30.1-20.1 19 0 39 7 38.2 28.8m-137.4 46.2C1004.5 49.3 960.8 5 888.2 5h-102v237.5h102c72 0 116.3-41.9 116.3-119.7m-61.7-.3c0 47.4-18.6 65.7-65.5 67h-29.1V58.3h29.1c41.9 0 65.5 20.8 65.5 64.2M779 123.7C779 55 736.8 0 661.8 0c-74.7 0-117.2 54.9-117.2 123.7 0 68.9 42.2 123.8 117.2 123.8S779 192.5 779 123.7m-62 0c0 35.4-15.2 70.4-55.2 70.4s-55.2-35.3-55.2-70.4c0-35.3 15.2-70.4 55.2-70.4s55.2 35 55.2 70.4m-176.8 0C540.2 55 498.1 0 423.3 0c-74.7 0-117.2 54.9-117.2 123.7 0 68.9 42.2 123.8 117.2 123.8 74.8 0 117-55 117-123.8m-62 0c0 35.4-15.3 70.4-55.3 70.4s-55.2-35.3-55.2-70.4c0-35.3 15.2-70.4 55.2-70.4s55.2 35 55.2 70.4M259 242.5L320.4 5h-62l-33.6 173.6h-.6L189.2 5h-58l-35 173.6h-.7L62 5H0l60.2 237.5h63l36.5-163.7h.6L197 242.5h62zm-86.6 17.4H61.1v237.5h114.1c50.9 0 92.4-17.3 92.4-73.8a56 56 0 00-40.9-56.1 53.6 53.6 0 0031.3-48c0-49.7-45-60.2-85.6-59.6m-49.3 133.3h49.6c18.7 0 33.2 6.8 33.2 28 0 19.5-13.6 26.6-33.2 26.6h-49.6v-54.6zm47.8-85.6c13 0 25.4 5.6 25.4 23 0 16.7-14.6 22.6-25.4 22.6H123v-45.6H171zM342.7 260L254 497.4h63.6l14.9-42.5h82.8l14.5 42.5h64.5L405.6 260h-62.9zm4 148.8l27-83h.6l26.4 83h-54zm123.5-30c0 68.8 46.5 123.7 118.4 123.7 22 0 50-8 66-31l3.8 26h40v-130h-99.9v46h43.1c-3.4 21.7-23.8 36-54.5 36-40 0-55.2-35.4-55.2-70.4 0-35.4 15.2-70.4 55.2-70.4 24.8 0 45 12.4 46.8 32.5h61.7c-5.6-59.5-58.3-85.9-107.3-85.9-71.6-.3-118.1 54.6-118.1 123.5m232 0c0 68.8 42.1 123.7 117.1 123.7 74.8 0 117.3-54.9 117.3-123.7 0-68.9-42.2-123.8-117.3-123.8-75 0-117.2 54.9-117.2 123.8m62 0c0-35.4 15.2-70.4 55.2-70.4s55.2 35.3 55.2 70.4c0 35.3-15.1 70.3-55.2 70.3-40 0-55.2-35-55.2-70.3M927 313.2h70.7v184.2h62V313.2h70.7V260H927v53.3zM1128 455h-34.2v4.7h14.3v37.8h5.5v-37.8h14.3v-4.7zm9.5 0h-7.7v42.5h5.2v-35.3l13.4 35.3h5l13.3-35.3v35.3h5.2V455h-7.7l-13.3 35.7-13.4-35.7z"/></svg>
</div>
{{!-- HOK --}}
<div class="p-3 h-20 text-center align-center flex items-center justify-center opacity-75">
<svg class="w-14 h-16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 558 558"><defs/><path fill="gray" fill-rule="nonzero" d="M0 0h557.2v557.2H0z"/><path fill="#fff" fill-rule="nonzero" d="M87.4 11.8h20.3v309.4H87.4V333h83.2v-11.8h-21.7v-91.9c8-12.8 34.2-28.2 50.9-28.2 10.7 0 20.4 8.7 20.4 23.6v96.5H201V333h83.2v-11.8h-22.8V217.4c0-12-8.2-33.1-38.1-34.2-33.5-1.1-62.8 21.8-70 28.5-2.7 2.5-4.4.7-4.4-1.3V0H87.4v11.8zM280.9 245.1h34.8v-34.8h13.5v34.8h34.9v13.6h-34.9v34.7h-13.5v-34.7H281V245z"/><path fill="#fff" fill-rule="nonzero" d="M425 262.2l-.2 59h21.6V333h-83.2v-11.8h20.3V12h-20.3V0h61.6v244.6c0 2.2 2 3.3 4.3 1.4l67.4-54.5h-22.2v-11.8h68.4v11.8h-19c-7.9 0-19.8 6.3-26.4 11.7-8.4 7-15.7 12.8-15.7 12.8l64 105.2h11.6V333h-83v-11.8h21l-47.3-77.7-23 18.7z"/><path fill="#fff" d="M266 161.8c-49.4.1-84.2-34.1-84.2-75 0-40.7 34.8-75 84.3-75 49.4 0 84.2 34.3 84.2 75 0 40.9-34.8 75.1-84.2 75zm-39.5-75c0 56.6 16.6 63.4 39.6 63.7 23-.3 39.7-7.1 39.5-63.7.2-56.5-16.5-63.3-39.5-63.6-23 .3-39.7 7.1-39.6 63.6z"/></svg>
</div>
{{!-- Royal --}}
<div class="p-3 h-20 text-center align-center flex items-center justify-center">
<svg class="w-36 h-36" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 1280 469"><defs/><path fill="#848484" fill-rule="nonzero" d="M327.1 205.4h26.7c30.1 0 44.3 8.4 44.3 34.2 0 16-5.6 25.4-17 30.1l21.2 36.3v.4h-10.7c-7.1 0-10 0-13.6-6l-15.6-26.6h-16.9v32.6h-18.4v-101zm27.7 15.2h-9.3v38h9.3c16.4 0 24-3.7 24-19 0-15.4-7.6-19-24-19M445.6 230.9c23 0 34.7 12.1 34.7 38.5s-11.8 38.5-34.7 38.5c-23 0-34.7-12.1-34.7-38.5s11.7-38.5 34.7-38.5m0 63.1c11.4 0 16.6-7.7 16.6-24.6 0-16.9-5.2-24.6-16.6-24.6-11.6 0-16.6 7.7-16.6 24.6 0 16.9 5 24.6 16.6 24.6M503.8 332.5l9.8-26-27.6-73.7v-.5h16.8l12.9 35.8c2.8 7.8 4.6 13.8 6.2 20.6h.3a184 184 0 016.1-20.6l13-35.8h17.4v.5L523 327.7c-2 5.3-6.8 5.3-14 5.3h-5.3v-.5zM630 256v50.4h-4.2a30.2 30.2 0 01-9.7-5c-4.5 3.9-10.9 6.5-22.1 6.5-18.7 0-28.3-7-28.3-24.6 0-17.5 9.6-24.4 28.9-24.4 7 0 13 1.2 18 2.7v-4c0-9.5-3.8-12-16.8-12-8.7 0-16 1.1-24.5 2.8l-1.6-14.3a121 121 0 0129.2-3.2c21.5 0 31 7 31 25.2m-17.4 34.6v-16.6c-4.3-1.1-9-1.9-15.7-1.9-10 0-13 4.6-13 11.1 0 6.7 3 11.3 13 11.3 7.2 0 12-2 15.7-3.9M649.6 290.3v-70.6c0-7 0-11.5 17.5-15.8v81.8c0 4.9 2.2 6.2 5.6 6.2 2 0 3.4-.1 5-.3l.6 14.3c-3.5.8-8.4 1.3-13.6 1.3-9.4 0-15.1-4.9-15.1-16.9M381 398.4h-35.5V442h-18.4V340.9h18.4V383H381V341h18.4v101H381v-43.5zM482 391.6V442H478a31.2 31.2 0 01-9.8-5c-4.4 3.8-10.8 6.4-22 6.4-18.8 0-28.4-7-28.4-24.6 0-17.5 9.6-24.4 29-24.4a61 61 0 0117.8 2.7v-4c0-9.5-3.7-12-16.7-12-8.6 0-15.9 1.1-24.5 2.8l-1.6-14.3c9-1.9 16.2-3.2 29.2-3.2 21.5 0 31.1 7 31.1 25.2m-17.5 34.7v-16.7a57 57 0 00-15.7-1.9c-9.9 0-13 4.6-13 11.1 0 6.7 3.1 11.3 13 11.3 7.3 0 12-2 15.7-3.8M498.7 440.2l1.6-14c8.6 1.7 14.4 2.7 23 2.7 10 0 15.4-2 15.4-7.7 0-6.4-10-7.7-19-9.8-8.7-2-19.9-4.9-19.9-22.2 0-14.7 9-22.8 28.6-22.8 11.3 0 18.1 1.3 25.7 3.2l-1.6 14a86.7 86.7 0 00-21-2.7c-10 0-13.9 2-13.9 7.4 0 6.7 8.5 7.7 17.5 10 8.8 2.4 21.4 5 21.4 21.7 0 15.3-10.4 23.4-30.1 23.4a108 108 0 01-27.7-3.2M574 355.3c0-7 0-11.6 17.5-16V442H574v-86.7zm42.3 12.5h20.2v.5l-23.1 34 23.7 39.2v.5h-11c-4.4 0-9.3 0-13.2-6.4l-19.5-32.2 23-35.6zM679.8 366.4c23 0 34.7 12.1 34.7 38.5s-11.7 38.5-34.7 38.5c-23 0-34.7-12.1-34.7-38.5s11.7-38.5 34.7-38.5m0 63.1c11.4 0 16.6-7.7 16.6-24.6 0-16.9-5.2-24.6-16.6-24.6-11.6 0-16.6 7.7-16.6 24.6 0 16.9 5 24.6 16.6 24.6M731.4 367.8h4.1a34 34 0 017.7 3.6c4.6-3 11.5-5 21-5 19.8 0 29.4 7 29.4 30V442h-17.5v-43c0-14-3.6-17.8-13.6-17.8a30 30 0 00-13.6 3V442h-17.5v-74.2zM813.2 340.9h17.5v17.8h-17.5v-17.8zm0 27h17.5v74h-17.5v-74zM851.2 367.8h4.1c3.4 1.2 5.7 2.3 7.7 3.6 4.6-3 11.4-5 21-5 19.8 0 29.4 7 29.4 30V442H896v-43c0-14-3.7-17.8-13.6-17.8-6.1 0-10.2 1.3-13.6 3V442h-17.5v-74.2zM929.4 403.4c0-29.3 10.7-37 30.4-37 9.7 0 16.5 2 21 5 2.1-1.3 4.4-2.4 7.8-3.6h4.1v75.5c0 18-9.6 25.2-31.1 25.2a120 120 0 01-29.2-3.3L934 451a126 126 0 0024.5 2.7c13 0 16.7-2.4 16.7-11.9v-5.5c-4 2.7-9.2 3.9-15.4 3.9-19.7 0-30.4-7.7-30.4-36.8m45.8 19.1v-38.3c-3.4-1.7-7.7-3-13.6-3-10 0-14 3.8-14 22.2 0 18.1 4 22 14 22 6 0 10.2-1.4 13.6-2.9M1015 340.9h30.5c30 0 45.5 15.8 45.5 50.5 0 34.6-15.4 50.6-45.5 50.6h-30.6V340.9zm31.5 15.2h-13.2v70.6h13.2c16.3 0 25.2-11.1 25.2-35.3 0-24.3-8.9-35.3-25.2-35.3M1163.8 398.4h-35.4V442H1110V340.9h18.4V383h35.4V341h18.4v101h-18.4v-43.5zM1196.5 341.3v-.4h19.2l16 54.5c2.8 9.4 4.9 19.1 6.2 26h.3c1.2-6.9 3.3-16.6 6-26l14.6-48.6c1.6-5.3 7.1-6 14.2-6h6.4v.5L1247.7 442h-19.4l-31.8-100.7zM211.4 217.1l-60 51 17.2-99L79 86.3 178 115C103.8 29.1 0 46.7 0 46.7s25.2 86.9 121.1 126.9c-31.3 54.8-25.8 111.4-3.5 167.3l92-82.6c4 4.8 11.1 12 24.9 17.5a67.2 67.2 0 0050 .3l-73.1-59z"/><path fill="#848484" fill-rule="nonzero" d="M0 46.7s25.2 86.9 121.1 126.9c-31.3 54.8-25.8 111.4-3.5 167.3l92-82.6c4 4.8 11.1 12 24.9 17.5a67.3 67.3 0 0050 .3l-73.1-59-60 51 17.2-99L79 86.3 178 115A202.7 202.7 0 0023 45.2c-14.2 0-23 1.5-23 1.5zM232.4 89.1L243 3.7a59 59 0 00-62.4 13.6 58.4 58.4 0 000 82.7l10.8-62 35.7 91 65.4 18.8-43.8 37.7C335 177.2 370 114.2 370 114.2l-137.5-25z"/><g transform="translate(-2886.4 -1731.7) scale(8.33333)"><clipPath id="a"><path d="M368 209.9a7 7 0 000 10l1.3-7.5 4.3 10.9 7.9 2.2-5.3 4.6c10.4-1 14.6-8.6 14.6-8.6l-16.5-3 1.2-10.3c-.8-.3-1.7-.4-2.5-.4a7 7 0 00-5 2z" clip-rule="nonzero"/></clipPath><g clip-path="url(#a)"><path fill="#848484" d="M365.2 207.2h25.6V230h-25.6z"/></g></g></svg>
</div>
</div>
<div class="grid grid-cols-2 sm:grid-cols-4 gap-4 text-gray-500 dark:text-gray-600">
{{!-- BIG --}}
<div class="p-3 h-20 text-center align-center flex items-center justify-center">
<svg class="w-20 h-20" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 1111 504"><defs/><path fill="#8d8d8d" fill-rule="nonzero" d="M705.9 503.5V0h404.8v98.7h-306v306h207.2V301.2h-98.7v-98.7h197.5v301.1H705.9zm-197.5 0V0h93.8v503.5h-93.8zm-306-301.1V98.7H98.7v103.7h103.7zM306 404.8V301H98.7v103.7h207.4zM0 503.5V0h301l1.3 100 1.3 100 50.6 1.3 50.6 1.4v300.8H0z"/></svg>
</div>
{{!-- Sasaki --}}
<div class="p-3 h-20 text-center align-center flex items-center justify-center">
<svg class="w-24 h-36" viewBox="0 0 1756 459" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2"><g fill-rule="nonzero"><g fill="#a7a7a7"><path d="M92.083 177.339l41.86 25.81-32.294 52.822-41.854-25.81c-1.596-.803-3.985-2.404-7.177-4.803-24.713-17.606-40.858-41.615-48.434-72.029-7.97-33.61-2.987-65.021 14.953-94.233 17.935-29.211 43.45-47.82 76.537-55.824 31.491-6.803 60.393-3.003 86.702 11.406l7.172 3.601 46.044 28.813-32.887 52.817-46.044-28.21c-1.192-1.201-3.387-2.603-6.574-4.204-12.758-5.6-26.114-6.803-40.064-3.6-15.945 3.6-28.703 12.807-38.269 27.61-8.767 15.605-11.161 31.41-7.176 47.42 3.191 13.202 10.164 24.409 20.927 33.61.399.4.997.904 1.795 1.502a31.527 31.527 0 002.694 1.8c.992.599 1.69 1.103 2.09 1.502zM572.839 174.94v279.706H510.65V174.94h62.189zM386.872 454.646h-61.586V174.94h61.586v279.706zM845.502 233.762c26.31 18.807 42.653 44.214 49.032 76.228 6.379 32.01 1.197 62.024-15.546 90.033-11.56 18.808-26.807 33.312-45.745 43.516-18.932 10.204-38.967 15.306-60.093 15.306-20.33 0-39.466-4.603-57.401-13.805-1.596-1.202-3.99-2.598-7.177-4.2l-46.044-28.812 32.289-52.822 46.044 28.214c.798.4 3.386 1.8 7.775 4.2 13.551 6.004 27.8 6.703 42.753 2.1 14.947-4.6 26.408-13.507 34.378-26.709 8.374-13.206 11.262-27.41 8.673-42.617-2.593-15.207-9.665-27.61-21.226-37.212-3.192-2.404-5.78-4.204-7.776-5.406l-41.256-25.805 32.289-52.822 41.855 25.81c3.191 2.399 5.58 4 7.176 4.803zM1235.366 174.94v279.706h-62.188V174.94h62.188zM1049.404 454.646h-61.59V174.94h61.59v279.706zM1500.26 149.728l-43.655-43.815L1560.653 1.471l43.65 43.82-104.043 104.437zM1604.303 415.03l-43.65 43.815-104.048-104.437 43.655-43.82 104.043 104.443zM1325.056 455.244V5.072h61.59v450.172h-61.59zM1755.582 454.646h-61.59V229.557h61.59v225.089z"/></g><g fill="#959595"><path d="M182.975 233.762c26.308 18.807 42.652 44.214 49.031 76.228 6.38 32.01 1.197 62.024-15.546 90.033-11.56 18.808-26.812 33.312-45.745 43.516-18.937 10.204-38.967 15.306-60.093 15.306-20.33 0-39.466-4.603-57.406-13.805-1.59-1.202-3.985-2.598-7.172-4.2L0 412.029l32.289-52.822 46.044 28.214c.798.4 3.386 1.8 7.77 4.2 13.556 6.004 27.805 6.703 42.758 2.1 14.947-4.6 26.408-13.507 34.378-26.709 8.374-13.206 11.262-27.41 8.673-42.617-2.593-15.207-9.67-27.61-21.226-37.212-3.192-2.404-5.78-4.204-7.776-5.406l-41.26-25.805 32.293-52.822 41.855 25.81c3.187 2.399 5.58 4 7.177 4.803zM572.839 124.517v50.423H510.65v-50.423c0-17.207-5.98-31.91-17.94-44.114-11.96-12.205-26.508-18.31-43.65-18.31s-31.79 6.105-43.95 18.31c-12.159 12.204-18.238 26.907-18.238 44.114v50.423h-61.586v-50.423c0-34.414 12.055-63.72 36.174-87.93C385.58 12.375 414.776.275 449.06.275c34.284 0 63.485 12.1 87.6 36.314 24.119 24.209 36.179 53.515 36.179 87.929zM510.65 258.37v61.824H386.872V258.37H510.65zM754.611 177.339l41.86 25.81-32.289 52.822-41.86-25.81c-1.59-.803-3.985-2.404-7.172-4.803-24.717-17.606-40.862-41.615-48.438-72.029-7.97-33.61-2.987-65.021 14.953-94.233 17.935-29.211 43.45-47.82 76.537-55.824 31.49-6.803 60.393-3.003 86.702 11.406l7.177 3.601 46.039 28.813-32.887 52.817-46.04-28.21c-1.196-1.201-3.39-2.603-6.578-4.204-12.758-5.6-26.11-6.803-40.064-3.6-15.945 3.6-28.703 12.807-38.269 27.61-8.768 15.605-11.162 31.41-7.177 47.42 3.192 13.202 10.17 24.409 20.933 33.61.399.4.992.904 1.79 1.502a31.527 31.527 0 002.693 1.8c.998.599 1.696 1.103 2.09 1.502zM1235.366 124.517v50.423h-62.188v-50.423c0-17.207-5.98-31.91-17.94-44.114-11.955-12.205-26.508-18.31-43.65-18.31s-31.79 6.105-43.95 18.31c-12.154 12.204-18.234 26.907-18.234 44.114v50.423h-61.59v-50.423c0-34.414 12.06-63.72 36.174-87.93 24.12-24.213 53.321-36.313 87.6-36.313 34.284 0 63.485 12.1 87.6 36.314 24.119 24.209 36.178 53.515 36.178 87.929zM1173.178 258.37v61.824h-123.774V258.37h123.774zM1463.782 186.341c-11.96 12.005-17.94 26.613-17.94 43.82s5.98 31.81 17.94 43.815l36.478 36.612-43.655 43.82-36.473-36.618c-16.743-16.802-27.905-37.012-33.486-60.622v-54.02c5.98-24.408 17.142-44.617 33.486-60.622l36.473-36.613 43.655 43.815-36.478 36.613zM1755.582 229.557h-61.59V4.474h61.59v225.083z"/></g></g></svg>
</div>
{{!-- WSP --}}
<div class="p-3 h-20 mt-3 text-center align-center flex items-center justify-center">
<svg class="w-24 h-24" viewBox="0 0 934 439" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2"><path d="M869.754 119.438c0-49.823-18.238-91.387-42.05-118.618h69.215c22.719 27.682 36.76 74.771 36.76 118.618v.156c0 43.92-14.077 91.084-36.866 118.753h-69.216c23.848-27.232 42.157-68.845 42.157-118.753v-.156zM63.824 0H0l87.594 237.559h33.922l14.953-40.557L63.824 0zm171.229 0h-63.825l87.594 237.559h33.923l14.953-40.557L235.053 0zm487.554 438.944V.01h-61.07v438.934h61.07zM383.094 36.055c.988-12.17 3.21-24.158 8.256-35.235h55.845c-4.657 8.431-9.032 23.795-4.057 39.063 4.515 13.797 14.04 23.21 26.07 30.96 14.288 9.183 30.904 14.295 46.179 21.424 16.051 7.458 31.644 15.269 45.05 26.903 19.473 16.906 31.327 36.961 33.232 62.88.247 3.097.353 6.205.353 9.317 0 16.238-2.576 32.332-9.808 46.98h-57.362c5.645-9.596 10.09-22.677 9.278-34.75-2.01-29.93-38.558-46.288-69.18-59.905-4.656-2.078-9.243-4.117-13.617-6.156-13.441-6.293-26.67-13.518-38.136-23.054-11.853-9.85-20.884-19.713-26.388-34.177-4.868-12.693-6.632-26.455-5.997-39.984.07-1.422.177-2.844.282-4.266" fill="#848484" fill-rule="nonzero"/></svg>
</div>
<div class="p-3 h-20 text-center align-center flex items-center justify-center">
Aurecon
</div>
<div class="p-3 h-20 text-center align-center flex items-center justify-center">
Grimshaw
</div>
<div class="p-3 h-20 text-center align-center flex items-center justify-center">
SNC Lavalin
{{!-- Grimshaw --}}
<svg class="w-36 h-36" viewBox="0 0 2212 274" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2"><path d="M154.81 41.668c-31.608.284-55.725 9.417-72.583 27.325C65.21 87.002 56.61 109.802 56.61 137.602c0 27.608 8.175 49.933 24.5 67.083 16 18.017 38.525 27.158 67.45 27.35 14.767 0 26.617-1.225 35.767-3.783v-68.967H126.86v-41.758h109.375v142.591c-28.942 8.567-58.192 13.1-87.675 13.659-44.5 0-80.042-11.017-106.725-32.975C14.193 219.21.227 186.135-.007 141.46 1.802 48.168 51.335 1.052 148.56.002c30.525.3 57.025 3.975 79.533 11.041L224.66 55.81c-22.808-9.442-46.058-14.142-69.85-14.142M1831.75 4.542h57l50.442 211.566h.775l46.2-211.566h73.675l47.758 211.566h.75l50.833-211.566h52.809l-70.659 264.708h-69.8L2022.608 57.6h-.766l-48.075 211.65h-70.259L1831.75 4.542zM358.47 117.528h17.867c6.966 0 13.958-.466 20.958-1.408 6.7-.85 12.8-2.55 18.225-4.992 5.425-2.541 9.975-6.225 13.542-11.041 3.175-5.084 4.7-11.484 4.7-19.209 0-8.208-1.525-14.608-4.7-19.416-3.567-4.525-8.109-8.009-13.542-10.267-5.425-2.258-11.525-3.775-18.225-4.533-7-.284-13.992-.375-20.958-.375H358.47v71.241zM304.178 4.545h58.584c14.966 0 30 .192 44.983.367 15.008.775 28.708 3.308 41.117 7.641 12.716 4.059 22.766 11.117 30.316 21.209 7.217 9.8 11 24.033 11.234 42.5 0 15.65-4.9 29.116-14.767 40.516-9.8 11.409-23.5 18.384-41.092 20.834v.85c7.234.658 13.167 3.858 17.842 9.416 4.675 5.575 8.275 11.517 10.867 17.9l43.45 103.475h-60.509l-32.608-82.75c-3.392-9.791-7.617-16.941-12.825-21.191-5.4-4.042-13.692-6.017-24.833-6.017H358.47v109.958h-54.292V4.545z" fill="gray" fill-rule="nonzero"/><path fill="gray" d="M556.776 4.545h54.3v264.708h-54.3z"/><path d="M692.512 4.542h86.991l64.4 200.633h.734L909.103 4.542h86.867V269.25h-51.933V50.9h-.825l-72.934 218.35H818.27L745.337 50.9l-.767.75v217.6h-52.058V4.542zM1162.84 41.677c-4.683 0-9.325.566-13.992 1.608-4.925 1.025-9.575 2.908-13.991 5.65-4.142 2.525-7.609 6.3-10.5 11.392-2.784 4.8-4.209 10.933-4.209 18.183 0 5.475 1.784 10.183 5.434 14.042 3.633 3.775 8.158 7.266 13.566 10.183a173.914 173.914 0 0019.434 8.383c6.708 2.825 13.8 5.65 21.316 8.675 7.5 2.825 14.75 6.109 21.734 9.884 7.216 4.066 13.566 8.958 19 14.8 5.441 5.558 9.966 12.25 13.583 20.083 3.117 8.1 4.658 17.808 4.658 29.208-.516 28.55-10.466 48.992-29.85 61.442-19.408 12.342-43.3 18.575-71.783 18.575-13.95 0-25.767-1.058-35.325-3.025a898.998 898.998 0 01-34.167-7.25l5.067-47.8c19.142 10.65 39.542 16.125 61.292 16.325 11.108 0 21.875-2.833 32.241-8.292 10.284-5.566 15.592-14.233 15.834-25.825 0-6.241-1.542-11.783-4.584-16.3-3.65-4.533-8.2-8.3-13.608-11.316-11.875-6.142-25.5-11.975-40.708-17.525-7.55-3.025-14.634-6.6-21.367-10.559-7.017-3.766-13.475-8.3-19.367-13.666-5.516-5.559-10.016-12.25-13.616-20.167-3.625-7.825-5.459-16.967-5.459-27.517.542-29.408 10.492-50.416 29.934-63.041 18.541-11.875 40.191-17.825 64.75-17.825 23.275 0 44.875 3.216 64.808 9.533l-5.058 43.533c-17.309-7.341-35.725-11.108-55.067-11.391M1295.89 4.542h54.342v106.95h108.608V4.542h54.35V269.25h-54.35v-116.1h-108.608v116.1h-54.342V4.542zM1693.24 57.598h-.825l-39.175 109.217h79.142L1693.24 57.598zM1663.332 4.54h61.333l106.267 264.708h-60.125l-23.3-60.691h-109.784l-23.666 60.691h-56.234L1663.332 4.54z" fill="gray" fill-rule="nonzero"/></svg>
</div>
</div>
</div>
+21 -15
View File
@@ -1,37 +1,43 @@
<div class="flex w-full py-10 lg:py-32 ">
<div class="w-default grid grid-cols-1 lg:grid-cols-2 gap-10">
<div class="relative">
<h2 class="text-4xl pl-5 mb-5 font-bold text-blue-600 border-l-4 dark:border-gray-700">Open
Source</h2>
<p class="pl-5 text-lg text-gray-800 dark:text-gray-400">
Our mission is to transform the AEC industry for
the
better by providing an <b>open source</b> data
platform
that everyone can use and extend. What does this
mean?
</p>
<div class="border-l-4 dark:border-gray-700">
<h2 class="text-4xl pl-5 mb-5 font-bold text-blue-600 ">Open
Source</h2>
<p class="pl-5 text-lg text-gray-800 dark:text-gray-400">
Our mission is to transform the AEC industry for
the
better by providing an <b>open source</b> data
platform
that everyone can use and extend. What does this
mean?
</p>
</div>
<ul class="pl-5 pt-5 text-lg text-gray-800 dark:text-gray-400 list-inside list-disc">
<li class="mt-2">
<b class="text-blue-600">Independence:</b>
No vendor or cloud lock-in.
no vendor or cloud provider lock-in.
</li>
<li class="mt-2">
<b class="text-blue-600">Data sovereignty:</b>
You always have a choice how and where your data
is stored.
choose how and where your data is stored
</li>
<li class="mt-2">
<b class="text-blue-600">Longevity:</b>
Open source code keeps thriving when business plans change.
open source code keeps thriving when business
plans change.
</li>
</ul>
<p class="mt-5 pl-5 text-lg text-gray-800 dark:text-gray-400">
Star us ⭐️ on <a href="https://github.com/specklesystems/speckle-server" class="text-blue-500 font-normal">Github!</a>
Star us ⭐️ on <a href="https://github.com/specklesystems/speckle-server"
target="_blank" class="text-blue-500 font-normal">Github</a>,
or stop by the <a href="http://speckle.community"
target="_blank" class="text-blue-500 font-normal">Community
forum</a> for a chat!
</p>
</div>
<div class="flex justify-center">
-124
View File
@@ -1,124 +0,0 @@
<div class="bg-white dark:bg-gray-900 p-0 pb-8">
<div class="max-w-7xl mx-auto grid gap-y-6 px-4 sm:grid-cols-2 sm:gap-12 sm:px-6 sm:py-8 lg:grid-cols-4 lg:px-8">
<a href="/blog" class="-m-3 p-3 flex flex-col justify-between rounded-lg transition dark:bg-gray-950 hover:bg-blue-100 dark:hover:bg-gray-800 ring">
<div class="flex-shrink-0">
<span class="inline-flex items-center justify-center h-64 w-64 rounded-md text-gray-500 dark:text-white sm:h-12 sm:w-12">
<svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg"
fill="none" viewBox="0 0 24 24" stroke="currentColor"
aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round"
stroke-width="2" d="M11 5.882V19.24a1.76 1.76 0 01-3.417.592l-2.147-6.15M18 13a3 3 0 100-6M5.436 13.683A4.001 4.001 0 017 6h1.832c4.1 0 7.625-1.234 9.168-3v14c-1.543-1.766-5.067-3-9.168-3H7a3.988 3.988 0 01-1.564-.317z" />
</svg>
</span>
</div>
<div class="flex items-center md:h-full lg:flex-col">
<div class="ml-4 md:flex-1 md:flex md:flex-col md:justify-between lg:ml-0 lg:mt-4">
<div>
<p class="text-base font-medium text-gray-900 dark:text-gray-50">
Blog
</p>
<p class="mt-1 text-sm text-gray-900 dark:text-gray-50">
Latest news, thoughts and geeky tech articles
from the team.
</p>
</div>
<p class="mt-2 text-sm font-medium text-blue-600 lg:mt-4">Read
More <span aria-hidden="true">→</span></p>
</div>
</div>
</a>
<a href="https://speckle.guide" target="blank" class="-m-3 p-3 flex flex-col justify-between rounded-lg transition dark:bg-gray-950 hover:bg-blue-100 dark:hover:bg-gray-800">
<div class="flex-shrink-0">
<span class="inline-flex items-center justify-center h-64 w-64 rounded-md text-gray-500 dark:text-white sm:h-12 sm:w-12">
<svg class="h-6 w-6" x-description="Heroicon name: chart-bar"
xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke="currentColor"
aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round"
stroke-width="2" d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253" />
</svg>
</span>
</div>
<div class="flex items-center md:h-full lg:flex-col">
<div class="ml-4 md:flex-1 md:flex md:flex-col md:justify-between lg:ml-0 lg:mt-4">
<div>
<p class="text-base font-bold text-gray-900 dark:text-gray-50">
Docs
</p>
<p class="mt-1 text-sm font-normal text-gray-900 dark:text-gray-50">
Documentation and step-by-step guides on how
to
get the best of Speckle.
</p>
</div>
<p class="mt-2 text-sm font-medium text-blue-600 lg:mt-4">Check
it out <span aria-hidden="true">→</span></p>
</div>
</div>
</a>
<a href="https://speckle.community" target="blank"
class="-m-3 p-3 flex flex-col justify-between rounded-lg transition dark:bg-gray-950 hover:bg-blue-100 dark:hover:bg-gray-800">
<div class="flex-shrink-0">
<span class="inline-flex items-center justify-center h-64 w-64 rounded-md text-gray-500 dark:text-white sm:h-12 sm:w-12">
<svg class="h-6 w-6" x-description="Heroicon name: chart-bar"
xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke="currentColor"
aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round"
stroke-width="2" d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z" />
</svg>
{{!-- <img src="{{img_url feature_image size="m"}}"> --}}
</span>
</div>
<div class="flex items-center md:h-full lg:flex-col">
<div class="ml-4 md:flex-1 md:flex md:flex-col md:justify-between lg:ml-0 lg:mt-4">
<div>
<p class="text-base font-bold text-gray-900 dark:text-gray-50">
Community
</p>
<p class="mt-1 text-sm font-normal text-gray-900 dark:text-gray-50">
Where specklers usually hang out. Q&As, Dev
Help,
Showcases, and more!
</p>
</div>
<p class="mt-2 text-sm font-medium text-blue-600 lg:mt-4">Register
now <span aria-hidden="true">→</span></p>
</div>
</div>
</a>
<a href="https://github.com/specklesystems/speckle-server"
class="-m-3 p-3 flex flex-col justify-between rounded-lg transition dark:bg-gray-950 hover:bg-blue-100 dark:hover:bg-gray-800">
<div class="flex-shrink-0">
<span class="inline-flex items-center justify-center h-64 w-64 rounded-md text-gray-500 dark:text-white sm:h-12 sm:w-12">
<svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24"
aria-hidden="true">
<path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
clip-rule="evenodd"></path>
</svg>
</span>
</div>
<div class="flex items-center md:h-full lg:flex-col">
<div class="ml-4 md:flex-1 md:flex md:flex-col md:justify-between lg:ml-0 lg:mt-4">
<div>
<p class="text-base font-medium text-gray-900 dark:text-gray-50">
Github
</p>
<p class="mt-1 text-sm text-gray-900 dark:text-gray-50">
Check out the Speckle source code and give us
a
star ⭐️
</p>
</div>
<p class="mt-2 text-sm font-medium text-blue-600 lg:mt-4">Read
More <span aria-hidden="true">→</span></p>
</div>
</div>
</a>
</div>
</div>
+114
View File
@@ -0,0 +1,114 @@
<div class="bg-white dark:bg-gray-900 p-0 pb-8">
<div class="max-w-7xl mx-auto grid gap-y-6 px-4 sm:grid-cols-2 sm:gap-12 sm:px-6 sm:py-8 lg:grid-cols-4 lg:px-8">
<a href="/blog" class="-m-3 p-3 flex flex-col justify-between rounded-lg transition dark:bg-gray-950 hover:bg-blue-100 dark:hover:bg-gray-800 ring">
<div class="flex items-center md:h-full lg:flex-col">
<div class="ml-4 md:flex-1 md:flex md:flex-col md:justify-between lg:ml-0 lg:mt-4">
<div>
<p class="text-base text-2xl font-medium text-gray-900 dark:text-gray-50">
<span class="inline-flex items-center justify-center h-64 w-64 rounded-md text-gray-500 dark:text-white sm:h-12 sm:w-12">
<svg class="h-5 w-5" xmlns="http://www.w3.org/2000/svg"
fill="none" viewBox="0 0 24 24" stroke="currentColor"
aria-hidden="true">
<path stroke-linecap="round"
stroke-linejoin="round" stroke-width="2"
d="M11 5.882V19.24a1.76 1.76 0 01-3.417.592l-2.147-6.15M18 13a3 3 0 100-6M5.436 13.683A4.001 4.001 0 017 6h1.832c4.1 0 7.625-1.234 9.168-3v14c-1.543-1.766-5.067-3-9.168-3H7a3.988 3.988 0 01-1.564-.317z" />
</svg>
</span>Blog
</p>
<p class="mt-1 text-sm text-gray-900 dark:text-gray-50">
Latest news, thoughts and geeky tech articles
from the team.
</p>
</div>
<p class="mt-2 text-sm font-medium text-blue-600 lg:mt-4">Read
More <span aria-hidden="true">→</span></p>
</div>
</div>
</a>
<a href="https://speckle.guide" target="_blank" class="-m-3 p-3 flex flex-col justify-between rounded-lg transition dark:bg-gray-950 hover:bg-blue-100 dark:hover:bg-gray-800">
<div class="flex items-center md:h-full lg:flex-col">
<div class="ml-4 md:flex-1 md:flex md:flex-col md:justify-between lg:ml-0 lg:mt-4">
<div>
<p class="text-base text-2xl font-medium text-gray-900 dark:text-gray-50">
<span class="inline-flex items-center justify-center h-64 w-64 rounded-md text-gray-500 dark:text-white sm:h-12 sm:w-12">
<svg class="h-5 w-5 mt-4" x-description="Heroicon name: chart-bar"
xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke="currentColor"
aria-hidden="true">
<path stroke-linecap="round"
stroke-linejoin="round" stroke-width="2"
d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253" />
</svg>
</span>Docs
</p>
<p class="mt-1 text-sm font-normal text-gray-900 dark:text-gray-50">
Documentation and step-by-step guides on how
to
get the best of Speckle.
</p>
</div>
<p class="mt-2 text-sm font-medium text-blue-600 lg:mt-4">Check
it out <span aria-hidden="true">→</span></p>
</div>
</div>
</a>
<a href="http://speckle.community" target="_blank"
class="-m-3 p-3 flex flex-col justify-between rounded-lg transition dark:bg-gray-950 hover:bg-blue-100 dark:hover:bg-gray-800">
<div class="flex items-center md:h-full lg:flex-col">
<div class="ml-4 md:flex-1 md:flex md:flex-col md:justify-between lg:ml-0 lg:mt-4">
<div>
<p class="text-base text-2xl font-medium text-gray-900 dark:text-gray-50">
<span class="inline-flex items-center justify-center h-64 w-64 rounded-md text-gray-500 dark:text-white sm:h-12 sm:w-12">
<svg class="h-5 w-5" x-description="Heroicon name: chart-bar"
xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke="currentColor"
aria-hidden="true">
<path stroke-linecap="round"
stroke-linejoin="round" stroke-width="2"
d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z" />
</svg>
</span>Community
</p>
<p class="mt-1 text-sm font-normal text-gray-900 dark:text-gray-50">
Where specklers usually hang out. Q&As, Dev
Help,
Showcases, and more!
</p>
</div>
<p class="mt-2 text-sm font-medium text-blue-600 lg:mt-4">Register
now <span aria-hidden="true">→</span></p>
</div>
</div>
</a>
<a href="https://github.com/specklesystems/speckle-server"
target="_blank" class="-m-3 p-3 flex flex-col justify-between rounded-lg transition dark:bg-gray-950 hover:bg-blue-100 dark:hover:bg-gray-800">
<div class="flex items-center md:h-full lg:flex-col">
<div class="ml-4 md:flex-1 md:flex md:flex-col md:justify-between lg:ml-0 lg:mt-4">
<div>
<p class="text-base text-2xl font-medium text-gray-900 dark:text-gray-50">
<span class="inline-flex items-center justify-center h-64 w-64 rounded-md text-gray-500 dark:text-white sm:h-12 sm:w-12">
<svg class="h-5 w-5" fill="currentColor"
viewBox="0 0 24 24" aria-hidden="true">
<path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
clip-rule="evenodd"></path>
</svg>
</span>Github
</p>
<p class="mt-1 text-sm text-gray-900 dark:text-gray-50">
Check out the Speckle source code and give us
a
star ⭐️
</p>
</div>
<p class="mt-2 text-sm font-medium text-blue-600 lg:mt-4">Read
More <span aria-hidden="true">→</span></p>
</div>
</div>
</a>
</div>
</div>
+40 -26
View File
@@ -2,14 +2,14 @@
<div class="mt-0 w-full h-20"></div>
{{!-- Actual navbar --}}
<div x-data="{ mobileMenuOpen: false, usecasesMenu: false, developersMenu: false, learnMenu: false, flyoutMenuOpen: false }"
<div x-data="{ mobileMenuOpen: false, usecasesMenu: false, developersMenu: false, resourcesMenu: false, flyoutMenuOpen: false }"
class="fixed top-0 shadow mt-0 w-full bg-white dark:bg-gray-900 dark:text-white z-20">
<div class="relative">
<div class="w-default flex justify-between items-center py-5 sm:py-4 md:justify-between">
{{!-- Logo/Home Link --}}
<div @mouseenter="usecasesMenu = false; learnMenu = false; developersMenu = false">
<div @mouseenter="usecasesMenu = false; resourcesMenu = false; developersMenu = false">
<a href="/" class="flex relative" style="margin-top:-4px;">
<img class="h-8 mr-2 " src="{{@site.logo}}" alt="logo">
<div class="text-2xl text-blue-600 dark:text-blue-500 title-font font-bold mr-5">
@@ -41,12 +41,12 @@
{{!-- use cases menu button --}}
<div class="relative">
<button type="button" @mouseenter="usecasesMenu = true; learnMenu = false; developersMenu = false; flyoutMenuOpen = false;"
<button type="button" @mouseenter="usecasesMenu = true; resourcesMenu = false; developersMenu = false; flyoutMenuOpen = false;"
@click="usecasesMenu = !usecasesMenu;"
x-state:on="Item active" x-state:off="Item inactive"
:class="{ 'text-gray-900 dark:text-gray-50': usecasesMenu, 'text-gray-700 dark:text-gray-400': !usecasesMenu }"
class="group bg-white dark:bg-gray-900 rounded-md text-gray-700 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 inline-flex items-center text-base font-medium focus:outline-none outline-none">
<span>Use Cases</span>
<span>Features</span>
<svg x-state:on="Item active" x-state:off="Item inactive"
class="ml-2 h-5 w-5 text-gray-400 group-hover:text-gray-500"
x-bind:class="{ 'text-gray-600': usecasesMenu, 'text-gray-400': !usecasesMenu }"
@@ -62,7 +62,7 @@
{{!-- developers menu button --}}
<div class="relative">
<button type="button" @mouseenter="developersMenu = true; usecasesMenu = false; learnMenu = false; flyoutMenuOpen = false;"
<button type="button" @mouseenter="developersMenu = true; usecasesMenu = false; resourcesMenu = false; flyoutMenuOpen = false;"
@click="developersMenu = !developersMenu;"
x-state:on="Item active" x-state:off="Item inactive"
:class="{ 'text-gray-900 dark:text-gray-50': developersMenu, 'text-gray-700 dark:text-gray-400': !developersMenu }"
@@ -83,14 +83,14 @@
{{!-- Learn menu button --}}
<div class="relative">
<button type="button" @mouseenter="learnMenu = true; usecasesMenu = false; developersMenu = false; flyoutMenuOpen = false;"
@click="learnMenu = !learnMenu;" x-state:on="Item active"
x-state:off="Item inactive" :class="{ 'text-gray-900 dark:text-gray-50': learnMenu, 'text-gray-700 dark:text-gray-400': !learnMenu }"
<button type="button" @mouseenter="resourcesMenu = true; usecasesMenu = false; developersMenu = false; flyoutMenuOpen = false;"
@click="resourcesMenu = !resourcesMenu;" x-state:on="Item active"
x-state:off="Item inactive" :class="{ 'text-gray-900 dark:text-gray-50': resourcesMenu, 'text-gray-700 dark:text-gray-400': !resourcesMenu }"
class="group bg-white dark:bg-gray-900 rounded-md text-gray-700 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 inline-flex items-center text-base font-medium focus:outline-none outline-none">
<span>Resources</span>
<svg x-state:on="Item active" x-state:off="Item inactive"
class="ml-2 h-5 w-5 text-gray-400 group-hover:text-gray-500"
x-bind:class="{ 'text-gray-600': learnMenu, 'text-gray-400': !learnMenu }"
x-bind:class="{ 'text-gray-600': resourcesMenu, 'text-gray-400': !resourcesMenu }"
x-description="Heroicon name: chevron-down"
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"
fill="currentColor" aria-hidden="true">
@@ -102,11 +102,8 @@
{{!-- About --}}
{{!-- <a href="/about" class="text-base font-medium text-gray-500 hover:text-gray-900 dark:hover:text-gray-100"
@mouseenter="usecasesMenu = false; learnMenu= false; developersMenu = false;">
Company
</a> --}}
<div class="relative" @mouseenter="learnMenu = false; usecasesMenu = false; developersMenu = false; flyoutMenuOpen = true" @mouseleave="">
<div class="relative" @mouseenter="resourcesMenu = false; usecasesMenu = false; developersMenu = false; flyoutMenuOpen = true"
@mouseleave="">
<button type="button" @click="flyoutMenuOpen = !flyoutMenuOpen"
x-state:on="Item active" x-state:off="Item inactive"
:class="{ 'text-gray-900': flyoutMenuOpen, 'text-gray-500': !flyoutMenuOpen }"
@@ -123,8 +120,8 @@
</svg>
</button>
<div x-description="Flyout menu, show/hide based on flyout menu state."
@mouseleave="flyoutMenuOpen = false;"
x-show="flyoutMenuOpen" x-transition:enter="transition ease-out duration-200"
@mouseleave="flyoutMenuOpen = false;" x-show="flyoutMenuOpen"
x-transition:enter="transition ease-out duration-200"
x-transition:enter-start="opacity-0 translate-y-1"
x-transition:enter-end="opacity-100 translate-y-0"
x-transition:leave="transition ease-in duration-150"
@@ -174,12 +171,24 @@
</div>
</div>
<div class="relative" @mouseenter="resourcesMenu = false; usecasesMenu = false; developersMenu = false; flyoutMenuOpen = false">
&nbsp;
</div>
</nav>
{{!-- CTA --}}
<div class="flex items-center lg:ml-12">
{{> navbarCTA}}
<a href="https://github.com/specklesystems/speckle-server"
target="_blank" class="mr-4 transition hover:text-gray-500">
<svg class="h-6 w-6" fill="currentColor"
viewBox="0 0 24 24" aria-hidden="true">
<path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
clip-rule="evenodd"></path>
</svg>
</a>
{{> navbarCTA }}
</div>
</div>
</div>
@@ -195,13 +204,13 @@
x-transition:leave-start="opacity-100 translate-y-0"
x-transition:leave-end="opacity-0 -translate-y-1" class="hidden md:block absolute z-10 inset-x-0 transform shadow-lg">
{{> menus/tagDropdownMenu tag="usecases" maxcards="3" large="true" }}
{{> menus/tagDropdownMenu tag="features" maxcards="3" large="true" }}
</div>
<!-- Learn menu -->
<div x-description="'Learn' flyout menu, show/hide based on flyout menu state."
x-show="learnMenu" @mouseleave="learnMenu = false;"
x-show="resourcesMenu" @mouseleave="resourcesMenu = false;"
x-transition:enter="transition ease-out duration-200"
x-transition:enter-start="opacity-0 -translate-y-1"
x-transition:enter-end="opacity-100 translate-y-0"
@@ -209,7 +218,7 @@
x-transition:leave-start="opacity-100 translate-y-0"
x-transition:leave-end="opacity-0 -translate-y-1" class="hidden md:block absolute z-10 inset-x-0 transform shadow-lg">
{{> menus/learnMenu }}
{{> menus/resourcesMenu }}
</div>
@@ -234,8 +243,7 @@
x-transition:enter-end="opacity-100 scale-100"
x-transition:leave="duration-100 ease-in"
x-transition:leave-start="opacity-100 scale-100"
x-transition:leave-end="opacity-0 scale-95"
class="fixed w-full h-full z-30 top-0 inset-x-0 p-2 transition transform origin-top-right lg:hidden">
x-transition:leave-end="opacity-0 scale-95" class="fixed w-full h-full z-30 top-0 inset-x-0 p-2 transition transform origin-top-right lg:hidden">
<div class="rounded-lg shadow-2xl bg-white dark:bg-gray-900">
<div class="pt-5 pb-6 px-5 sm:pb-8">
<div class="flex items-center justify-between">
@@ -260,7 +268,7 @@
<nav>
<div class="grid gap-7 sm:grid-cols-2 sm:gap-y-8 sm:gap-x-4">
<a href="/usecases" class="-m-3 flex items-center p-3 rounded-lg hover:bg-gray-50 dark:hover:bg-gray-800">
<a href="/features" class="-m-3 flex items-center p-3 rounded-lg hover:bg-gray-50 dark:hover:bg-gray-800">
<div class="flex-shrink-0 flex items-center justify-center h-10 w-10 rounded-md bg-blue-500 text-white sm:h-12 sm:w-12">
<svg class="h-6 w-6" x-description="Heroicon name: chart-bar"
xmlns="http://www.w3.org/2000/svg" fill="none"
@@ -272,7 +280,7 @@
</svg>
</div>
<div class="ml-4 text-base font-medium text-gray-900 dark:text-gray-200">
Use Cases
Features
</div>
</a>
@@ -327,15 +335,21 @@
<div class="text-base">
<a href="http://speckle.community" class="font-medium text-blue-600 hover:text-blue-500">
<a href="http://speckle.community" target="_blank" class="font-medium text-blue-600 hover:text-blue-500">
Community <span aria-hidden="true">→</span></a>
</div>
<div class="text-base">
<a href="http://speckle.guide" class="font-medium text-blue-600 hover:text-blue-500">
<a href="http://speckle.guide" target="_blank" class="font-medium text-blue-600 hover:text-blue-500">
Docs <span aria-hidden="true">→</span></a>
</div>
<div class="text-base">
<a href="http://githhub.com/specklesystems/speckle-server" target="_blank"
class="font-medium text-blue-600 hover:text-blue-500">
Github <span aria-hidden="true">→</span></a>
</div>
</div>
</nav>
</div>
+24 -23
View File
@@ -1,4 +1,3 @@
{{!-- Plans --}}
<div class="relative w-default mb-20 gap-4 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-5">
@@ -15,31 +14,29 @@
<span class="font-medium text-base text-blue-600">£0/mo</span>
</h2>
<p class="mb-5 mt-5 pt-5 border-t dark:border-gray-600 dark:text-gray-300">
Our free plan is for individuals and small teams who want to
enjoy Speckle without extra hassle, hosted and managed by
Our free plan is for individuals and small teams
who want to
enjoy Speckle without extra hassle, hosted and
managed by
us.
</p>
<p class="mb-2 dark:text-gray-300">Interoperability:</p>
{{!-- <ul class="space-y-2 ">
{{> extras/listItem value="Interoperability Suite (Revit, Rhino, Gh, etc.)"}}
</ul> --}}
{{!-- <p class="my-4 dark:text-gray-300">Features:</p> --}}
<ul class="space-y-2 ">
{{> extras/listItem value="Speckle Revit"}}
{{> extras/listItem value="Speckle Rhino"}}
{{> extras/listItem value="Speckle Dynamo"}}
{{> extras/listItem value="Speckle Grasshopper"}}
{{> extras/listItem value="And More "}}
</ul>
<p class="my-4 dark:text-gray-300">Features:</p>
<ul class="space-y-2 ">
{{> extras/listItem value="Unlimited streams"}}
{{> extras/listItem value="Unlimited versions"}}
{{> extras/listItem value="Web 3d viewer"}}
{{> extras/listItem value="Interoperability Suite (Revit, Rhino, Gh, etc.)"}}
{{> extras/listItem value="Version control"}}
{{> extras/listItem value="No limits on data, streams or versions"}}
{{> extras/listItem value="Web based 3D viewer"}}
{{> extras/listItem value="API Access"}}
{{> extras/listItem value="App Registration"}}
{{> extras/listItem value="3rd Party App Registration"}}
{{> extras/listItem value="Community support"}}
</ul>
</div>
{{!-- <div class="h-16 absolute bottom-0 inset-x-0"> --}}
<div class="self-end mt-10 ">
<a href="https://forms.gle/oA64wPTjk7FprGf16">
<a href="https://docs.google.com/forms/d/e/1FAIpQLSf29lkIMeXnVrLJ1EJTPd94hBvr7V4PdtZ0whWLHMrpOsMv8Q/viewform?usp=sf_link">
<button class="w-full bg-blue-600 font-medium text-base text-white px-4 py-2 shadow-sm border-transparent rounded-md border hover:bg-blue-700 hover:shadow-xl transition">
Join the waiting list
</button>
@@ -62,7 +59,7 @@
Dedicated solutions for enterprises, large
teams or projects.
</p>
<ul class="font-bold space-y-2 ">
{{!-- <ul class="font-bold space-y-2 ">
{{> extras/listItem value="Everyting in Standard"}}
</ul>
<p class="my-4 dark:text-gray-200">Deployment:</p>
@@ -70,19 +67,23 @@
{{> extras/listItem value="On premise, with your cloud infrastructure"}}
{{> extras/listItem value="On our managed cloud infrastructure"}}
</ul>
<p class="my-4 dark:text-gray-200">Extras:</p>
<p class="my-4 dark:text-gray-200">Extras:</p> --}}
<ul class="space-y-2 ">
{{> extras/listItem value="Everything in the Free Plan"}}
{{> extras/listItem value="On prem or managed deployments"}}
{{> extras/listItem value="Custom subdomain"}}
{{> extras/listItem value="Choice of locations"}}
{{> extras/listItem value="White labelling"}}
{{> extras/listItem value="SSO (Single sign-on)"}}
{{> extras/listItem value="SLA (Service Level Agreement)"}}
{{> extras/listItem value="Dedicated Support"}}
</ul>
</div>
<div class="self-end mt-10 w-full">
<button class="w-full bg-blue-600 font-medium text-base text-white px-4 py-2 shadow-sm border-transparent rounded-md border hover:bg-blue-700 hover:shadow-xl transition">
Contact Sales
</button>
<a href="https://docs.google.com/forms/d/e/1FAIpQLSfZa4pWH24iLUZ3xCSgYzlGo5u6gttQhXgf-MHv-BEP97-s4Q/viewform?usp=sf_link">
<button class="w-full bg-blue-600 font-medium text-base text-white px-4 py-2 shadow-sm border-transparent rounded-md border hover:bg-blue-700 hover:shadow-xl transition">
Claim your beta tester discount
</button>
</a>
</div>
</div>
</div>
+24 -24
View File
@@ -8,19 +8,22 @@
{{!-- Header --}}
<header class="relative px-4 sm:px-6 lg:px-8 mt-10">
<div class="max-w-prose mx-auto object-center">
{{#if feature_image}}
<img class="gh-feature-image mx-auto" srcset="{{img_url feature_image size="s"}} 300w,
<div class="relative max-w-screen-xl mx-auto object-center">
{{#if feature_image}}
<img class="object-fill mx-auto object-center self-center" style="max-height:50vh;"
srcset="{{img_url feature_image size="s"}} 300w,
{{img_url feature_image size="m"}} 600w,
{{img_url feature_image size="l"}} 1000w,
{{img_url feature_image size="xl"}} 2000w"
sizes="(max-width: 1000px) 1000px, 2000px"
loading="lazy" src="{{img_url feature_image size="xl"}}"
alt="{{title}}" />
{{/if}}
sizes="(max-width: 1000px) 1000px, 2000px"
loading="lazy" src="{{img_url feature_image size="xl"}}"
alt="{{title}}" />
{{/if}}
</div>
<header class="relative px-4 sm:px-6 lg:px-8 mt-10">
<div class="max-w-prose mx-auto object-center">
<h1 class="mt-10">
<span class="mt-2 block text-4xl text-center leading-8 font-extrabold tracking-tight text-gray-900 dark:text-gray-100 sm:text-4xl">
{{title}}
@@ -48,22 +51,19 @@
<div class="max-w-prose mx-auto mt-8 grid gap-5 md:grid-cols-2 mb-10">
{{#get "posts" filter="tags:{{primary_tag.slug}}+id:>{{id}}" limit="1" order="id asc"}}
{{#get "posts" filter="tags:{{primary_tag.slug}}+id:>{{id}}"
limit="2" order="id asc"}}
{{#foreach posts}}
{{> cardFancySmall}}
{{#foreach posts}}
{{> cardFancySmall}}
{{/foreach}}
{{/get}}
{{#get "posts" filter="tags:{{primary_tag.slug}}+id:<
{{id}}" limit="2" order="id desc" }}
{{#foreach posts}} {{> cardFancySmall}}
{{/foreach}}
{{/get}}
{{#get "posts" filter="tags:{{primary_tag.slug}}+id:<{{id}}" limit="1" order="id desc"}}
{{#foreach posts}}
{{> cardFancySmall}}
{{/foreach}}
{{/get}}
{{> cardTag}}
</div>
</article>
{{/get}}
{{> cardTag}}
</div> </article>
{{/post}}
+5 -5
View File
@@ -6,11 +6,11 @@ routes:
/: index
collections:
/usecases/:
permalink: /usecases/{slug}/
tempate: usecases
filter: tag:usecases
data: tag.usecases
/features/:
permalink: /features/{slug}/
tempate: features
filter: tag:features
data: tag.features
/developers/:
permalink: /developers/{slug}/
File diff suppressed because one or more lines are too long
+9 -1
View File
@@ -6,6 +6,11 @@ module.exports = {
darkMode: 'media', // or 'media' or 'class'
theme: {
extend: {
maxHeight: {
'1/2': '50%',
'3/4': '75%',
'full': '100%'
},
height: theme => ({
'screen/2': '50vh',
'screen/3': 'calc(100vh / 3)',
@@ -20,7 +25,10 @@ module.exports = {
},
},
variants: {
extend: {},
extend: {
opacity: ['active', 'dark'],
visibility: ['hover', 'dark'],
},
},
plugins: [
require('@tailwindcss/line-clamp')
-36
View File
@@ -1,36 +0,0 @@
{{!< default}}
{{#tag}}
<main class="w-default h-screen/3 flex flex-wrap content-center mt-24">
<div class="w-3/3">
<h1 class="text-4xl tracking-tight font-extrabold text-gray-900 dark:text-gray-100 sm:text-5xl md:text-6xl">
Speckle
<span class="inline-block xl:inline text-gradient text-gradient bg-gradient-to-r from-blue-500 to-blue-700">
{{name}}
</span>
</h1>
<p class="text-base text-justify text-gray-500 sm:text-lg md:text-xl md:max-w-6xl mt-10">
{{description}}
</p>
</div>
</main>
{{/tag}}
<div class="w-default my-10">
<h3 class="text-xl my-2 text-blue-600">Key features</h3>
</div>
<div class="w-default grid gap-5 md:grid-cols-2 lg:grid-cols-3">
{{#foreach posts}}
{{> cardFancy}}
{{/foreach}}
</div>
{{> cardCTA subHeadline="Apply now:" }}