mirror/hotomoe
1
0
Fork 0
mirror of https://github.com/hotomoe/hotomoe synced 2024-11-29 07:18:13 +09:00
Code

✌️

Browse Source
This commit is contained in:
syuilo 2018-05-28 21:31:20 +09:00
parent d1dd2d3c18
commit ba1b1a73b6
9 changed files with 125 additions and 1034 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
locales/ja.yml
View File

@ -3,7 +3,9 @@ meta:
divider: ""
common:
misskey: "Misskeyで皆と共有しよう。"
misskey: "A planet of fediverse"
about-title: "A ⭐ of fediverse."
about: "Misskeyを見つけていただき、ありがとうございます。Misskeyは、地球で生まれた<b>分散マイクロブログSNS</b>です。Fediverse(様々なSNSで構成される宇宙)の中に存在するため、他のSNSと相互に繋がっています。暫し都会の喧騒から離れて、新しいインターネットにダイブしてみませんか。"
time:
unknown: "なぞのじかん"
@ -631,6 +633,8 @@ desktop/views/components/window.vue:
close: "閉じる"
desktop/views/pages/welcome.vue:
about: "詳しく..."
gotit: "わかった"
signin: "ログイン"
signup: "新規登録"
signin-button: "やってる"

2
src/client/app/base.pug
View File

@ -19,7 +19,7 @@ html
| Misskey
block desc
meta(name='description' content='A SNS')
meta(name='description' content='A planet of fediverse')
block meta

2
src/client/app/common/views/components/forkit.vue
View File

@ -13,7 +13,7 @@
.a
display block
position absolute
position fixed
top 0
right 0

180
src/client/app/desktop/views/pages/welcome.vue
View File

@ -4,9 +4,20 @@
<template v-if="$store.state.device.darkmode">%fa:moon%</template>
<template v-else>%fa:R moon%</template>
</button>
<main>
<main v-if="about" class="about">
<article>
<h1>%i18n:common.about-title%</h1>
<p v-html="'%i18n:common.about%'"></p>
<span class="gotit" @click="about = false">%i18n:@gotit%</span>
</article>
</main>
<main v-else class="index">
<img :src="$store.state.device.darkmode ? 'assets/title-dark.svg' : 'assets/title.svg'" alt="Misskey">
<p><button class="signup" @click="signup">%i18n:@signup-button%</button><button class="signin" @click="signin">%i18n:@signin-button%</button></p>
<p class="desc"><b>%i18n:common.misskey%</b> - <span @click="about = true">%i18n:@about%</span></p>
<p class="account">
<button class="signup" @click="signup">%i18n:@signup-button%</button>
<button class="signin" @click="signin">%i18n:@signin-button%</button>
</p>
<div class="tl">
<header>%fa:comments R% %i18n:@timeline%<div><span></span><span></span><span></span></div></header>
@ -33,12 +44,12 @@
<script lang="ts">
import Vue from 'vue';
import { docsUrl, copyright, lang } from '../../../config';
import { copyright } from '../../../config';
export default Vue.extend({
data() {
return {
aboutUrl: `${docsUrl}/${lang}/about`,
about: false,
copyright
};
},
@ -73,9 +84,12 @@ root(isDark)
display flex
flex-direction column
flex 1
background-image isDark ? url('/assets/welcome-bg.dark.svg') : url('/assets/welcome-bg.light.svg')
background-size cover
background-position center
> button
position absolute
position fixed
z-index 1
top 0
left 0
@ -87,81 +101,119 @@ root(isDark)
flex 1
padding 64px 0 0 0
text-align center
color isDark ? #9aa4b3 : #555
> img
width 350px
&.about
color isDark ? #fff : #627574
> p
margin 8px 0
line-height 2em
> article
max-width 700px
margin 42px auto 0 auto
padding 64px
background isDark ? #282C37 : #fff
box-shadow 0 8px 32px rgba(#000, 0.15)
button
padding 8px 16px
font-size inherit
> h1
margin 0
font-variant small-caps
.signup
color $theme-color
border solid 2px $theme-color
border-radius 4px
> p
margin 20px 0
line-height 2em
&:focus
box-shadow 0 0 0 3px rgba($theme-color, 0.2)
> .gotit
color $theme-color
cursor pointer
&:hover
color $theme-color-foreground
background $theme-color
&:hover
text-decoration underline
&:active
color $theme-color-foreground
background darken($theme-color, 10%)
border-color darken($theme-color, 10%)
&.index
color isDark ? #9aa4b3 : #555
.signin
&:hover
color isDark ? #fff : #000
> img
width 350px
> .tl
margin 32px auto 0 auto
width 410px
text-align left
background isDark ? #313543 : #fff
border-radius 8px
box-shadow 0 8px 32px rgba(#000, 0.15)
overflow hidden
> .desc
margin -12px 0 24px 0
color isDark ? #fff : #555
> header
z-index 1
padding 12px 16px
color isDark ? #e3e5e8 : #888d94
box-shadow 0 1px 0px rgba(#000, 0.1)
> span
color $theme-color
cursor pointer
> div
position absolute
top 0
right 0
padding inherit
&:hover
text-decoration underline
> span
display inline-block
height 11px
width 11px
margin-left 6px
border-radius 100%
vertical-align middle
> .account
margin 8px 0
line-height 2em
&:nth-child(1)
background #5BCC8B
button
padding 8px 16px
font-size inherit
&:nth-child(2)
background #E6BB46
.signup
color $theme-color
border solid 2px $theme-color
border-radius 4px
&:nth-child(3)
background #DF7065
&:focus
box-shadow 0 0 0 3px rgba($theme-color, 0.2)
> .mk-welcome-timeline
max-height 350px
overflow auto
&:hover
color $theme-color-foreground
background $theme-color
&:active
color $theme-color-foreground
background darken($theme-color, 10%)
border-color darken($theme-color, 10%)
.signin
&:hover
color isDark ? #fff : #000
> .tl
margin 32px auto 0 auto
width 410px
text-align left
background isDark ? #313543 : #fff
border-radius 8px
box-shadow 0 8px 32px rgba(#000, 0.15)
overflow hidden
> header
z-index 1
padding 12px 16px
color isDark ? #e3e5e8 : #888d94
box-shadow 0 1px 0px rgba(#000, 0.1)
> div
position absolute
top 0
right 0
padding inherit
> span
display inline-block
height 11px
width 11px
margin-left 6px
border-radius 100%
vertical-align middle
&:nth-child(1)
background #5BCC8B
&:nth-child(2)
background #E6BB46
&:nth-child(3)
background #DF7065
> .mk-welcome-timeline
max-height 350px
overflow auto
> footer
font-size 12px

8
src/client/app/init.ts
View File

@ -67,14 +67,6 @@ const html = document.documentElement;
html.setAttribute('lang', lang);
//#endregion
//#region Set description meta tag
const head = document.getElementsByTagName('head')[0];
const meta = document.createElement('meta');
meta.setAttribute('name', 'description');
meta.setAttribute('content', '%i18n:common.misskey%');
head.appendChild(meta);
//#endregion
// iOSでプライベートモードだとlocalStorageが使えないので既存のメソッドを上書きする
try {
localStorage.setItem('kyoppie', 'yuppie');

1
src/client/assets/welcome-bg.dark.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 30 KiB

1
src/client/assets/welcome-bg.light.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 48 KiB

579
src/client/assets/welcome-bg.svg
View File

@ -1,579 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:osb="http://www.openswatchbook.org/uri/2009/osb"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="1920"
height="1080"
viewBox="0 0 507.99999 285.75001"
version="1.1"
id="svg8"
inkscape:version="0.92.1 r15371"
sodipodi:docname="welcome-bg.svg">
<defs
id="defs2">
<pattern
inkscape:collect="always"
xlink:href="#Checkerboard"
id="pattern7194"
patternTransform="scale(1.3152942)" />
<linearGradient
id="linearGradient7169"
inkscape:collect="always">
<stop
id="stop7165"
offset="0"
style="stop-color:#eaeaea;stop-opacity:1" />
<stop
id="stop7167"
offset="1"
style="stop-color:#000000;stop-opacity:1" />
</linearGradient>
<linearGradient
inkscape:collect="always"
id="linearGradient7044">
<stop
style="stop-color:#000000;stop-opacity:1;"
offset="0"
id="stop7040" />
<stop
style="stop-color:#ffffff;stop-opacity:1"
offset="1"
id="stop7042" />
</linearGradient>
<pattern
inkscape:collect="always"
xlink:href="#Checkerboard"
id="pattern7010"
patternTransform="matrix(1.673813,0,0,1.673813,-177.6001,-146.38611)" />
<pattern
inkscape:stockid="Checkerboard"
id="Checkerboard"
patternTransform="translate(0,0) scale(10,10)"
height="2"
width="2"
patternUnits="userSpaceOnUse"
inkscape:collect="always"
inkscape:isstock="true">
<rect
id="rect6201"
height="1"
width="1"
y="0"
x="0"
style="fill:black;stroke:none" />
<rect
id="rect6203"
height="1"
width="1"
y="1"
x="1"
style="fill:black;stroke:none" />
</pattern>
<linearGradient
id="linearGradient5406"
osb:paint="solid">
<stop
style="stop-color:#000000;stop-opacity:1;"
offset="0"
id="stop5404" />
</linearGradient>
<pattern
patternUnits="userSpaceOnUse"
width="15.999999"
height="16.000025"
patternTransform="matrix(0.26458333,0,0,0.26458333,-16.933332,263.1333)"
id="pattern6465">
<path
d="m 8.0000542,8.0000126 h 7.9998878 c 3e-5,0 5.7e-5,3.78e-5 5.7e-5,3.78e-5 V 15.99995 c 0,3.7e-5 -2.7e-5,7.5e-5 -5.7e-5,7.5e-5 H 8.0000542 c -3.03e-5,0 -5.67e-5,-3.8e-5 -5.67e-5,-7.5e-5 V 8.0000504 c 0,0 2.64e-5,-3.78e-5 5.67e-5,-3.78e-5 z M 5.6692913e-5,0 H 7.9999408 c 3.02e-5,0 5.67e-5,3.7795275e-5 5.67e-5,7.5590551e-5 V 7.999937 c 0,3.78e-5 -2.65e-5,7.56e-5 -5.67e-5,7.56e-5 H 5.6692913e-5 C 2.2677165e-5,8.0000126 0,7.9999748 0,7.999937 V 7.5590551e-5 C 0,3.7795276e-5 2.2677165e-5,0 5.6692913e-5,0 Z"
style="opacity:1;fill:#db1545;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:15.99999905;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect6445-2"
inkscape:connector-curvature="0" />
</pattern>
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient7044"
id="linearGradient6476"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(3.223659,0,0,2.5556636,-579.27357,808.39)"
x1="86.490868"
y1="-216.62756"
x2="176.77992"
y2="-216.62756" />
<mask
maskUnits="userSpaceOnUse"
id="mask6472">
<rect
transform="rotate(-90)"
y="-0.91986513"
x="-300.45657"
height="511.36566"
width="291.06116"
id="rect6474"
style="opacity:1;fill:url(#linearGradient6476);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.92238116;stroke-miterlimit:4;stroke-dasharray:none" />
</mask>
<pattern
patternUnits="userSpaceOnUse"
width="2340.7208"
height="2340.7236"
patternTransform="matrix(0.26458333,0,0,0.26458333,-63.499801,-58.601683)"
id="pattern7142">
<path
d="m 1170.3684,1170.3628 h 1170.3448 c 0,0 0.01,0 0.01,0 v 1170.3457 c 0,0 0,0.011 -0.01,0.011 H 1170.3684 c 0,0 -0.01,0 -0.01,-0.011 v -1170.344 c 0,0 0,0 0.01,0 z M 0.00869291,1.1338583e-5 H 1170.352 c 0,0 0.01,0.0052913414 0.01,0.01096063142 V 1170.3511 c 0,0 0,0.011 -0.01,0.011 H 0.00869291 C 0.00340157,1170.3625 0,1170.3549 0,1170.3511 V 0.01096063 C 0,0.00566929 0.00312945,0 0.00869291,0 Z"
style="opacity:1;fill:#763971;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2340.72119141;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path7135"
inkscape:connector-curvature="0" />
</pattern>
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient7169"
id="linearGradient7157"
x1="-3.631536"
y1="155.11069"
x2="511.52777"
y2="155.11069"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(2.184742,0,0,6.5696504,-17.948376,-1979.8074)" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient7169"
id="linearGradient7200"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(0.57804632,0,0,1.73822,6.5011419,-523.82404)"
x1="-3.631536"
y1="155.11069"
x2="511.52777"
y2="155.11069" />
<mask
maskUnits="userSpaceOnUse"
id="mask7196">
<rect
transform="rotate(90)"
y="-512.56537"
x="4.4019437"
height="516.7157"
width="297.78595"
id="rect7198"
style="opacity:1;fill:url(#linearGradient7200);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2.1217103;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
</mask>
</defs>
<sodipodi:namedview
id="base"
pagecolor="#1e1d65"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.84705882"
inkscape:pageshadow="2"
inkscape:zoom="0.79170474"
inkscape:cx="1093.7227"
inkscape:cy="695.27372"
inkscape:document-units="mm"
inkscape:current-layer="layer5"
showgrid="true"
units="px"
inkscape:pagecheckerboard="false"
inkscape:window-width="1920"
inkscape:window-height="1017"
inkscape:window-x="-8"
inkscape:window-y="1072"
inkscape:window-maximized="1"
objecttolerance="1"
guidetolerance="10000"
gridtolerance="10000"
inkscape:snap-bbox="true"
inkscape:bbox-paths="true"
inkscape:bbox-nodes="true"
inkscape:snap-bbox-edge-midpoints="true"
inkscape:snap-bbox-midpoints="true"
showguides="false"
inkscape:lockguides="true">
<inkscape:grid
type="xygrid"
id="grid6443"
spacingx="2.1166667"
spacingy="2.1166667"
empspacing="4"
color="#3f3fff"
opacity="0.1254902"
enabled="false" />
<sodipodi:guide
position="-69.219003,3.872392"
orientation="1,0"
id="guide6508"
inkscape:locked="true" />
</sodipodi:namedview>
<metadata
id="metadata5">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title />
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="レイヤー 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(0,-11.249983)"
style="display:inline"
sodipodi:insensitive="true">
<rect
style="display:inline;opacity:0.2;fill:url(#pattern7194);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2.11666656;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect7178"
width="568.07599"
height="367.82269"
x="-37.871731"
y="-52.665051"
mask="url(#mask7196)" />
</g>
<g
inkscape:groupmode="layer"
id="layer2"
inkscape:label="レイヤー 2"
style="display:inline">
<rect
transform="translate(0,-11.249983)"
style="opacity:0.5;fill:none;stroke:none;stroke-width:140.99996948"
width="596.8999"
height="596.90082"
x="-63.49987"
y="-58.600021"
id="rect6468"
mask="url(#mask6472)" />
<path
transform="translate(0,-11.249983)"
sodipodi:type="star"
style="fill:#000000;fill-opacity:0.09661835;fill-rule:nonzero;stroke:none;stroke-width:0.26499999;stroke-miterlimit:4;stroke-dasharray:none"
id="path6921"
sodipodi:sides="4"
sodipodi:cx="117.63232"
sodipodi:cy="102.13793"
sodipodi:r1="5.7652407"
sodipodi:r2="2.8826203"
sodipodi:arg1="1.4464413"
sodipodi:arg2="2.2318395"
inkscape:flatsided="false"
inkscape:rounded="0"
inkscape:randomized="0"
d="m 118.34741,107.85865 -2.48485,-3.44532 -3.95096,-1.56031 3.44531,-2.48485 1.56032,-3.950959 2.48484,3.445318 3.95097,1.560311 -3.44532,2.48485 z"
inkscape:transform-center-x="1.481982e-006"
inkscape:transform-center-y="-1.1450451e-006" />
<path
transform="translate(0,-11.249983)"
sodipodi:type="star"
style="fill:#000000;fill-opacity:0.09661835;fill-rule:nonzero;stroke:none;stroke-width:0.26499999;stroke-miterlimit:4;stroke-dasharray:none"
id="path6923"
sodipodi:sides="4"
sodipodi:cx="317.5"
sodipodi:cy="75.679596"
sodipodi:r1="3.949214"
sodipodi:r2="1.974607"
sodipodi:arg1="1.6614562"
sodipodi:arg2="2.4468544"
inkscape:flatsided="false"
inkscape:rounded="0"
inkscape:randomized="0"
d="m 317.14246,79.612591 -1.1594,-2.668882 -2.41606,-1.621658 2.66889,-1.15939 1.62165,-2.41606 1.1594,2.668882 2.41606,1.621658 -2.66889,1.15939 z"
inkscape:transform-center-x="4.0000001e-006" />
<path
transform="translate(0,-11.249983)"
sodipodi:type="star"
style="fill:#000000;fill-opacity:0.09661835;fill-rule:nonzero;stroke:none;stroke-width:0.26499999;stroke-miterlimit:4;stroke-dasharray:none"
id="path6925"
sodipodi:sides="4"
sodipodi:cx="230.97409"
sodipodi:cy="57.802349"
sodipodi:r1="2.2613134"
sodipodi:r2="1.1306567"
sodipodi:arg1="1.2490458"
sodipodi:arg2="2.0344439"
inkscape:flatsided="false"
inkscape:rounded="0"
inkscape:randomized="0"
d="m 231.68918,59.947619 -1.22073,-1.13398 -1.63963,-0.2962 1.13398,-1.220735 0.2962,-1.639625 1.22074,1.13398 1.63962,0.2962 -1.13398,1.220735 z"
inkscape:transform-center-x="2.9099099e-006" />
<path
transform="translate(0,-11.249983)"
sodipodi:type="star"
style="fill:#000000;fill-opacity:0.09661835;fill-rule:nonzero;stroke:none;stroke-width:0.26499999;stroke-miterlimit:4;stroke-dasharray:none"
id="path6927"
sodipodi:sides="4"
sodipodi:cx="260.65033"
sodipodi:cy="106.42847"
sodipodi:r1="1.59899"
sodipodi:r2="0.79949504"
sodipodi:arg1="2.0344439"
sodipodi:arg2="2.8198421"
inkscape:flatsided="false"
inkscape:rounded="0"
inkscape:randomized="0"
d="m 259.93524,107.85865 -0.0434,-1.17736 -0.67171,-0.96791 1.17736,-0.0434 0.96791,-0.67171 0.0434,1.17735 0.67171,0.96792 -1.17736,0.0434 z"
inkscape:transform-center-x="3.2837838e-006"
inkscape:transform-center-y="-1.1990991e-006" />
<path
sodipodi:type="star"
style="fill:#000000;fill-opacity:0.09661835;fill-rule:nonzero;stroke:none;stroke-width:0.26499999;stroke-miterlimit:4;stroke-dasharray:none"
id="path6925-2"
sodipodi:sides="4"
sodipodi:cx="87.956078"
sodipodi:cy="127.16609"
sodipodi:r1="2.2613134"
sodipodi:r2="1.1306567"
sodipodi:arg1="1.2490458"
sodipodi:arg2="2.0344439"
inkscape:flatsided="false"
inkscape:rounded="0"
inkscape:randomized="0"
d="m 88.671168,129.31136 -1.220735,-1.13398 -1.639626,-0.2962 1.13398,-1.22073 0.296201,-1.63963 1.220735,1.13398 1.639625,0.2962 -1.13398,1.22074 z"
inkscape:transform-center-x="2.4830149e-006"
transform="matrix(0.91666666,0,0,1,7.1509006,-11.249983)" />
<ellipse
style="opacity:0.68000034;fill:#6e76a3;fill-opacity:1;stroke:none;stroke-width:0.06383465"
id="path5313-3-7"
cx="178.44102"
cy="110.95996"
rx="21.691566"
ry="5.0825601"
transform="rotate(-1.570553,-410.38805,-5.6250559)" />
<ellipse
style="opacity:0.68000034;fill:#6e76a3;fill-opacity:1;stroke:none;stroke-width:0.08063243"
id="path5313-3-7-5"
cx="200.1326"
cy="116.80371"
rx="27.399597"
ry="6.4200115"
transform="rotate(-1.570553,-410.38805,-5.6250559)" />
<ellipse
style="opacity:0.68000034;fill:#6e76a3;fill-opacity:1;stroke:none;stroke-width:0.06734787"
id="path5313-3-7-2"
cx="-429.23041"
cy="90.631134"
rx="24.144913"
ry="5.0825605"
transform="matrix(-0.99537478,-0.09606802,-0.09606802,0.99537478,0,-11.249983)" />
<ellipse
style="opacity:0.68000034;fill:#6e76a3;fill-opacity:1;stroke:none;stroke-width:0.08507013"
id="path5313-3-7-5-9"
cx="-405.08548"
cy="96.474884"
rx="30.498529"
ry="6.4200115"
transform="matrix(-0.99537478,-0.09606802,-0.09606802,0.99537478,0,-11.249983)" />
<ellipse
style="opacity:0.68000034;fill:#6e76a3;fill-opacity:1;stroke:none;stroke-width:0.05208009"
id="path5313-3-7-2-9"
cx="-46.428764"
cy="163.90004"
rx="18.893074"
ry="3.884198"
transform="matrix(-0.99073724,0.13579293,0.14607844,0.98927301,0,-11.249983)" />
<ellipse
style="opacity:0.68000034;fill:#6e76a3;fill-opacity:1;stroke:none;stroke-width:0.06578472"
id="path5313-3-7-5-9-1"
cx="-27.535677"
cy="168.36595"
rx="23.864695"
ry="4.9063048"
transform="matrix(-0.99073724,0.13579293,0.14607844,0.98927301,0,-11.249983)" />
<path
transform="translate(0,-11.249983)"
sodipodi:type="star"
style="fill:#000000;fill-opacity:0.09661835;fill-rule:nonzero;stroke:none;stroke-width:0.26499999;stroke-miterlimit:4;stroke-dasharray:none"
id="path6923-9"
sodipodi:sides="4"
sodipodi:cx="459.82239"
sodipodi:cy="139.8455"
sodipodi:r1="3.949214"
sodipodi:r2="1.9746071"
sodipodi:arg1="1.6614562"
sodipodi:arg2="2.4468544"
inkscape:flatsided="false"
inkscape:rounded="0"
inkscape:randomized="0"
d="m 459.46484,143.7785 -1.15939,-2.66888 -2.41606,-1.62166 2.66889,-1.15939 1.62165,-2.41606 1.15939,2.66888 2.41606,1.62166 -2.66888,1.15939 z"
inkscape:transform-center-x="4.0000001e-006" />
<circle
transform="translate(0,-11.249983)"
style="opacity:0.1;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#ffffff;stroke-width:0.81509405;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path5229"
cx="192.18326"
cy="74.677902"
r="2.7216933" />
<path
sodipodi:type="star"
style="fill:#ffffff;fill-opacity:0.09661835;fill-rule:nonzero;stroke:none;stroke-width:0.26499999;stroke-miterlimit:4;stroke-dasharray:none"
id="path6923-8"
sodipodi:sides="4"
sodipodi:cx="53.989292"
sodipodi:cy="88.908768"
sodipodi:r1="3.949214"
sodipodi:r2="1.9746071"
sodipodi:arg1="1.6614562"
sodipodi:arg2="2.4468544"
inkscape:flatsided="false"
inkscape:rounded="0"
inkscape:randomized="0"
d="m 53.631747,92.841763 -1.15939,-2.668883 -2.41606,-1.621657 2.668883,-1.159391 1.621657,-2.41606 1.15939,2.668883 2.416061,1.621658 -2.668883,1.15939 z"
inkscape:transform-center-x="2.0634674e-006"
transform="matrix(0.61390676,-0.48689202,0.48689202,0.61390676,-23.159158,48.648961)"
inkscape:transform-center-y="1.4320049e-006" />
<path
sodipodi:type="star"
style="fill:#ffffff;fill-opacity:0.09661835;fill-rule:nonzero;stroke:none;stroke-width:0.26499999;stroke-miterlimit:4;stroke-dasharray:none"
id="path6923-8-3"
sodipodi:sides="4"
sodipodi:cx="53.989292"
sodipodi:cy="88.908768"
sodipodi:r1="3.949214"
sodipodi:r2="1.9746071"
sodipodi:arg1="1.6614562"
sodipodi:arg2="2.4468544"
inkscape:flatsided="false"
inkscape:rounded="0"
inkscape:randomized="0"
d="m 53.631747,92.841763 -1.15939,-2.668883 -2.41606,-1.621657 2.668883,-1.159391 1.621657,-2.41606 1.15939,2.668883 2.416061,1.621658 -2.668883,1.15939 z"
inkscape:transform-center-x="3.0260172e-006"
transform="matrix(0.58032639,0.43093706,-0.43093706,0.58032639,446.58431,23.35553)"
inkscape:transform-center-y="-1.3594204e-006" />
<circle
transform="translate(0,-11.249983)"
style="opacity:0.1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.28035584;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path5229-6"
cx="347.17841"
cy="36.709366"
r="0.9361406" />
<circle
transform="translate(0,-11.249983)"
style="opacity:0.1;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.28035584;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path5229-6-5"
cx="116.0927"
cy="42.136036"
r="0.9361406" />
<circle
transform="translate(0,-11.249983)"
style="opacity:0.15;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0.55002564;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path5229-0"
cx="456.28247"
cy="47.488548"
r="1.8365992" />
</g>
<g
inkscape:groupmode="layer"
id="layer5"
inkscape:label="レイヤー 4"
style="display:none">
<path
transform="translate(0,-11.249983)"
style="display:inline;fill:#ffff7c;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.26499999;stroke-miterlimit:4;stroke-dasharray:none"
d="m 377.25876,69.781182 a 18.234796,18.234796 0 0 1 8.1747,15.19442 18.234796,18.234796 0 0 1 -18.23455,18.235058 18.234796,18.234796 0 0 1 -10.14098,-3.08921 20.380066,20.380066 0 0 0 17.64905,10.2402 20.380066,20.380066 0 0 0 20.38015,-20.380152 20.380066,20.380066 0 0 0 -17.82837,-20.200316 z"
id="path6914"
inkscape:connector-curvature="0" />
</g>
<g
inkscape:groupmode="layer"
id="layer4"
inkscape:label="レイヤー 3"
style="display:none">
<circle
style="display:inline;opacity:0.1;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1.36438358;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path5306"
cx="168.31279"
cy="2.1908164"
r="36.253109" />
<path
style="display:inline;opacity:0.1;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1.39123487px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 201.1259,19.428383 2.66976,2.617062 1.21734,-1.978474 -0.34264,5.194221 -4.15215,2.110811 1.0283,-1.928856 -2.76172,-2.210044 z"
id="path5168"
inkscape:connector-curvature="0" />
<path
style="display:inline;opacity:0.1;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.89719725px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 196.25421,26.631949 6.0286,8.817373 -3.70059,3.384671 -1.84127,-4.638447 -2.48924,2.916491 -2.23471,-6.507119 z"
id="path5174"
inkscape:connector-curvature="0" />
<path
style="display:inline;opacity:0.1;fill:#000500;fill-opacity:1;stroke:none;stroke-width:0.05121958px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 187.00695,34.050482 1.26268,2.214392 1.44195,-0.54357 1.31981,0.86123 0.21375,1.739039 -1.36828,1.61618 -1.80409,0.265403 -1.1589,-1.059687 -0.23516,-1.721875 1.11047,-0.916698 -0.43413,-0.680502 -0.4102,0.997264 0.74387,1.070883 -0.49255,1.027197 -1.26776,0.228606 -0.5501,-0.871237 0.15467,-0.82956 0.93559,-0.424446 0.58058,-1.450625 -0.75664,-1.131455 z"
id="path6985"
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccccccccccccccccccccc" />
<path
style="display:inline;opacity:0.1;fill:#000016;fill-opacity:1;stroke:none;stroke-width:0.04695854px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 203.23593,14.367789 4.43345,3.766934 0.87976,-0.995725 0.46812,0.475437 -0.80488,0.995031 0.83731,0.705238 0.86731,-0.962102 0.50998,0.516259 -0.87206,0.921255 0.99505,0.941692 -0.44277,0.42746 -0.91483,-0.900095 -0.8367,0.879711 -0.43031,-0.474867 0.78065,-0.831436 -0.86665,-0.779727 -0.81136,0.912638 -0.55866,-0.483362 0.8179,-0.927279 -4.48211,-3.638676 z"
id="path6891-8"
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccccccccccccccccccccc" />
<path
style="display:inline;opacity:0.05;fill:#000016;fill-opacity:1;stroke:none;stroke-width:0.58045781px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 204.43932,-5.3971152 6.34563,7.5781721 -3.73895,4.9604312 0.33681,4.6546149 -5.20345,5.793617 c 2.83273,-8.049795 3.31033,-11.8140092 3.09986,-18.9271334 z"
id="path5208"
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccccccc" />
<path
style="display:inline;opacity:0.1;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.11183073px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 205.60259,0.56695919 1.24493,0.127049 0.0916,-0.59592195 0.28719,0.07174803 -0.065,0.56786179 0.62071,0.0788993 -0.0423,0.36840374 -0.62423,-0.048236 -0.0804,0.8381885 0.52004,0.075191 -0.0192,0.3709729 -0.5764,-0.058257 -0.10087,0.8125312 0.54747,0.039404 -0.04,0.4153104 -0.5593,-0.071919 -0.0636,0.6224815 -0.3736,0.00386 0.0816,-0.6437327 -1.20305,-0.1533942 0.0499,-0.3674909 1.2006,0.1064631 0.11092,-0.7647515 -1.19622,-0.1448386 0.027,-0.3701253 1.23042,0.1176518 0.12327,-0.8721654 -1.26199,-0.1134749 z"
id="path7229"
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccccccccccccccccccccccccccccc" />
<path
style="display:inline;opacity:0.1;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.16325578px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 204.68821,9.1424652 1.78173,-0.049987 -1.44996,0.7563273 1.12166,0.7127945 -1.34099,0.0029 0.93885,1.309289 -1.59949,-0.942185 z"
id="path7212-4-6"
inkscape:connector-curvature="0" />
<path
style="display:inline;opacity:0.05;fill:#000016;fill-opacity:1;stroke:none;stroke-width:0.71902335px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 180.87434,36.932251 -8.12162,8.095249 -6.61262,-3.934427 -5.68596,1.043018 -7.6496,-6.371879 c 10.33078,4.527622 19.43137,4.062311 28.0698,1.168039 z"
id="path5208-6"
inkscape:connector-curvature="0"
sodipodi:nodetypes="cccccc" />
<path
style="display:inline;opacity:0.1;fill:#000016;fill-opacity:1;stroke:none;stroke-width:0.04569969px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 156.79314,37.138611 -0.83209,5.600235 1.27513,0.214749 -0.15211,0.631281 -1.23602,-0.153244 -0.15211,1.0545 1.24093,0.221743 -0.16427,0.686859 -1.20964,-0.246683 -0.26626,1.306416 -0.58089,-0.145968 0.27316,-1.218758 -1.15712,-0.238846 0.17092,-0.599741 1.08842,0.21735 0.19853,-1.117028 -1.17126,-0.200972 0.11204,-0.710141 1.18676,0.198837 0.70106,-5.574493 z"
id="path6891-8-9"
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccccccccccccccccccccc" />
<path
style="display:inline;opacity:0.1;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.84177661px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 143.96364,29.933272 -4.59686,9.216397 3.65156,2.834687 1.22043,-4.692866 2.51661,2.524357 1.39851,-6.542721 z"
id="path5174-1"
inkscape:connector-curvature="0" />
<path
style="display:inline;opacity:0.1;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.56489706px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 142.60658,28.70585 -2.96842,6.930652 -3.79379,-3.925042 4.56394,-5.124749 z"
id="path5285"
inkscape:connector-curvature="0" />
<path
style="display:inline;opacity:0.1;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1.35393918px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 137.9306,23.319484 -3.42616,1.224261 1.2143,1.906916 -4.40128,-2.508612 -0.0822,-4.53226 1.25123,1.720316 3.10894,-1.477793 z"
id="path5168-0"
inkscape:connector-curvature="0" />
<path
style="display:inline;opacity:0.1;fill:#000500;fill-opacity:1;stroke:none;stroke-width:0.0498465px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 132.55595,11.444656 -2.31852,0.882408 0.30663,1.468015 -1.02588,1.140069 -1.70428,-0.05499 -1.34908,-1.557886 0.015,-1.774566 1.1926,-0.955614 1.69096,0.03182 0.7151,1.205156 0.71942,-0.315492 -0.89748,-0.543864 -1.14121,0.554849 -0.91394,-0.627513 -0.0299,-1.2533405 0.92017,-0.3984462 0.77453,0.2730438 0.26797,0.9632459 1.30792,0.775623 1.20137,-0.558052 z"
id="path6985-7"
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccccccccccccccccccccc" />
<path
style="display:inline;opacity:0.1;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.15882961px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 131.32384,2.4817954 -1.6313,-0.4305236 1.16551,1.0474206 -1.19547,0.453907 1.23564,0.290212 -1.16202,1.0740836 1.68796,-0.5749329 z"
id="path7212-4-6-8"
inkscape:connector-curvature="0" />
<path
style="display:inline;opacity:0.05;fill:#000016;fill-opacity:1;stroke:none;stroke-width:0.55575538px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 137.04207,-21.420699 -7.13207,5.035868 1.31743,5.70794 -2.10914,4.1341529 2.26645,6.93249012 c 0.67636,-8.23493742 2.69888,-15.39599902 5.65733,-21.81045102 z"
id="path5208-4"
inkscape:connector-curvature="0"
sodipodi:nodetypes="cccccc" />
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 27 KiB

380
src/client/assets/welcome-fg.svg
View File

@ -1,380 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:osb="http://www.openswatchbook.org/uri/2009/osb"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="1920"
height="1080"
viewBox="0 0 507.99999 285.75001"
version="1.1"
id="svg8"
inkscape:version="0.92.1 r15371"
sodipodi:docname="welcome-fg.svg">
<defs
id="defs2">
<linearGradient
inkscape:collect="always"
id="linearGradient7044">
<stop
style="stop-color:#000000;stop-opacity:1;"
offset="0"
id="stop7040" />
<stop
style="stop-color:#ffffff;stop-opacity:1"
offset="1"
id="stop7042" />
</linearGradient>
<pattern
inkscape:collect="always"
xlink:href="#Checkerboard"
id="pattern7010"
patternTransform="matrix(1.673813,0,0,1.673813,-177.6001,-146.38611)" />
<pattern
inkscape:stockid="Checkerboard"
id="Checkerboard"
patternTransform="translate(0,0) scale(10,10)"
height="2"
width="2"
patternUnits="userSpaceOnUse"
inkscape:collect="always">
<rect
id="rect6201"
height="1"
width="1"
y="0"
x="0"
style="fill:black;stroke:none" />
<rect
id="rect6203"
height="1"
width="1"
y="1"
x="1"
style="fill:black;stroke:none" />
</pattern>
<linearGradient
id="linearGradient5406"
osb:paint="solid">
<stop
style="stop-color:#000000;stop-opacity:1;"
offset="0"
id="stop5404" />
</linearGradient>
<pattern
patternUnits="userSpaceOnUse"
width="15.999999"
height="16.000025"
patternTransform="matrix(0.26458333,0,0,0.26458333,-16.933332,263.1333)"
id="pattern6465">
<path
d="m 8.0000542,8.0000126 h 7.9998878 c 3e-5,0 5.7e-5,3.78e-5 5.7e-5,3.78e-5 V 15.99995 c 0,3.7e-5 -2.7e-5,7.5e-5 -5.7e-5,7.5e-5 H 8.0000542 c -3.03e-5,0 -5.67e-5,-3.8e-5 -5.67e-5,-7.5e-5 V 8.0000504 c 0,0 2.64e-5,-3.78e-5 5.67e-5,-3.78e-5 z M 5.6692913e-5,0 H 7.9999408 c 3.02e-5,0 5.67e-5,3.7795275e-5 5.67e-5,7.5590551e-5 V 7.999937 c 0,3.78e-5 -2.65e-5,7.56e-5 -5.67e-5,7.56e-5 H 5.6692913e-5 C 2.2677165e-5,8.0000126 0,7.9999748 0,7.999937 V 7.5590551e-5 C 0,3.7795276e-5 2.2677165e-5,0 5.6692913e-5,0 Z"
style="opacity:1;fill:#db1545;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:15.99999905;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect6445-2"
inkscape:connector-curvature="0" />
</pattern>
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient7044"
id="linearGradient6476"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(3.223659,0,0,2.5556636,-579.27357,808.39)"
x1="86.490868"
y1="-216.62756"
x2="176.77992"
y2="-216.62756" />
<mask
maskUnits="userSpaceOnUse"
id="mask6472">
<rect
transform="rotate(-90)"
y="-0.91986513"
x="-300.45657"
height="511.36566"
width="291.06116"
id="rect6474"
style="opacity:1;fill:url(#linearGradient6476);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.92238116;stroke-miterlimit:4;stroke-dasharray:none" />
</mask>
</defs>
<sodipodi:namedview
id="base"
pagecolor="#1e1d65"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.84705882"
inkscape:pageshadow="2"
inkscape:zoom="0.6363961"
inkscape:cx="720.54406"
inkscape:cy="371.58659"
inkscape:document-units="mm"
inkscape:current-layer="layer1"
showgrid="true"
units="px"
inkscape:pagecheckerboard="true"
inkscape:window-width="1920"
inkscape:window-height="1057"
inkscape:window-x="1912"
inkscape:window-y="1143"
inkscape:window-maximized="1"
objecttolerance="1"
guidetolerance="10000"
gridtolerance="10000"
inkscape:snap-bbox="true"
inkscape:bbox-paths="true"
inkscape:bbox-nodes="true"
inkscape:snap-bbox-edge-midpoints="true"
inkscape:snap-bbox-midpoints="true"
showguides="false">
<inkscape:grid
type="xygrid"
id="grid6443"
spacingx="2.1166667"
spacingy="2.1166667"
empspacing="4"
color="#3f3fff"
opacity="0.1254902"
enabled="false" />
<sodipodi:guide
position="-69.219003,3.872392"
orientation="1,0"
id="guide6508"
inkscape:locked="false" />
</sodipodi:namedview>
<metadata
id="metadata5">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title />
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:groupmode="layer"
id="layer2"
inkscape:label="Back"
style="display:inline">
<path
style="fill:#253276;fill-opacity:1;stroke:none;stroke-width:0.99999994px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 500.58203,825.29688 -54.2207,18.9121 18.91406,56.74219 -45.39258,10.08594 -11.34765,-39.08789 -46.6543,12.60937 13.87109,34.04493 -55.48047,15.13086 -12.60937,-44.13086 -47.91406,13.86914 13.86914,44.13086 -32.78321,11.3496 17.65235,35.30469 278.66211,-63.04492 z m -11.0957,26.45312 0.44726,11.5918 -12.03711,2.67382 -3.5664,-9.80664 z m 4.90429,24.51953 0.89258,9.80859 -9.36328,2.67383 -4.45703,-9.36133 z m -201.5,32.09766 v 11.14453 l -8.4707,1.7832 -4.9043,-8.91601 z"
id="path4522"
inkscape:connector-curvature="0"
transform="scale(0.26458333)" />
<path
transform="translate(0,-11.249983)"
style="fill:#253276;fill-opacity:1;stroke:none;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 381.65643,238.28361 -47.37344,16.34717 116.09827,29.02457 -14.01186,-23.68672 -31.02626,-0.33362 z"
id="path4520"
inkscape:connector-curvature="0" />
</g>
<g
inkscape:label="Ground"
inkscape:groupmode="layer"
id="layer1"
transform="translate(0,-11.249983)"
style="display:inline">
<circle
style="fill:#172062;fill-opacity:1;stroke:none;stroke-width:1.99730551"
id="path5392"
cx="253.06117"
cy="887.61829"
r="642.68146" />
</g>
<g
inkscape:groupmode="layer"
id="layer3"
inkscape:label="Front">
<path
style="fill:#172062;fill-opacity:1;stroke:none;stroke-width:1.00157475;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 565.38867,666.80078 -115.20508,24.36914 70.24414,231.09766 121.20118,-18.97656 8.61523,-148.01368 -76.28906,21.625 z m -30.15234,38.82813 3.09765,47.0625 -11.44531,2.49414 -9.14062,-46.10743 z m -26.41211,5.20898 10.30664,46.03906 -9.47852,2.06641 -17.14257,-44.88672 z m 41.45508,65.93945 2.80078,44.04493 -12.50391,3.40234 L 532.1543,781.75 Z m -25.15039,6.90039 9.4414,42.18165 -9.54297,2.59765 -13.99804,-40.91015 z m 85.48242,50.83789 1,42.35938 -22.15235,4.89648 -4.53906,-41.66406 z m -54.21485,10.16797 4.54102,41.66211 -7.67188,1.89649 -8.07421,-40.73047 z m -16.66992,4.20899 9.05469,40.45703 -8.88477,2.19727 -12.02734,-39.66016 z"
id="path5398"
transform="scale(0.26458333)"
inkscape:connector-curvature="0" />
<path
transform="translate(0,-11.249983)"
style="fill:#172062;fill-opacity:1;stroke:none;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 329.51477,199.15082 -32.04286,18.26817 12.8142,1.28619 -6.02656,28.18505 32.94792,3.49531 0.51681,-27.76301 11.91226,1.00737 z m -14.10711,25.93826 6.27123,0.90288 -1.15019,5.4805 -6.00929,-0.898 z m 13.58524,2.09643 0.42171,5.50053 -6.35262,-0.44337 1.22618,-5.67857 z m -15.04127,5.73678 6.21844,0.90138 -1.87301,4.94347 -5.07899,-0.81761 z m 8.80707,1.53673 6.3403,1.10313 0.43128,4.98637 -7.83808,-1.19409 z"
id="path6874"
inkscape:connector-curvature="0"
sodipodi:nodetypes="cccccccccccccccccccccccccccc" />
<path
transform="translate(0,-11.249983)"
style="fill:#172062;fill-opacity:1;stroke:none;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 366.28967,254.78298 7.49431,-30.40441 -7.41388,-2.66046 1.18763,-3.36104 7.21205,2.27141 1.38362,-5.73044 -7.20912,-2.66047 1.28561,-3.65794 7.01313,2.7643 2.17341,-7.01022 3.35519,1.48161 -2.1734,6.51147 6.70747,2.66046 -1.28564,3.16213 -6.31255,-2.46154 -1.68638,6.02735 6.80837,2.46447 -0.9887,3.84808 -6.90052,-2.47031 -6.71038,30.41026 z"
id="path6891"
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccccccccccccccccccccc" />
<path
transform="translate(0,-11.249983)"
style="fill:#172062;fill-opacity:1;stroke:none;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 74.047433,217.56203 -1.20251,0.65577 2.314585,6.84299 -4.564578,1.31517 13.625009,41.10395 21.186821,-5.50251 -7.183542,-43.56323 -22.044649,6.35259 z m 16.734379,10.06088 1.478463,10.23607 -8.339026,1.96939 -3.82509,-9.42992 z m 3.780131,14.55519 0.781863,9.82627 -7.001121,1.81797 -3.593063,-9.29297 z"
id="path6944"
inkscape:connector-curvature="0" />
<path
transform="translate(0,-11.249983)"
style="fill:#172062;fill-opacity:1;stroke:none;stroke-width:0.24600939px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 43.603475,280.06036 -10.564819,-28.58824 -6.574764,2.28618 -0.916385,-3.37337 6.23111,-2.47535 -2.011396,-5.37101 -6.431418,2.16468 -1.002197,-3.66725 6.348194,-1.96596 -2.123972,-6.85578 3.11982,-0.81419 1.86458,6.45975 6.080155,-1.86705 0.744318,3.27357 -5.700174,1.79072 1.953823,5.78639 6.048884,-2.08256 1.308957,3.64208 -6.116434,2.13257 11.116753,28.12778 z"
id="path6891-8"
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccccccccccccccccccccc" />
<path
transform="translate(0,-11.249983)"
style="fill:#172062;fill-opacity:1;stroke:none;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 411.98753,264.70523 3.91734,-12.57157 -7.13355,-3.53259 -1.396,-8.02014 5.81668,-6.93436 10.92618,-0.52461 7.35863,5.88054 0.0806,8.11138 -5.67524,6.95564 -7.37536,-0.96565 -1.04168,4.03744 5.21293,-1.96321 1.42492,-6.58308 5.61592,-1.7579 5.33002,3.98422 -1.35343,5.14755 -3.67857,2.33882 -4.89966,-2.03926 -7.52592,2.91667 -1.60892,6.84465 z"
id="path6985"
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccccccccccccccccccccc" />
<path
transform="translate(0,-11.249983)"
style="fill:#172062;fill-opacity:1;stroke:none;stroke-width:0.27861062px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 438.77767,272.41521 -0.009,-2.99656 1.24656,2.44908 1.28337,-1.87551 -0.0534,2.25473 2.30831,-1.55949 -1.70125,2.67579 z"
id="path7212"
inkscape:connector-curvature="0" />
<path
transform="translate(0,-11.249983)"
style="fill:#172062;fill-opacity:1;stroke:none;stroke-width:0.29395995px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 387.1467,259.13862 -0.3913,-3.17093 1.60741,2.46066 1.09423,-2.12083 0.23196,2.39229 2.19942,-1.8946 -1.42637,3.01207 z"
id="path7212-4"
inkscape:connector-curvature="0" />
<path
transform="translate(0,-11.249983)"
style="fill:#172062;fill-opacity:1;stroke:none;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 457.96894,278.42384 1.02302,-2.77836 -1.31183,-0.56021 0.33336,-0.616 1.26318,0.48291 0.54568,-1.37607 0.81934,0.31324 -0.47741,1.4022 1.87364,0.67714 0.47795,-1.14765 0.83893,0.26207 -0.47245,1.28672 1.80283,0.70884 0.41215,-1.23149 0.92825,0.33529 -0.49337,1.23952 1.38917,0.51162 -0.21081,0.85845 -1.42731,-0.56527 -1.05878,2.6669 -0.81279,-0.33034 0.94975,-2.68892 -1.68742,-0.7038 -1.03512,2.65627 -0.83236,-0.27915 0.99293,-2.75061 -1.92628,-0.79522 -1.00194,2.82543 z"
id="path7229"
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccccccccccccccccccccccccccccc" />
<path
transform="translate(0,-11.249983)"
id="path7233"
style="fill:#172062;fill-opacity:1;stroke:none;stroke-width:0.3185696px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 73.482785,265.42476 4.944364,-1.72314 -0.207904,-0.52164 -2.012479,0.86151 -0.0213,-0.63037 -0.837931,0.3339 0.324488,0.46118 -2.371778,0.68852 z m 0.497305,0.21764 4.223597,-1.35549 0.556753,4.37406 -2.879727,0.92419 z"
inkscape:connector-curvature="0"
sodipodi:nodetypes="cccccccccccccc" />
<path
transform="translate(0,-11.249983)"
style="fill:#172062;fill-opacity:1;stroke:none;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 156.55184,206.61884 0.47605,-0.20403 1.0201,8.90891 -0.47605,0.20402 z"
id="path7236"
inkscape:connector-curvature="0" />
<path
transform="translate(0,-11.249983)"
style="fill:#172062;fill-opacity:1;stroke:none;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 160.97229,209.47512 0.20402,4.96451 0.47605,-0.068 0.068,-5.03251 z"
id="path7238"
inkscape:connector-curvature="0" />
<path
transform="translate(0,-11.249983)"
style="fill:#172062;fill-opacity:1;stroke:none;stroke-width:0.34364724px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 23.838748,287.33572 -2.186787,-3.04882 3.027872,1.63785 -0.07842,-2.79635 1.585239,2.33549 1.177306,-3.18042 0.241718,3.90016 z"
id="path7212-4-6"
inkscape:connector-curvature="0" />
<circle
transform="translate(0,-11.249983)"
style="opacity:0.5;fill:#ff0016;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2.11666656;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path4535"
cx="120.03474"
cy="193.66763"
r="2.5126758" />
<circle
transform="translate(0,-11.249983)"
style="opacity:0.5;fill:#ff0016;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2.11666656;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path4535-2"
cx="97.333473"
cy="218.84901"
r="2.5126758" />
<circle
transform="translate(0,-11.249983)"
style="opacity:0.5;fill:#ff0016;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2.11666656;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path4535-24"
cx="70.128021"
cy="226.19046"
r="2.5126758" />
<circle
transform="translate(0,-11.249983)"
style="opacity:0.25;fill:#ff0016;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.41842699;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path4535-25"
cx="118.05532"
cy="234.83446"
r="1.6838019" />
<circle
transform="translate(0,-11.249983)"
style="opacity:0.5;fill:#ffbe16;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.3186785;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path4535-9"
cx="110.59546"
cy="252.2408"
r="1.5653913" />
<circle
transform="translate(0,-11.249983)"
style="opacity:0.5;fill:#ffbe16;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.3186785;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path4535-9-7"
cx="122.43651"
cy="242.53113"
r="1.5653913" />
<circle
transform="translate(0,-11.249983)"
style="opacity:0.5;fill:#ffbe16;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.3186785;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path4535-9-2"
cx="64.415337"
cy="265.26596"
r="1.5653913" />
<circle
transform="translate(0,-11.249983)"
style="opacity:0.1;fill:#ff0016;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:6.44323444;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path4535-24-4"
cx="69.61615"
cy="226.18503"
r="7.648705" />
<circle
transform="translate(0,-11.249983)"
style="opacity:0.1;fill:#ff0016;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:6.44323444;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path4535-24-4-4"
cx="97.333473"
cy="218.84901"
r="7.648705" />
<circle
transform="translate(0,-11.249983)"
style="opacity:0.1;fill:#ff0016;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:6.44323444;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path4535-24-4-2"
cx="119.52941"
cy="193.50121"
r="7.648705" />
<circle
transform="translate(0,-11.249983)"
style="opacity:0.02999998;fill:#ffbe16;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:4.13750315;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path4535-9-2-6"
cx="64.415337"
cy="265.26596"
r="4.9115925" />
<circle
transform="translate(0,-11.249983)"
style="opacity:0.02999998;fill:#ffbe16;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:4.13750315;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path4535-9-2-6-7"
cx="110.59546"
cy="252.2408"
r="4.9115925" />
<circle
transform="translate(0,-11.249983)"
style="opacity:0.02999998;fill:#ffbe16;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:4.13750315;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path4535-9-2-6-3"
cx="122.43651"
cy="242.53113"
r="4.9115925" />
<circle
transform="translate(0,-11.249983)"
style="opacity:0.05;fill:#ff0016;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:6.44323444;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path4535-24-4-4-8"
cx="117.52492"
cy="234.88242"
r="7.648705" />
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 19 KiB