natty
/
misskey-awawa
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

🎨

This commit is contained in:
syuilo 2018-03-18 16:47:33 +09:00
parent cb24efdb36
commit 1090339e7b
3 changed files with 227 additions and 131 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/web/app/desktop/views/pages/welcome.vue
View File

@ -180,6 +180,7 @@ export default Vue.extend({
width 410px
background #fff
border-radius 8px
box-shadow 0 0 0 12px rgba(0, 0, 0, 0.1)
overflow hidden
> header

272
src/web/assets/welcome-bg.svg
View File

@ -172,11 +172,11 @@
borderopacity="1.0"
inkscape:pageopacity="0.84705882"
inkscape:pageshadow="2"
inkscape:zoom="0.74"
inkscape:cx="865.43641"
inkscape:cy="483.22245"
inkscape:zoom="0.79170474"
inkscape:cx="909.31053"
inkscape:cy="606.85692"
inkscape:document-units="mm"
inkscape:current-layer="layer1"
inkscape:current-layer="layer2"
showgrid="true"
units="px"
inkscape:pagecheckerboard="false"
@ -193,7 +193,8 @@
inkscape:bbox-nodes="true"
inkscape:snap-bbox-edge-midpoints="true"
inkscape:snap-bbox-midpoints="true"
showguides="false">
showguides="false"
inkscape:lockguides="true">
<inkscape:grid
type="xygrid"
id="grid6443"
@ -207,7 +208,7 @@
position="-69.219003,3.872392"
orientation="1,0"
id="guide6508"
inkscape:locked="false" />
inkscape:locked="true" />
</sodipodi:namedview>
<metadata
id="metadata5">
@ -217,7 +218,7 @@
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
<dc:title />
</cc:Work>
</rdf:RDF>
</metadata>
@ -225,82 +226,40 @@
inkscape:label="レイヤー 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(0,-11.249983)">
transform="translate(0,-11.249983)"
style="display:inline"
sodipodi:insensitive="true">
<rect
style="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"
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
style="fill:none;stroke:none;stroke-width:140.99996948;opacity:0.5"
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)" />
<ellipse
style="fill:#6e76a3;fill-opacity:0.50241548;stroke:none;stroke-width:0.35368672"
id="path5309"
cx="19.684303"
cy="2.3963881"
rx="115.17702"
ry="51.621048"
transform="matrix(0.99853597,-0.05409175,0,1,0,0)" />
<ellipse
style="fill:#6e76a3;fill-opacity:0.50241548;stroke:none;stroke-width:0.26458332;opacity:0.64"
id="path5313"
cx="146.58771"
cy="21.961346"
rx="60.384743"
ry="31.365929" />
<ellipse
style="fill:#6e76a3;fill-opacity:0.50241548;stroke:none;stroke-width:0.22788492;opacity:0.68"
id="path5313-3"
cx="227.88307"
cy="9.7990417"
rx="51.849796"
ry="27.098455" />
<ellipse
style="fill:#6e76a3;fill-opacity:0.50241548;stroke:none;stroke-width:0.18895671;opacity:0.77000005"
id="path5309-5"
cx="158.05429"
cy="9.211237"
rx="67.707047"
ry="25.06374"
transform="matrix(0.99900149,0.04467679,0,-1,0,0)" />
<ellipse
style="fill:#6e76a3;fill-opacity:0.50241548;stroke:none;stroke-width:0.19881381;opacity:0.65719996"
id="path5309-5-5"
cx="-320.59222"
cy="-18.961536"
rx="71.337646"
ry="26.334759"
transform="matrix(-0.99900701,0.04455336,0,-1,0,0)" />
<ellipse
style="fill:#6e76a3;fill-opacity:0.50241548;stroke:none;stroke-width:0.2416939;opacity:0.44320004"
id="path5309-0"
cx="-474.55038"
cy="-20.052439"
rx="74.602745"
ry="37.216171"
transform="matrix(-0.99818591,-0.06020699,0,1,0,0)" />
<ellipse
style="fill:#6e76a3;fill-opacity:0.50241548;stroke:none;stroke-width:0.26458332;opacity:0.78580004"
id="path5313-5"
cx="382.79236"
cy="16.200251"
rx="60.384743"
ry="31.365929" />
<path
transform="translate(0,-11.249983)"
style="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" />
<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"
@ -318,6 +277,7 @@
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"
@ -334,6 +294,7 @@
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"
@ -350,6 +311,7 @@
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"
@ -382,65 +344,39 @@
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.91666667,0,0,1,7.1509005,0)" />
<ellipse
style="fill:#6e76a3;fill-opacity:0.50241548;stroke:none;stroke-width:0.26458332;opacity:0.50920001"
id="path5313-36"
cx="12.969777"
cy="40.717304"
rx="60.384743"
ry="31.365929" />
<ellipse
style="fill:#6e76a3;fill-opacity:0.50241548;stroke:none;stroke-width:0.28271547;opacity:0.67880004"
id="path5313-36-0"
cx="525.27576"
cy="33.454243"
rx="68.944794"
ry="31.365929" />
<ellipse
style="fill:#6e76a3;fill-opacity:0.50241548;stroke:none;stroke-width:0.26458332;opacity:0.42"
id="path5313-367"
cx="91.30719"
cy="8.5522709"
rx="60.384743"
ry="31.365929" />
<ellipse
style="fill:#6e76a3;fill-opacity:0.50241548;stroke:none;stroke-width:0.33264157;opacity:0.81720004"
id="path5313-5-9"
cx="445.12253"
cy="3.1049659"
rx="78.023628"
ry="38.369606" />
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="181.50844"
cy="105.65076"
cx="178.44102"
cy="110.95996"
rx="21.691566"
ry="5.0825601" />
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="203.20001"
cy="111.49451"
cx="200.1326"
cy="116.80371"
rx="27.399597"
ry="6.4200115" />
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="-418.26395"
cy="129.96568"
cx="-429.23041"
cy="90.631134"
rx="24.144913"
ry="5.0825605"
transform="scale(-1,1)" />
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="-394.11902"
cy="135.80943"
cx="-405.08548"
cy="96.474884"
rx="30.498529"
ry="6.4200115"
transform="scale(-1,1)" />
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"
@ -448,7 +384,7 @@
cy="163.90004"
rx="18.893074"
ry="3.884198"
transform="matrix(-0.99073724,0.13579293,0.14607844,0.98927301,0,0)" />
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"
@ -456,13 +392,14 @@
cy="168.36595"
rx="23.864695"
ry="4.9063048"
transform="matrix(-0.99073724,0.13579293,0.14607844,0.98927301,0,0)" />
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.82238"
sodipodi:cx="459.82239"
sodipodi:cy="139.8455"
sodipodi:r1="3.949214"
sodipodi:r2="1.9746071"
@ -474,6 +411,7 @@
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"
@ -495,7 +433,7 @@
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.61390675,-0.48689203,0.48689203,0.61390675,-23.159158,59.898943)"
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"
@ -513,7 +451,123 @@
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.43093707,-0.43093707,0.58032639,446.5843,34.605513)"
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="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 Swipe Overlay

Before

Width:  |  Height:  |  Size: 20 KiB

After

Width:  |  Height:  |  Size: 27 KiB

85
src/web/assets/welcome-fg.svg
View File

@ -111,17 +111,17 @@
inkscape:pageopacity="0.84705882"
inkscape:pageshadow="2"
inkscape:zoom="0.6363961"
inkscape:cx="880.61964"
inkscape:cy="478.31658"
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="1017"
inkscape:window-x="-8"
inkscape:window-y="1072"
inkscape:window-height="1057"
inkscape:window-x="1912"
inkscape:window-y="1143"
inkscape:window-maximized="1"
objecttolerance="1"
guidetolerance="10000"
@ -160,176 +160,217 @@
</rdf:RDF>
</metadata>
<g
inkscape:label="レイヤー 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(0,-11.249983)">
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 L 446.36133 844.20898 L 465.27539 900.95117 L 419.88281 911.03711 L 408.53516 871.94922 L 361.88086 884.55859 L 375.75195 918.60352 L 320.27148 933.73438 L 307.66211 889.60352 L 259.74805 903.47266 L 273.61719 947.60352 L 240.83398 958.95312 L 258.48633 994.25781 L 537.14844 931.21289 L 500.58203 825.29688 z M 489.48633 851.75 L 489.93359 863.3418 L 477.89648 866.01562 L 474.33008 856.20898 L 489.48633 851.75 z M 494.39062 876.26953 L 495.2832 886.07812 L 485.91992 888.75195 L 481.46289 879.39062 L 494.39062 876.26953 z M 292.89062 908.36719 L 292.89062 919.51172 L 284.41992 921.29492 L 279.51562 912.37891 L 292.89062 908.36719 z "
transform="matrix(0.26458333,0,0,0.26458333,0,11.249983)"
id="path4522" />
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
style="fill:#253276;stroke:none;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:1"
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" />
<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 L 450.18359 691.16992 L 520.42773 922.26758 L 641.62891 903.29102 L 650.24414 755.27734 L 573.95508 776.90234 L 565.38867 666.80078 z M 535.23633 705.62891 L 538.33398 752.69141 L 526.88867 755.18555 L 517.74805 709.07812 L 535.23633 705.62891 z M 508.82422 710.83789 L 519.13086 756.87695 L 509.65234 758.94336 L 492.50977 714.05664 L 508.82422 710.83789 z M 550.2793 776.77734 L 553.08008 820.82227 L 540.57617 824.22461 L 532.1543 781.75 L 550.2793 776.77734 z M 525.12891 783.67773 L 534.57031 825.85938 L 525.02734 828.45703 L 511.0293 787.54688 L 525.12891 783.67773 z M 610.61133 834.51562 L 611.61133 876.875 L 589.45898 881.77148 L 584.91992 840.10742 L 610.61133 834.51562 z M 556.39648 844.68359 L 560.9375 886.3457 L 553.26562 888.24219 L 545.19141 847.51172 L 556.39648 844.68359 z M 539.72656 848.89258 L 548.78125 889.34961 L 539.89648 891.54688 L 527.86914 851.88672 L 539.72656 848.89258 z "
transform="matrix(0.26458333,0,0,0.26458333,0,11.249983)"
id="path5398" />
</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
style="fill:#172062;stroke:none;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:1"
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
style="fill:#172062;stroke:none;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:1"
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
style="opacity:0.03;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"
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
style="opacity:0.03;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"
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
style="opacity:0.03;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"
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"

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 18 KiB

After

Width:  |  Height:  |  Size: 19 KiB