This commit is contained in:
syuilo 2018-03-17 17:47:46 +09:00
parent 1003eb19e5
commit f540393ee8
4 changed files with 471 additions and 87 deletions

View File

@ -78,14 +78,14 @@ export default Vue.extend({
> img > img
display block display block
width 36px width 42px
height 36px height 42px
border-radius 6px border-radius 6px
> .body > .body
float right float right
width calc(100% - 36px) width calc(100% - 42px)
padding-left 8px padding-left 12px
> header > header
display flex display flex

View File

@ -70,9 +70,24 @@ export default Vue.extend({
display flex display flex
flex-direction column flex-direction column
flex 1 flex 1
background #eee
$width = 1000px $width = 1000px
background-image url('/assets/welcome-bg.svg')
background-size cover
background-position top center
&:before
content ""
display block
position fixed
bottom 0
left 0
width 100%
height 100%
background-image url('/assets/welcome-fg.svg')
background-size cover
background-position bottom center
> main > main
display flex display flex
flex 1 flex 1
@ -80,9 +95,6 @@ export default Vue.extend({
> .top > .top
display flex display flex
width 100% width 100%
background-image url('/assets/welcome.svg')
background-size cover
background-position top center
> div > div
display flex display flex
@ -92,7 +104,8 @@ export default Vue.extend({
> div:first-child > div:first-child
margin 0 48px 0 0 margin 0 48px 0 0
color #777 color #d1e6bf
text-shadow 0 0 12px #172062
> h1 > h1
margin 0 margin 0
@ -154,18 +167,19 @@ export default Vue.extend({
overflow auto overflow auto
> footer > footer
font-size 12px
color #949ea5 color #949ea5
background #fff
> div > div
max-width $width max-width $width
margin 0 auto margin 0 auto
padding 42px 0 padding 0 0 42px 0
text-align center text-align center
> .c > .c
margin 16px 0 0 0 margin 16px 0 0 0
font-size 10px font-size 10px
opacity 0.7
</style> </style>
@ -194,3 +208,9 @@ export default Vue.extend({
a a
color #666 color #666
</style> </style>
<style lang="stylus">
html
body
background linear-gradient(to bottom, #1e1d65, #bd6659)
</style>

View File

@ -17,9 +17,26 @@
version="1.1" version="1.1"
id="svg8" id="svg8"
inkscape:version="0.92.1 r15371" inkscape:version="0.92.1 r15371"
sodipodi:docname="描画.svg"> sodipodi:docname="welcome-bg.svg">
<defs <defs
id="defs2"> 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 <linearGradient
inkscape:collect="always" inkscape:collect="always"
id="linearGradient7044"> id="linearGradient7044">
@ -44,7 +61,8 @@
height="2" height="2"
width="2" width="2"
patternUnits="userSpaceOnUse" patternUnits="userSpaceOnUse"
inkscape:collect="always"> inkscape:collect="always"
inkscape:isstock="true">
<rect <rect
id="rect6201" id="rect6201"
height="1" height="1"
@ -68,10 +86,22 @@
offset="0" offset="0"
id="stop5404" /> id="stop5404" />
</linearGradient> </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 <linearGradient
inkscape:collect="always" inkscape:collect="always"
xlink:href="#linearGradient7044" xlink:href="#linearGradient7044"
id="linearGradient7064" id="linearGradient6476"
gradientUnits="userSpaceOnUse" gradientUnits="userSpaceOnUse"
gradientTransform="matrix(3.223659,0,0,2.5556636,-579.27357,808.39)" gradientTransform="matrix(3.223659,0,0,2.5556636,-579.27357,808.39)"
x1="86.490868" x1="86.490868"
@ -80,30 +110,74 @@
y2="-216.62756" /> y2="-216.62756" />
<mask <mask
maskUnits="userSpaceOnUse" maskUnits="userSpaceOnUse"
id="mask7060"> id="mask6472">
<rect <rect
style="opacity:1;fill:url(#linearGradient7064);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.92238116;stroke-miterlimit:4;stroke-dasharray:none" transform="rotate(-90)"
id="rect7062"
width="291.06116"
height="511.36566"
x="-300.45657"
y="-0.91986513" y="-0.91986513"
transform="rotate(-90)" /> 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> </mask>
</defs> </defs>
<sodipodi:namedview <sodipodi:namedview
id="base" id="base"
pagecolor="#ffffff" pagecolor="#1e1d65"
bordercolor="#666666" bordercolor="#666666"
borderopacity="1.0" borderopacity="1.0"
inkscape:pageopacity="0.84705882" inkscape:pageopacity="0.84705882"
inkscape:pageshadow="2" inkscape:pageshadow="2"
inkscape:zoom="0.51" inkscape:zoom="0.6363961"
inkscape:cx="895.96593" inkscape:cx="1046.85"
inkscape:cy="599.48775" inkscape:cy="572.84089"
inkscape:document-units="mm" inkscape:document-units="mm"
inkscape:current-layer="layer1" inkscape:current-layer="layer1"
showgrid="false" showgrid="true"
units="px" units="px"
inkscape:pagecheckerboard="true" inkscape:pagecheckerboard="true"
inkscape:window-width="1920" inkscape:window-width="1920"
@ -118,7 +192,23 @@
inkscape:bbox-paths="true" inkscape:bbox-paths="true"
inkscape:bbox-nodes="true" inkscape:bbox-nodes="true"
inkscape:snap-bbox-edge-midpoints="true" inkscape:snap-bbox-edge-midpoints="true"
inkscape:snap-bbox-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 <metadata
id="metadata5"> id="metadata5">
<rdf:RDF> <rdf:RDF>
@ -137,21 +227,23 @@
id="layer1" id="layer1"
transform="translate(0,-11.249983)"> transform="translate(0,-11.249983)">
<rect <rect
style="opacity:0.05;fill:url(#pattern7010);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.15551688;stroke-miterlimit:4;stroke-dasharray:none" 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"
id="rect6987" id="rect7178"
width="754.9812" width="568.07599"
height="469.89072" height="367.82269"
x="-83.816063" x="-37.871731"
y="-63.078693" y="-52.665051"
ry="0" mask="url(#mask7196)" />
mask="url(#mask7060)" /> <rect
<path style="fill:none;stroke:none;stroke-width:140.99996948;opacity:0.5"
style="fill:#000000;fill-opacity:0.09661835;stroke:none;stroke-width:0.26499999;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" width="596.8999"
d="m 149.59224,187.51883 -30.48108,6.4476 18.58548,61.14441 32.06774,-5.02079 2.27916,-39.16205 -20.18463,5.72179 z m -19.28212,12.50282 11.30447,-2.22985 0.81973,12.45223 -7.5888,1.65389 z m 15.28477,16.59486 0.74067,11.65353 -7.42226,2.02029 -3.70369,-10.82413 z m 1.61836,17.96698 1.20153,11.02325 -5.56723,1.37628 -3.18232,-10.49349 z m 14.34445,-2.69044 0.26461,11.20806 -5.86133,1.29523 -1.20102,-11.02336 z" height="596.90082"
id="path5398" x="-63.49987"
inkscape:connector-curvature="0" /> y="-58.600021"
id="rect6468"
mask="url(#mask6472)" />
<ellipse <ellipse
style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.35368672" style="fill:#6e76a3;fill-opacity:0.50241548;stroke:none;stroke-width:0.35368672"
id="path5309" id="path5309"
cx="19.684303" cx="19.684303"
cy="2.3963881" cy="2.3963881"
@ -159,21 +251,21 @@
ry="51.621048" ry="51.621048"
transform="matrix(0.99853597,-0.05409175,0,1,0,0)" /> transform="matrix(0.99853597,-0.05409175,0,1,0,0)" />
<ellipse <ellipse
style="fill:#ffffff;fill-opacity:0.56038663;stroke:none;stroke-width:0.26458332" style="fill:#6e76a3;fill-opacity:0.50241548;stroke:none;stroke-width:0.26458332;opacity:0.64"
id="path5313" id="path5313"
cx="146.58771" cx="146.58771"
cy="21.961346" cy="21.961346"
rx="60.384743" rx="60.384743"
ry="31.365929" /> ry="31.365929" />
<ellipse <ellipse
style="fill:#ffffff;fill-opacity:0.56038663;stroke:none;stroke-width:0.22788492" style="fill:#6e76a3;fill-opacity:0.50241548;stroke:none;stroke-width:0.22788492;opacity:0.68"
id="path5313-3" id="path5313-3"
cx="227.88307" cx="227.88307"
cy="9.7990417" cy="9.7990417"
rx="51.849796" rx="51.849796"
ry="27.098455" /> ry="27.098455" />
<ellipse <ellipse
style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.18895671" style="fill:#6e76a3;fill-opacity:0.50241548;stroke:none;stroke-width:0.18895671;opacity:0.77000005"
id="path5309-5" id="path5309-5"
cx="158.05429" cx="158.05429"
cy="9.211237" cy="9.211237"
@ -181,7 +273,7 @@
ry="25.06374" ry="25.06374"
transform="matrix(0.99900149,0.04467679,0,-1,0,0)" /> transform="matrix(0.99900149,0.04467679,0,-1,0,0)" />
<ellipse <ellipse
style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.19881381" style="fill:#6e76a3;fill-opacity:0.50241548;stroke:none;stroke-width:0.19881381;opacity:0.65719996"
id="path5309-5-5" id="path5309-5-5"
cx="-320.59222" cx="-320.59222"
cy="-18.961536" cy="-18.961536"
@ -189,7 +281,7 @@
ry="26.334759" ry="26.334759"
transform="matrix(-0.99900701,0.04455336,0,-1,0,0)" /> transform="matrix(-0.99900701,0.04455336,0,-1,0,0)" />
<ellipse <ellipse
style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.2416939" style="fill:#6e76a3;fill-opacity:0.50241548;stroke:none;stroke-width:0.2416939;opacity:0.44320004"
id="path5309-0" id="path5309-0"
cx="-474.55038" cx="-474.55038"
cy="-20.052439" cy="-20.052439"
@ -197,32 +289,14 @@
ry="37.216171" ry="37.216171"
transform="matrix(-0.99818591,-0.06020699,0,1,0,0)" /> transform="matrix(-0.99818591,-0.06020699,0,1,0,0)" />
<ellipse <ellipse
style="fill:#ffffff;fill-opacity:0.56038663;stroke:none;stroke-width:0.26458332" style="fill:#6e76a3;fill-opacity:0.50241548;stroke:none;stroke-width:0.26458332;opacity:0.78580004"
id="path5313-5" id="path5313-5"
cx="382.79236" cx="382.79236"
cy="16.200251" cy="16.200251"
rx="60.384743" rx="60.384743"
ry="31.365929" /> ry="31.365929" />
<circle
style="fill:#000000;fill-opacity:0.09661835;stroke:none;stroke-width:1.99730551"
id="path5392"
cx="253.06117"
cy="887.61829"
r="642.68146" />
<path <path
style="fill:#000000;fill-opacity:0.09661835;stroke:none;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" style="fill:#ffff7c;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.26499999;stroke-miterlimit:4;stroke-dasharray:none"
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
style="fill:#000000;fill-opacity:0.09661835;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
style="fill:#000000;fill-opacity:0.09661835;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" 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" id="path6914"
inkscape:connector-curvature="0" /> inkscape:connector-curvature="0" />
@ -309,50 +383,95 @@
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" 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" inkscape:transform-center-x="2.4830149e-006"
transform="matrix(0.91666667,0,0,1,7.1509005,0)" /> transform="matrix(0.91666667,0,0,1,7.1509005,0)" />
<path
style="fill:#000000;fill-opacity:0.09661835;stroke:none;stroke-width:0.99999994px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="M 278.09961 779.17383 L 273.55469 781.65234 L 282.30273 807.51562 L 265.05078 812.48633 L 316.54688 967.83984 L 396.62305 947.04297 L 369.47266 782.39453 L 286.1543 806.4043 L 278.09961 779.17383 z M 341.34766 817.19922 L 346.93555 855.88672 L 315.41797 863.33008 L 300.96094 827.68945 L 341.34766 817.19922 z M 355.63477 872.21094 L 358.58984 909.34961 L 332.12891 916.2207 L 318.54883 881.09766 L 355.63477 872.21094 z "
transform="matrix(0.26458333,0,0,0.26458333,0,11.249983)"
id="path6944" />
<path
style="fill:#000000;fill-opacity:0.09661835;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
style="fill:#000000;fill-opacity:0.09661835;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" />
<ellipse <ellipse
style="fill:#ffffff;fill-opacity:0.56038663;stroke:none;stroke-width:0.26458332" style="fill:#6e76a3;fill-opacity:0.50241548;stroke:none;stroke-width:0.26458332;opacity:0.50920001"
id="path5313-36" id="path5313-36"
cx="12.969777" cx="12.969777"
cy="40.717304" cy="40.717304"
rx="60.384743" rx="60.384743"
ry="31.365929" /> ry="31.365929" />
<ellipse <ellipse
style="fill:#ffffff;fill-opacity:0.56038663;stroke:none;stroke-width:0.28271547" style="fill:#6e76a3;fill-opacity:0.50241548;stroke:none;stroke-width:0.28271547;opacity:0.67880004"
id="path5313-36-0" id="path5313-36-0"
cx="525.27576" cx="525.27576"
cy="33.454243" cy="33.454243"
rx="68.944794" rx="68.944794"
ry="31.365929" /> ry="31.365929" />
<ellipse <ellipse
style="fill:#ffffff;fill-opacity:0.56038663;stroke:none;stroke-width:0.26458332" style="fill:#6e76a3;fill-opacity:0.50241548;stroke:none;stroke-width:0.26458332;opacity:0.42"
id="path5313-367" id="path5313-367"
cx="91.30719" cx="91.30719"
cy="8.5522709" cy="8.5522709"
rx="60.384743" rx="60.384743"
ry="31.365929" /> ry="31.365929" />
<ellipse <ellipse
style="fill:#ffffff;fill-opacity:0.56038663;stroke:none;stroke-width:0.33264157" style="fill:#6e76a3;fill-opacity:0.50241548;stroke:none;stroke-width:0.33264157;opacity:0.81720004"
id="path5313-5-9" id="path5313-5-9"
cx="445.12253" cx="445.12253"
cy="3.1049659" cy="3.1049659"
rx="78.023628" rx="78.023628"
ry="38.369606" /> ry="38.369606" />
<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"
rx="21.691566"
ry="5.0825601" />
<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"
rx="27.399597"
ry="6.4200115" />
<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"
rx="24.144913"
ry="5.0825605"
transform="scale(-1,1)" />
<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"
rx="30.498529"
ry="6.4200115"
transform="scale(-1,1)" />
<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,0)" />
<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,0)" />
<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="path6923-9"
sodipodi:sides="4"
sodipodi:cx="459.82238"
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" />
</g> </g>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 18 KiB

View File

@ -0,0 +1,245 @@
<?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.59714111"
inkscape:cx="708.91441"
inkscape:cy="407.20421"
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></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="レイヤー 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(0,-11.249983)">
<path
style="fill:#172062;fill-opacity:1;stroke:none;stroke-width:0.26499999;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 149.59224,187.51883 -30.48108,6.4476 18.58548,61.14441 32.06774,-5.02079 2.27916,-39.16205 -20.18463,5.72179 z m -19.28212,12.50282 11.30447,-2.22985 0.81973,12.45223 -7.5888,1.65389 z m 15.28477,16.59486 0.74067,11.65353 -7.42226,2.02029 -3.70369,-10.82413 z m 1.61836,17.96698 1.20153,11.02325 -5.56723,1.37628 -3.18232,-10.49349 z m 14.34445,-2.69044 0.26461,11.20806 -5.86133,1.29523 -1.20102,-11.02336 z"
id="path5398"
inkscape:connector-curvature="0" />
<circle
style="fill:#172062;fill-opacity:1;stroke:none;stroke-width:1.99730551"
id="path5392"
cx="253.06117"
cy="887.61829"
r="642.68146" />
<path
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
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
style="fill:#172062;fill-opacity:1;stroke:none;stroke-width:0.99999994px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="M 278.09961 779.17383 L 273.55469 781.65234 L 282.30273 807.51562 L 265.05078 812.48633 L 316.54688 967.83984 L 396.62305 947.04297 L 369.47266 782.39453 L 286.1543 806.4043 L 278.09961 779.17383 z M 341.34766 817.19922 L 346.93555 855.88672 L 315.41797 863.33008 L 300.96094 827.68945 L 341.34766 817.19922 z M 355.63477 872.21094 L 358.58984 909.34961 L 332.12891 916.2207 L 318.54883 881.09766 L 355.63477 872.21094 z "
transform="matrix(0.26458333,0,0,0.26458333,0,11.249983)"
id="path6944" />
<path
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
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
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
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
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
id="path7233"
style="fill:#172062;fill-opacity:1;stroke:none;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 74.377161,266.1298 4.106469,-1.43113 -0.172672,-0.43324 -1.671435,0.71552 -0.01769,-0.52355 -0.695931,0.27732 0.269498,0.38302 -1.969845,0.57184 z m 0.413029,0.18076 3.507847,-1.12578 0.462403,3.63281 -2.391715,0.76757 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"
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"
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
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" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 12 KiB