Michel2/pybricks-code
1
0
Fork 0
mirror of https://github.com/pybricks/pybricks-code.git synced 2026-07-28 04:08:05 +00:00
Code Issues Releases Activity

app: update button icons

Browse Source
This commit is contained in:
Laurens Valk
2020-05-29 10:24:05 -05:00
committed by David Lechner
parent d04958bb01
commit 2ee64e3711
11 changed files with 335 additions and 895 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/images/bt-connected.svg
+31 -46
View File
@@ -17,7 +17,7 @@
version="1.1"
id="svg8"
inkscape:version="0.92.3 (2405546, 2018-03-11)"
sodipodi:docname="btconnected.svg"
sodipodi:docname="bt-connected.svg"
inkscape:export-filename="button.png"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96">
@@ -26,7 +26,7 @@
<linearGradient
id="light-circle-fill"
osb:paint="solid"
gradientTransform="translate(-111.65281,-194.6407)">
gradientTransform="matrix(1.6201655,0,0,1.6201655,-208.26055,-377.58061)">
<stop
style="stop-color:#ffffff;stop-opacity:1;"
offset="0"
@@ -89,21 +89,13 @@
<linearGradient
inkscape:collect="always"
xlink:href="#light-circle-fill"
id="linearGradient1340"
gradientUnits="userSpaceOnUse"
x1="73.169891"
y1="96.999817"
x2="90.008728"
y2="96.999817" />
<linearGradient
inkscape:collect="always"
xlink:href="#icon-contents"
id="linearGradient1342"
gradientUnits="userSpaceOnUse"
id="linearGradient5199"
x1="76.890312"
y1="96.730286"
x2="84.212921"
y2="96.730286" />
y2="96.730286"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.2728572,0,0,1.2728572,-22.909817,-26.355555)" />
</defs>
<sodipodi:namedview
id="base"
@@ -112,11 +104,11 @@
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="4"
inkscape:cx="50.63829"
inkscape:cy="69.428655"
inkscape:zoom="16"
inkscape:cx="21.730624"
inkscape:cy="15.927965"
inkscape:document-units="px"
inkscape:current-layer="layer1"
inkscape:current-layer="g1254"
showgrid="false"
inkscape:window-width="1853"
inkscape:window-height="1145"
@@ -127,7 +119,8 @@
inkscape:measure-start="0,0"
inkscape:measure-end="0,0"
inkscape:snap-global="false"
showguides="true" />
showguides="true"
inkscape:pagecheckerboard="true" />
<metadata
id="metadata5">
<rdf:RDF>
@@ -136,7 +129,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>
@@ -148,45 +141,37 @@
<g
transform="matrix(1.5712682,0,0,1.5712682,-114.96952,131.35809)"
id="g1254">
<circle
style="fill:url(#linearGradient1340);fill-opacity:1;stroke:url(#light-circle-edge);stroke-width:1.05833328;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="circle1246"
cx="81.58931"
cy="96.999817"
r="7.8902531"
inkscape:export-filename="button.png"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96" />
<path
style="fill:none;stroke:url(#linearGradient1342);stroke-width:1.05833328;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 77.284975,99.202757 6.097087,-5.044712 -2.973374,-2.472243 v 10.039308 l 2.990077,-2.655988 -6.172255,-5.078121"
id="path1248"
style="fill:none;stroke:url(#linearGradient5199);stroke-width:1.34710717;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 75.46292,99.915389 7.760721,-6.421198 -3.784681,-3.146812 v 12.778601 l 3.805941,-3.380689 -7.856399,-6.463723"
id="path1061"
inkscape:connector-curvature="0"
inkscape:export-filename="button.png"
inkscape:export-filename="/home/laurens/Dropbox/tmp/base.svg.png"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96" />
<path
style="fill:url(#icon-contents);fill-opacity:1;stroke:none;stroke-width:1.0583334;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path1250"
style="fill:url(#light-circle-fill);fill-opacity:1;stroke:none;stroke-width:1.34710717;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path1063"
sodipodi:type="arc"
sodipodi:cx="82.779907"
sodipodi:cy="96.542313"
sodipodi:rx="2.3387275"
sodipodi:ry="2.3387275"
sodipodi:cx="82.457184"
sodipodi:cy="96.529022"
sodipodi:rx="2.976866"
sodipodi:ry="2.976866"
sodipodi:start="5.5902437"
sodipodi:end="0.68451919"
d="m 84.579255,95.048326 a 2.3387275,2.3387275 0 0 1 0.01252,2.972765 l -1.811867,-1.478778 z"
inkscape:export-filename="button.png"
d="m 84.747496,94.627391 a 2.976866,2.976866 0 0 1 0.01593,3.783905 l -2.306247,-1.882274 z"
inkscape:export-filename="/home/laurens/Dropbox/tmp/base.svg.png"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96" />
<path
style="fill:url(#icon-contents);fill-opacity:1;stroke:none;stroke-width:1.0583334;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 86.170447,93.678921 -0.839224,0.6966 a 3.4010007,3.4010007 0 0 1 0.01654,4.320666 l -2.632398,-2.148707 -0.0021,0.0021 3.480925,2.841171 a 4.493588,4.493588 0 0 0 -0.02377,-5.711797 z"
id="path1252"
style="fill:url(#light-circle-fill);fill-opacity:1;stroke:none;stroke-width:1.34710717;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 86.772857,92.884335 -1.068213,0.886672 c 1.320158,1.59269 1.328977,3.896842 0.02105,5.499591 -0.0025,0.0015 -0.0062,-3.05e-4 1.077354,0.884102 1.729557,-2.118935 1.716876,-5.165832 -0.03026,-7.270296 z"
id="path1065"
inkscape:connector-curvature="0"
inkscape:export-filename="button.png"
inkscape:export-filename="/home/laurens/Dropbox/tmp/base.svg.png"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96" />
inkscape:export-ydpi="96"
sodipodi:nodetypes="cccccc" />
</g>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.5 KiB

After

Width:  |  Height:  |  Size: 6.1 KiB

src/components/images/bt-disconnected.svg
+17 -33
View File
@@ -17,7 +17,7 @@
version="1.1"
id="svg8"
inkscape:version="0.92.3 (2405546, 2018-03-11)"
sodipodi:docname="btdisconnected.svg"
sodipodi:docname="bt-disconnected.svg"
inkscape:export-filename="button.png"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96">
@@ -26,7 +26,7 @@
<linearGradient
id="light-circle-fill"
osb:paint="solid"
gradientTransform="translate(-111.65281,-194.6407)">
gradientTransform="matrix(1.6201655,0,0,1.6201655,-208.26055,-377.58061)">
<stop
style="stop-color:#ffffff;stop-opacity:1;"
offset="0"
@@ -89,21 +89,13 @@
<linearGradient
inkscape:collect="always"
xlink:href="#light-circle-fill"
id="linearGradient1340"
gradientUnits="userSpaceOnUse"
x1="73.169891"
y1="96.999817"
x2="90.008728"
y2="96.999817" />
<linearGradient
inkscape:collect="always"
xlink:href="#icon-contents"
id="linearGradient1342"
gradientUnits="userSpaceOnUse"
id="linearGradient5199"
x1="76.890312"
y1="96.730286"
x2="84.212921"
y2="96.730286" />
y2="96.730286"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.2728572,0,0,1.2728572,-22.909817,-26.355555)" />
</defs>
<sodipodi:namedview
id="base"
@@ -112,11 +104,11 @@
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="2"
inkscape:cx="210.21368"
inkscape:cy="68.742825"
inkscape:zoom="16"
inkscape:cx="30.590127"
inkscape:cy="29.036914"
inkscape:document-units="px"
inkscape:current-layer="layer1"
inkscape:current-layer="g1254"
showgrid="false"
inkscape:window-width="1853"
inkscape:window-height="1145"
@@ -127,7 +119,8 @@
inkscape:measure-start="0,0"
inkscape:measure-end="0,0"
inkscape:snap-global="false"
showguides="true" />
showguides="true"
inkscape:pagecheckerboard="true" />
<metadata
id="metadata5">
<rdf:RDF>
@@ -136,7 +129,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>
@@ -148,21 +141,12 @@
<g
transform="matrix(1.5712682,0,0,1.5712682,-114.96952,131.35809)"
id="g1254">
<circle
style="fill:url(#linearGradient1340);fill-opacity:1;stroke:url(#light-circle-edge);stroke-width:1.05833328;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="circle1246"
cx="81.58931"
cy="96.999817"
r="7.8902531"
inkscape:export-filename="button.png"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96" />
<path
style="fill:none;stroke:url(#linearGradient1342);stroke-width:1.05833328;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 77.284975,99.202757 6.097087,-5.044712 -2.973374,-2.472243 v 10.039308 l 2.990077,-2.655988 -6.172255,-5.078121"
id="path1248"
style="fill:none;stroke:url(#linearGradient5199);stroke-width:1.34710717;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 75.46292,99.915389 7.760721,-6.421198 -3.784681,-3.146812 v 12.778601 l 3.805941,-3.380689 -7.856399,-6.463723"
id="path1061"
inkscape:connector-curvature="0"
inkscape:export-filename="button.png"
inkscape:export-filename="/home/laurens/Dropbox/tmp/base.svg.png"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96" />
</g>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.3 KiB

After

Width:  |  Height:  |  Size: 4.8 KiB

src/components/images/download.svg
+52 -84
View File
@@ -26,7 +26,7 @@
<linearGradient
id="light-circle-fill"
osb:paint="solid"
gradientTransform="translate(-111.65281,-194.6407)">
gradientTransform="matrix(0.28001736,0,0,0.23860295,-25.635992,341.90119)">
<stop
style="stop-color:#ffffff;stop-opacity:1;"
offset="0"
@@ -89,21 +89,22 @@
<linearGradient
inkscape:collect="always"
xlink:href="#light-circle-fill"
id="linearGradient1360"
gradientUnits="userSpaceOnUse"
x1="44.394806"
y1="96.614624"
x2="61.233643"
y2="96.614624" />
<linearGradient
inkscape:collect="always"
xlink:href="#icon-contents"
id="linearGradient1362"
gradientUnits="userSpaceOnUse"
id="linearGradient5201"
x1="48.865211"
y1="96.215172"
x2="57.67136"
y2="96.215172" />
y2="96.215172"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(2.4926212,0,0,2.4926212,-119.48235,43.562502)" />
<linearGradient
id="light-circle-fill-6"
osb:paint="solid"
gradientTransform="matrix(1.4086066e-4,-8.1325943e-5,8.8105753e-5,1.5260364e-4,2183.2035,3758.7078)">
<stop
style="stop-color:#0088ce;stop-opacity:1;"
offset="0"
id="stop5207-2" />
</linearGradient>
</defs>
<sodipodi:namedview
id="base"
@@ -112,9 +113,9 @@
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="0.70710678"
inkscape:cx="158.42904"
inkscape:cy="57.754055"
inkscape:zoom="32"
inkscape:cx="23.424389"
inkscape:cy="35.145846"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
@@ -127,7 +128,8 @@
inkscape:measure-start="0,0"
inkscape:measure-end="0,0"
inkscape:snap-global="false"
showguides="true" />
showguides="true"
inkscape:pagecheckerboard="true" />
<metadata
id="metadata5">
<rdf:RDF>
@@ -145,72 +147,38 @@
inkscape:groupmode="layer"
id="layer1"
transform="translate(0,-270.54165)">
<g
transform="matrix(1.5712682,0,0,1.5712682,-69.756145,131.96333)"
id="g1312">
<circle
style="fill:url(#linearGradient1360);fill-opacity:1;stroke:url(#light-circle-edge);stroke-width:1.05833328;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="circle1300"
cx="52.814224"
cy="96.614624"
r="7.8902531"
inkscape:export-filename="button.png"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96" />
<path
style="fill:none;fill-opacity:0.50267382;stroke:#d4d4d4;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="M 49.39438,96.215168 V 92.34126 h 2.784086 3.56084 c 0.726546,0.726687 0.676341,0.676622 1.402888,1.403309 v 3.560632 2.783879 H 53.268286 49.39438 Z"
id="path1302"
inkscape:connector-curvature="0"
sodipodi:nodetypes="cccccccccc"
inkscape:export-filename="button.png"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96" />
<rect
style="fill:url(#icon-contents);fill-opacity:1;stroke:none;stroke-width:0.69999993;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect1304"
width="3.7087355"
height="2.0829065"
x="51.319706"
y="93.496758"
rx="0"
ry="0"
inkscape:export-filename="button.png"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96" />
<rect
ry="0"
rx="0"
y="93.844353"
x="53.913548"
height="1.222056"
width="0.80111265"
id="rect1306"
style="fill:url(#light-circle-fill);fill-opacity:1;stroke:none;stroke-width:0.69999993;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
inkscape:export-filename="button.png"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96" />
<rect
ry="0"
rx="0"
y="97.745399"
x="51.319706"
height="2.4222193"
width="3.7087355"
id="rect1308"
style="fill:url(#icon-contents);fill-opacity:1;stroke:none;stroke-width:0.69999993;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
inkscape:export-filename="button.png"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96" />
<path
sodipodi:nodetypes="cccccccccc"
inkscape:connector-curvature="0"
id="path1310"
d="M 49.39438,96.215168 V 92.34126 h 2.784086 3.56084 c 0.726546,0.726687 0.676341,0.676622 1.402888,1.403309 v 3.560632 2.783879 H 53.268286 49.39438 Z"
style="fill:none;fill-opacity:0.50267382;stroke:url(#linearGradient1362);stroke-width:1.05833328;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
inkscape:export-filename="button.png"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96" />
</g>
<path
sodipodi:nodetypes="cccccccccc"
inkscape:connector-curvature="0"
id="path919"
d="m 3.6391222,283.39048 v -9.65619 h 6.9396798 8.87582 c 1.811001,1.81136 1.68586,1.68657 3.496881,3.49792 v 8.87531 6.93915 H 13.295302 3.6391222 Z"
style="fill:none;fill-opacity:0.50267382;stroke:url(#linearGradient5201);stroke-width:2.11666679;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
inkscape:export-filename="/home/laurens/Dropbox/tmp/base.svg.png"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96" />
<rect
ry="0"
rx="0"
y="287.20477"
x="8.4382458"
height="6.0376749"
width="9.2444725"
id="rect915"
style="fill:url(#light-circle-fill);fill-opacity:1;stroke:none;stroke-width:1.39999986;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
inkscape:export-filename="/home/laurens/Dropbox/tmp/base.svg.png"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96" />
<rect
inkscape:export-ydpi="96"
inkscape:export-xdpi="96"
inkscape:export-filename="/home/laurens/Dropbox/tmp/base.svg.png"
style="fill:url(#light-circle-fill);fill-opacity:1;stroke:none;stroke-width:1.39999986;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect838"
width="9.2444725"
height="5.1447062"
x="8.4382458"
y="277.1506"
rx="0"
ry="0" />
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.4 KiB

After

Width:  |  Height:  |  Size: 6.0 KiB

src/components/images/firmware.svg
+100 -119
View File
@@ -26,7 +26,7 @@
<linearGradient
id="light-circle-fill"
osb:paint="solid"
gradientTransform="translate(-111.65281,-194.6407)">
gradientTransform="matrix(0.04149181,0,0,0.04149181,1.7417234,549.61437)">
<stop
style="stop-color:#ffffff;stop-opacity:1;"
offset="0"
@@ -89,21 +89,13 @@
<linearGradient
inkscape:collect="always"
xlink:href="#light-circle-fill"
id="linearGradient1356"
gradientUnits="userSpaceOnUse"
x1="162.38928"
y1="96.999817"
x2="179.22812"
y2="96.999817" />
<linearGradient
inkscape:collect="always"
xlink:href="#icon-contents"
id="linearGradient1358"
gradientUnits="userSpaceOnUse"
id="linearGradient5187"
x1="170.49026"
y1="91.974777"
x2="171.5486"
y2="91.974777" />
y2="91.974777"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(2.2770973,0,0,2.2770973,-375.89057,64.428671)" />
</defs>
<sodipodi:namedview
id="base"
@@ -112,9 +104,9 @@
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="2"
inkscape:cx="135.94058"
inkscape:cy="56.411566"
inkscape:zoom="11.313708"
inkscape:cx="33.439167"
inkscape:cy="33.623378"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
@@ -127,7 +119,8 @@
inkscape:measure-start="0,0"
inkscape:measure-end="0,0"
inkscape:snap-global="false"
showguides="true" />
showguides="true"
inkscape:pagecheckerboard="true" />
<metadata
id="metadata5">
<rdf:RDF>
@@ -136,7 +129,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>
@@ -145,106 +138,94 @@
inkscape:groupmode="layer"
id="layer1"
transform="translate(0,-270.54165)">
<g
transform="matrix(1.5712682,0,0,1.5712682,-255.15711,131.35809)"
id="g1298">
<circle
style="fill:url(#linearGradient1356);fill-opacity:1;stroke:url(#light-circle-edge);stroke-width:1.05833328;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="circle1282"
cx="170.8087"
cy="96.999817"
r="7.8902531"
inkscape:export-filename="button.png"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96" />
<path
transform="rotate(90,107.85414,163.6108)"
sodipodi:type="star"
style="fill:url(#icon-contents);fill-opacity:1;stroke:none;stroke-width:1.05833328;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path1284"
sodipodi:sides="3"
sodipodi:cx="37.758598"
sodipodi:cy="100.44551"
sodipodi:r1="1.9985147"
sodipodi:r2="0.99925733"
sodipodi:arg1="0"
sodipodi:arg2="1.0471976"
inkscape:flatsided="false"
inkscape:rounded="0"
inkscape:randomized="0"
d="m 39.757113,100.44551 -1.498886,0.86538 -1.498886,0.86539 v -1.73077 -1.730764 l 1.498886,0.865383 z"
inkscape:transform-center-y="0.49961781"
inkscape:export-filename="button.png"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96" />
<path
inkscape:connector-curvature="0"
id="path1286"
d="m 171.01943,91.124331 v 1.700893"
style="fill:#4e4e4e;fill-opacity:1;stroke:url(#linearGradient1358);stroke-width:1.05833328;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
inkscape:export-filename="button.png"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96" />
<rect
style="fill:url(#icon-contents);fill-opacity:1;stroke:none;stroke-width:0.29967827;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect1288"
width="10.547126"
height="4.6488767"
x="165.63434"
y="96.501266"
rx="0"
ry="0"
inkscape:export-filename="button.png"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96" />
<rect
ry="0"
rx="0"
y="96.067299"
x="166.58144"
height="4.6488767"
width="1.2171332"
id="rect1290"
style="fill:url(#icon-contents);fill-opacity:1;stroke:none;stroke-width:0.10180221;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
inkscape:export-filename="button.png"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96" />
<rect
style="fill:url(#icon-contents);fill-opacity:1;stroke:none;stroke-width:0.10180221;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect1292"
width="1.2171332"
height="4.6488767"
x="169.06004"
y="96.067299"
rx="0"
ry="0"
inkscape:export-filename="button.png"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96" />
<rect
ry="0"
rx="0"
y="96.067299"
x="171.5386"
height="4.6488767"
width="1.2171332"
id="rect1294"
style="fill:url(#icon-contents);fill-opacity:1;stroke:none;stroke-width:0.10180221;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
inkscape:export-filename="button.png"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96" />
<rect
style="fill:url(#icon-contents);fill-opacity:1;stroke:none;stroke-width:0.10180221;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect1296"
width="1.2171332"
height="4.6488767"
x="174.01723"
y="96.067299"
rx="0"
ry="0"
inkscape:export-filename="button.png"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96" />
</g>
<path
transform="matrix(0,2.2770972,-2.2770972,0,242.26153,191.39198)"
sodipodi:type="star"
style="fill:url(#light-circle-fill);fill-opacity:1;stroke:none;stroke-width:0.92954594;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path924"
sodipodi:sides="3"
sodipodi:cx="37.758598"
sodipodi:cy="100.44551"
sodipodi:r1="1.9985147"
sodipodi:r2="0.99925733"
sodipodi:arg1="0"
sodipodi:arg2="1.0471976"
inkscape:flatsided="false"
inkscape:rounded="0"
inkscape:randomized="0"
d="m 39.757113,100.44551 -1.498886,0.86538 -1.498886,0.86539 v -1.73077 -1.730764 l 1.498886,0.865383 z"
inkscape:transform-center-y="0.56883747"
inkscape:export-filename="/home/laurens/Dropbox/tmp/base.svg.png"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
inkscape:transform-center-x="-5.2936222e-06" />
<path
inkscape:connector-curvature="0"
id="path926"
d="m 13.537299,271.92763 v 3.8731"
style="fill:#4e4e4e;fill-opacity:1;stroke:url(#linearGradient5187);stroke-width:2.11666656;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
inkscape:export-filename="/home/laurens/Dropbox/tmp/base.svg.png"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96" />
<rect
style="fill:url(#light-circle-fill);fill-opacity:1;stroke:none;stroke-width:0.59935653;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect940"
width="24.01683"
height="10.585944"
x="1.2748805"
y="284.17142"
rx="0"
ry="0"
inkscape:export-filename="/home/laurens/Dropbox/tmp/base.svg.png"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96" />
<rect
ry="0"
rx="0"
y="283.18323"
x="3.4314961"
height="10.585944"
width="2.7715306"
id="rect942"
style="fill:url(#light-circle-fill);fill-opacity:1;stroke:none;stroke-width:0.20360442;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
inkscape:export-filename="/home/laurens/Dropbox/tmp/base.svg.png"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96" />
<rect
style="fill:url(#light-circle-fill);fill-opacity:1;stroke:none;stroke-width:0.20360442;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect944"
width="2.7715306"
height="10.585944"
x="9.0755405"
y="283.18323"
rx="0"
ry="0"
inkscape:export-filename="/home/laurens/Dropbox/tmp/base.svg.png"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96" />
<rect
ry="0"
rx="0"
y="283.18323"
x="14.719461"
height="10.585944"
width="2.7715306"
id="rect947"
style="fill:url(#light-circle-fill);fill-opacity:1;stroke:none;stroke-width:0.20360442;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
inkscape:export-filename="/home/laurens/Dropbox/tmp/base.svg.png"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96" />
<rect
style="fill:url(#light-circle-fill);fill-opacity:1;stroke:none;stroke-width:0.20360442;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect949"
width="2.7715306"
height="10.585944"
x="20.363565"
y="283.18323"
rx="0"
ry="0"
inkscape:export-filename="/home/laurens/Dropbox/tmp/base.svg.png"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96" />
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.5 KiB

After

Width:  |  Height:  |  Size: 8.0 KiB

src/components/images/off.svg
-194
View File
@@ -1,194 +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="50"
height="50"
viewBox="0 0 26.458333 26.458334"
version="1.1"
id="svg8"
inkscape:version="0.92.3 (2405546, 2018-03-11)"
sodipodi:docname="off.svg"
inkscape:export-filename="button.png"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96">
<defs
id="defs2">
<linearGradient
id="light-circle-fill"
osb:paint="solid"
gradientTransform="translate(-111.65281,-194.6407)">
<stop
style="stop-color:#ffffff;stop-opacity:1;"
offset="0"
id="stop5207" />
</linearGradient>
<linearGradient
id="icon-contents"
osb:paint="solid"
gradientTransform="matrix(0.78378378,0,0,0.78378378,-217.21909,-864.32335)">
<stop
style="stop-color:#3880b7;stop-opacity:1;"
offset="0"
id="stop5179" />
</linearGradient>
<linearGradient
id="light-circle-edge"
osb:paint="solid"
gradientTransform="matrix(0.04571075,0,0,0.26284445,-63.602396,-483.67016)">
<stop
style="stop-color:#b7b7b7;stop-opacity:1;"
offset="0"
id="stop5173" />
</linearGradient>
<linearGradient
id="dark-back"
osb:paint="solid"
gradientTransform="translate(1195.9167,-717.54999)">
<stop
style="stop-color:#333333;stop-opacity:1;"
offset="0"
id="stop1439" />
</linearGradient>
<linearGradient
id="dark-front"
osb:paint="solid"
gradientTransform="translate(4643.556,-4.2349475e-6)">
<stop
style="stop-color:#d4d4d4;stop-opacity:1;"
offset="0"
id="stop1389" />
</linearGradient>
<linearGradient
id="light-front"
osb:paint="solid"
gradientTransform="translate(-313.01005,-269.76128)">
<stop
style="stop-color:#4e4e4e;stop-opacity:1;"
offset="0"
id="stop1184" />
</linearGradient>
<linearGradient
id="light-back"
osb:paint="solid"
gradientTransform="translate(-78.252472)">
<stop
style="stop-color:#eeeeee;stop-opacity:1;"
offset="0"
id="stop1172" />
</linearGradient>
<linearGradient
inkscape:collect="always"
xlink:href="#light-circle-fill"
id="linearGradient1370"
gradientUnits="userSpaceOnUse"
x1="184.25671"
y1="96.999817"
x2="201.09555"
y2="96.999817" />
<linearGradient
inkscape:collect="always"
xlink:href="#icon-contents"
id="linearGradient1372"
gradientUnits="userSpaceOnUse"
x1="192.14696"
y1="94.591751"
x2="193.20531"
y2="94.591751" />
<linearGradient
inkscape:collect="always"
xlink:href="#icon-contents"
id="linearGradient1374"
gradientUnits="userSpaceOnUse"
x1="188.66312"
y1="96.904427"
x2="196.68915"
y2="96.904427" />
</defs>
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="2.8284271"
inkscape:cx="36.989204"
inkscape:cy="80.723218"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
inkscape:window-width="1853"
inkscape:window-height="1145"
inkscape:window-x="67"
inkscape:window-y="27"
inkscape:window-maximized="1"
units="px"
inkscape:measure-start="0,0"
inkscape:measure-end="0,0"
inkscape:snap-global="false"
showguides="true" />
<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="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(0,-270.54165)">
<g
transform="matrix(1.5712682,0,0,1.5712682,-289.51671,131.35809)"
id="g1328">
<circle
style="fill:url(#linearGradient1370);fill-opacity:1;stroke:url(#light-circle-edge);stroke-width:1.05833328;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="circle1322"
cx="192.67613"
cy="96.999817"
r="7.8902531"
inkscape:export-filename="button.png"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96" />
<path
style="fill:none;stroke:url(#linearGradient1372);stroke-width:1.05833328;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 192.67613,91.947903 v 5.2877"
id="path1324"
inkscape:connector-curvature="0"
inkscape:export-filename="button.png"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96" />
<path
id="path1326"
style="fill:none;fill-opacity:1;stroke:url(#linearGradient1374);stroke-width:1.05833328;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
sodipodi:type="arc"
sodipodi:cx="192.67613"
sodipodi:cy="96.506523"
sodipodi:rx="3.4843812"
sodipodi:ry="3.4653854"
sodipodi:start="5.4977871"
sodipodi:end="3.9269908"
sodipodi:open="true"
d="m 195.13996,94.056125 a 3.4843812,3.4653854 0 0 1 0.75532,3.776544 3.4843812,3.4653854 0 0 1 -3.21915,2.13924 3.4843812,3.4653854 0 0 1 -3.21915,-2.13924 3.4843812,3.4653854 0 0 1 0.75532,-3.776543"
inkscape:export-filename="button.png"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96" />
</g>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 6.3 KiB

src/components/images/open.svg
+20 -65
View File
@@ -8,7 +8,6 @@
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="50"
@@ -87,32 +86,14 @@
id="stop1172" />
</linearGradient>
<linearGradient
inkscape:collect="always"
xlink:href="#light-circle-fill"
id="linearGradient1364"
gradientUnits="userSpaceOnUse"
x1="22.211432"
y1="96.614624"
x2="39.05027"
y2="96.614624" />
<linearGradient
inkscape:collect="always"
xlink:href="#icon-contents"
id="linearGradient1366"
gradientUnits="userSpaceOnUse"
x1="26.058998"
y1="96.354469"
x2="34.913189"
y2="96.354469" />
<linearGradient
inkscape:collect="always"
xlink:href="#icon-contents"
id="linearGradient1368"
gradientUnits="userSpaceOnUse"
x1="66.804672"
y1="105.67618"
x2="75.587502"
y2="105.67618" />
id="light-circle-fill-3"
osb:paint="solid"
gradientTransform="matrix(1.4086066e-4,-8.1325944e-5,8.8105755e-5,1.5260364e-4,2250.622,3765.5708)">
<stop
style="stop-color:#0088ce;stop-opacity:1;"
offset="0"
id="stop5207-6" />
</linearGradient>
</defs>
<sodipodi:namedview
id="base"
@@ -121,9 +102,9 @@
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="0.70710678"
inkscape:cx="674.61699"
inkscape:cy="250.0871"
inkscape:zoom="8"
inkscape:cx="14.566286"
inkscape:cy="-4.9193288"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
@@ -136,7 +117,8 @@
inkscape:measure-start="0,0"
inkscape:measure-end="0,0"
inkscape:snap-global="false"
showguides="true" />
showguides="true"
inkscape:pagecheckerboard="true" />
<metadata
id="metadata5">
<rdf:RDF>
@@ -145,7 +127,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>
@@ -154,38 +136,11 @@
inkscape:groupmode="layer"
id="layer1"
transform="translate(0,-270.54165)">
<g
transform="matrix(1.5712682,0,0,1.5712682,-34.900117,131.96333)"
id="g1320">
<circle
cy="96.614624"
cx="30.630852"
id="circle1314"
style="fill:url(#linearGradient1364);fill-opacity:1;stroke:url(#light-circle-edge);stroke-width:1.05833328;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
r="7.8902531"
inkscape:export-filename="button.png"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96" />
<path
style="fill:none;stroke:url(#linearGradient1366);stroke-width:1.05833328;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 26.588262,92.627811 h 3.035623 l 0.962657,0.96267 h 3.79748 v 6.490649 h -7.795465 c -6.52e-4,-2.484443 -2.95e-4,-4.968882 -2.95e-4,-7.453319 z"
id="path1316"
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccccccc"
inkscape:export-filename="button.png"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96" />
<rect
y="103.44326"
x="67.354088"
height="4.4658313"
width="7.6839981"
id="rect1318"
style="fill:url(#light-circle-fill);fill-opacity:1;stroke:url(#linearGradient1368);stroke-width:1.09883654;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
transform="matrix(1,0,-0.37347913,0.92763858,0,0)"
inkscape:export-filename="button.png"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96" />
</g>
<path
style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.83952707;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 0,283.0985 v -10.61134 h 4.6381475 4.638146 l 1.2359985,1.23674 1.235998,1.23674 h 3.842999 5.132843 v 3.04238 3.04239 h 2.770299 c 1.523663,0 2.770297,0.0169 2.770297,0.0373 0,0.0205 -1.130907,2.86443 -2.513131,6.31974 l -2.513134,6.28238 -9.974309,0.0125 L 0,293.70973 Z m 21.446718,4.37796 c 0.908972,-2.27189 1.665144,-4.16968 1.680384,-4.21729 0.02631,-0.0822 0.885319,-0.0866 -7.288433,-0.0866 H 7.2326845 l -1.6812488,4.20244 c -0.9246856,2.31136 -1.668944,4.21476 -1.6539081,4.2298 0.01504,0.015 3.8881179,0.0217 8.6068474,0.0148 l 7.289666,-0.0125 z m -8.649134,-6.43105 H 18.498 v -1.95406 -1.95404 h -3.199894 -4.489738 l -1.2359985,-1.23675 -1.235998,-1.23673 H 5.2812523 2.226133 l 0.00232,7.65542 0.00232,7.65541 1.7882473,-4.46462 1.7882472,-4.46463 h 6.9902555 z"
id="path857"
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccccccccccsssccccccscccccccccccccccccccccc" />
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.1 KiB

After

Width:  |  Height:  |  Size: 5.2 KiB

src/components/images/pybricks.svg
-191
View File
@@ -1,191 +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="50"
height="50"
viewBox="0 0 26.458333 26.458334"
version="1.1"
id="svg8"
inkscape:version="0.92.3 (2405546, 2018-03-11)"
sodipodi:docname="pybricks.svg"
inkscape:export-filename="button.png"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96">
<defs
id="defs2">
<linearGradient
id="light-circle-fill"
osb:paint="solid"
gradientTransform="translate(-111.65281,-194.6407)">
<stop
style="stop-color:#ffffff;stop-opacity:1;"
offset="0"
id="stop5207" />
</linearGradient>
<linearGradient
id="icon-contents"
osb:paint="solid"
gradientTransform="matrix(0.78378378,0,0,0.78378378,-217.21909,-864.32335)">
<stop
style="stop-color:#3880b7;stop-opacity:1;"
offset="0"
id="stop5179" />
</linearGradient>
<linearGradient
id="light-circle-edge"
osb:paint="solid"
gradientTransform="matrix(0.04571075,0,0,0.26284445,-63.602396,-483.67016)">
<stop
style="stop-color:#b7b7b7;stop-opacity:1;"
offset="0"
id="stop5173" />
</linearGradient>
<linearGradient
id="dark-back"
osb:paint="solid"
gradientTransform="translate(1195.9167,-717.54999)">
<stop
style="stop-color:#333333;stop-opacity:1;"
offset="0"
id="stop1439" />
</linearGradient>
<linearGradient
id="dark-front"
osb:paint="solid"
gradientTransform="translate(4643.556,-4.2349475e-6)">
<stop
style="stop-color:#d4d4d4;stop-opacity:1;"
offset="0"
id="stop1389" />
</linearGradient>
<linearGradient
id="light-front"
osb:paint="solid"
gradientTransform="translate(-313.01005,-269.76128)">
<stop
style="stop-color:#4e4e4e;stop-opacity:1;"
offset="0"
id="stop1184" />
</linearGradient>
<linearGradient
id="light-back"
osb:paint="solid"
gradientTransform="translate(-78.252472)">
<stop
style="stop-color:#eeeeee;stop-opacity:1;"
offset="0"
id="stop1172" />
</linearGradient>
<linearGradient
inkscape:collect="always"
xlink:href="#light-circle-fill"
id="linearGradient1354"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(-86.193198)"
x1="296.14279"
y1="96.999817"
x2="312.9816"
y2="96.999817" />
</defs>
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="1"
inkscape:cx="316.40597"
inkscape:cy="89.630131"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
inkscape:window-width="1853"
inkscape:window-height="1145"
inkscape:window-x="67"
inkscape:window-y="27"
inkscape:window-maximized="1"
units="px"
inkscape:measure-start="0,0"
inkscape:measure-end="0,0"
inkscape:snap-global="false"
showguides="true" />
<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="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(0,-270.54165)">
<g
transform="matrix(1.5712682,0,0,1.5712682,-329.88715,131.35809)"
id="g1280">
<circle
r="7.8902531"
cy="96.999817"
cx="218.36903"
id="circle1270"
style="fill:url(#linearGradient1354);fill-opacity:1;stroke:url(#light-circle-edge);stroke-width:1.05833328;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
inkscape:export-filename="button.png"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96" />
<path
inkscape:connector-curvature="0"
id="path1272"
d="m 213.83393,93.937247 c -0.43461,0 -0.78448,0.349627 -0.78448,0.783938 v 0.0068 3.333615 0.978254 c 0,0.434312 0.34987,0.783938 0.78448,0.783938 h 1.37702 c 0.43461,0 0.78452,-0.349626 0.78452,-0.783938 v -0.194276 h 4.89992 v 0.194276 c 0,0.434312 0.34991,0.783938 0.78453,0.783938 h 1.37701 c 0.43462,0 0.78449,-0.349626 0.78449,-0.783938 v -0.978254 -3.333614 -0.0068 c 0,-0.434311 -0.34987,-0.783938 -0.78449,-0.783938 h -1.37701 c -2.23628,0.0146 -4.54039,0.0051 -6.46897,0 z"
style="fill:url(#icon-contents);fill-opacity:1;stroke:none;stroke-width:0.07551837;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
sodipodi:nodetypes="ssccssssccssssccssccs"
inkscape:export-filename="button.png"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96" />
<path
inkscape:connector-curvature="0"
id="path1274"
d="m 214.03619,94.92147 v 2.583034 0.363938 0.9756 h 0.97808 v -0.9756 h 0.8441 v -0.363938 h 0.27838 v 0.363938 h 0.67893 v -0.363938 h 0.30224 v 0.363938 h 0.67892 v -0.363938 h 0.30286 v 0.363938 h 0.67893 v -0.363938 h 0.30161 v 0.363938 h 0.67889 v -0.363938 h 0.30161 v 0.363938 h 0.67893 v -0.363938 h 0.30282 v 0.363938 h 0.8441 v 0.9756 h 0.97804 V 97.504504 96.824297 94.92147 Z"
style="fill:url(#light-circle-fill);fill-opacity:1;stroke:none;stroke-width:0.07551837;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
inkscape:export-filename="button.png"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96" />
<ellipse
ry="0.69603306"
rx="0.69651967"
cy="95.937874"
cx="216.49612"
id="ellipse1276"
style="fill:url(#icon-contents);fill-opacity:1;stroke:none;stroke-width:0.07551837;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
inkscape:export-filename="button.png"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96" />
<ellipse
ry="0.69603306"
rx="0.69651967"
style="fill:url(#icon-contents);fill-opacity:1;stroke:none;stroke-width:0.07551837;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="ellipse1278"
cx="220.40483"
cy="95.937874"
inkscape:export-filename="button.png"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96" />
</g>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 7.0 KiB

src/components/images/repl.svg
+57 -75
View File
@@ -89,39 +89,33 @@
<linearGradient
inkscape:collect="always"
xlink:href="#light-circle-fill"
id="linearGradient1344"
gradientUnits="userSpaceOnUse"
x1="140.9976"
y1="96.999817"
x2="157.83644"
y2="96.999817" />
<linearGradient
inkscape:collect="always"
xlink:href="#icon-contents"
id="linearGradient1346"
gradientUnits="userSpaceOnUse"
x1="144.08528"
y1="96.594086"
x2="148.44734"
y2="96.594086" />
<linearGradient
inkscape:collect="always"
xlink:href="#icon-contents"
id="linearGradient1348"
gradientUnits="userSpaceOnUse"
x1="147.6288"
y1="96.594086"
x2="151.99086"
y2="96.594086" />
<linearGradient
inkscape:collect="always"
xlink:href="#icon-contents"
id="linearGradient1350"
gradientUnits="userSpaceOnUse"
id="linearGradient5189"
x1="151.17233"
y1="96.594086"
x2="155.53439"
y2="96.594086" />
y2="96.594086"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(2.4800054,0,0,2.5237898,-359.04545,39.652624)" />
<linearGradient
inkscape:collect="always"
xlink:href="#light-circle-fill"
id="linearGradient5191"
x1="147.6288"
y1="96.594086"
x2="151.99086"
y2="96.594086"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(2.4800054,0,0,2.5237898,-358.13592,39.652624)" />
<linearGradient
inkscape:collect="always"
xlink:href="#light-circle-fill"
id="linearGradient5193"
x1="144.08528"
y1="96.594086"
x2="148.44734"
y2="96.594086"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(2.4800054,0,0,2.5237898,-357.22644,39.652624)" />
</defs>
<sodipodi:namedview
id="base"
@@ -130,9 +124,9 @@
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="2.8284271"
inkscape:cx="38.204193"
inkscape:cy="76.141743"
inkscape:zoom="16"
inkscape:cx="26.727876"
inkscape:cy="22.121513"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
@@ -145,7 +139,8 @@
inkscape:measure-start="0,0"
inkscape:measure-end="0,0"
inkscape:snap-global="false"
showguides="true" />
showguides="true"
inkscape:pagecheckerboard="true" />
<metadata
id="metadata5">
<rdf:RDF>
@@ -154,7 +149,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>
@@ -163,45 +158,32 @@
inkscape:groupmode="layer"
id="layer1"
transform="translate(0,-270.54165)">
<g
transform="matrix(1.5712682,0,0,1.5712682,-221.54505,131.35809)"
id="g1264">
<circle
r="7.8902531"
cy="96.999817"
cx="149.41702"
id="circle1256"
style="fill:url(#linearGradient1344);fill-opacity:1;stroke:url(#light-circle-edge);stroke-width:1.05833328;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
inkscape:export-filename="button.png"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96" />
<path
style="fill:none;stroke:url(#linearGradient1346);stroke-width:1.05833328;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 144.42152,93.984765 3.19459,2.62875 -3.12878,2.590938"
id="path1258"
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccc"
inkscape:export-filename="button.png"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96" />
<path
sodipodi:nodetypes="ccc"
inkscape:connector-curvature="0"
id="path1260"
d="m 147.96504,93.984765 3.19459,2.62875 -3.12878,2.590938"
style="fill:none;stroke:url(#linearGradient1348);stroke-width:1.05833328;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
inkscape:export-filename="button.png"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96" />
<path
style="fill:none;stroke:url(#linearGradient1350);stroke-width:1.05833328;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 151.50857,93.984765 3.1946,2.62875 -3.12879,2.590938"
id="path1262"
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccc"
inkscape:export-filename="button.png"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96" />
</g>
<path
style="fill:none;stroke:url(#linearGradient5193);stroke-width:2.11666656;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 0.93974812,276.85042 7.92259998,6.63441 -7.7594,6.53898"
id="path1115"
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccc"
inkscape:export-filename="/home/laurens/Dropbox/tmp/base.svg.png"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96" />
<path
sodipodi:nodetypes="ccc"
inkscape:connector-curvature="0"
id="path1135"
d="m 8.8182101,276.85042 7.9225999,6.63441 -7.7593799,6.53898"
style="fill:none;stroke:url(#linearGradient5191);stroke-width:2.11666656;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
inkscape:export-filename="/home/laurens/Dropbox/tmp/base.svg.png"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96" />
<path
style="fill:none;stroke:url(#linearGradient5189);stroke-width:2.11666656;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 16.696658,276.85042 7.92262,6.63441 -7.7594,6.53898"
id="path1137"
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccc"
inkscape:export-filename="/home/laurens/Dropbox/tmp/base.svg.png"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96" />
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.7 KiB

After

Width:  |  Height:  |  Size: 6.2 KiB

src/components/images/run.svg
+26 -49
View File
@@ -8,7 +8,6 @@
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="50"
@@ -26,7 +25,7 @@
<linearGradient
id="light-circle-fill"
osb:paint="solid"
gradientTransform="translate(-111.65281,-194.6407)">
gradientTransform="matrix(0.52916667,0,0,0.52916667,-54.066878,170.25889)">
<stop
style="stop-color:#ffffff;stop-opacity:1;"
offset="0"
@@ -86,15 +85,6 @@
offset="0"
id="stop1172" />
</linearGradient>
<linearGradient
inkscape:collect="always"
xlink:href="#light-circle-fill"
id="linearGradient1338"
gradientUnits="userSpaceOnUse"
x1="94.217361"
y1="96.999817"
x2="111.0562"
y2="96.999817" />
</defs>
<sodipodi:namedview
id="base"
@@ -103,9 +93,9 @@
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="0.70710678"
inkscape:cx="305.50725"
inkscape:cy="70.481977"
inkscape:zoom="5.6568542"
inkscape:cx="32.44435"
inkscape:cy="20.159859"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
@@ -118,7 +108,8 @@
inkscape:measure-start="0,0"
inkscape:measure-end="0,0"
inkscape:snap-global="false"
showguides="true" />
showguides="true"
inkscape:pagecheckerboard="true" />
<metadata
id="metadata5">
<rdf:RDF>
@@ -127,7 +118,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>
@@ -136,38 +127,24 @@
inkscape:groupmode="layer"
id="layer1"
transform="translate(0,-270.54165)">
<g
transform="matrix(1.5712682,0,0,1.5712682,-148.04074,131.35809)"
id="g1244">
<circle
style="fill:url(#linearGradient1338);fill-opacity:1;stroke:url(#light-circle-edge);stroke-width:1.05833328;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="circle1240"
cx="102.63678"
cy="96.999817"
r="7.8902531"
inkscape:export-filename="button.png"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96" />
<path
sodipodi:type="star"
style="fill:url(#icon-contents);fill-opacity:1;stroke:none;stroke-width:1.05833328;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path1242"
sodipodi:sides="3"
sodipodi:cx="102.38778"
sodipodi:cy="97.030327"
sodipodi:r1="4.4484854"
sodipodi:r2="2.2242427"
sodipodi:arg1="0"
sodipodi:arg2="1.0471976"
inkscape:flatsided="false"
inkscape:rounded="0"
inkscape:randomized="0"
d="m 106.83626,97.030327 -3.33636,1.926251 -3.33636,1.926252 v -3.852503 -3.852501 l 3.33636,1.92625 z"
inkscape:transform-center-x="-1.1121175"
inkscape:transform-center-y="2.0595913e-06"
inkscape:export-filename="button.png"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96" />
</g>
<path
sodipodi:type="star"
style="fill:url(#light-circle-fill);fill-opacity:1;stroke:none;stroke-width:2.11666656;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path1017"
sodipodi:sides="3"
sodipodi:cx="10.839368"
sodipodi:cy="283.3425"
sodipodi:r1="11.6466"
sodipodi:r2="5.8232999"
sodipodi:arg1="0"
sodipodi:arg2="1.0471976"
inkscape:flatsided="false"
inkscape:rounded="0"
inkscape:randomized="0"
d="m 22.485968,283.3425 -8.73495,5.04312 -8.73495,5.04313 0,-10.08625 0,-10.08625 8.73495,5.04312 z"
inkscape:transform-center-x="-1.4558184"
inkscape:export-filename="/home/laurens/Dropbox/tmp/base.svg.png"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96" />
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.5 KiB

After

Width:  |  Height:  |  Size: 4.6 KiB

src/components/images/stop.svg
+17 -39
View File
@@ -8,7 +8,6 @@
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="50"
@@ -26,7 +25,7 @@
<linearGradient
id="light-circle-fill"
osb:paint="solid"
gradientTransform="translate(-111.65281,-194.6407)">
gradientTransform="matrix(0.52916667,0,0,0.52916667,-53.400128,172.5108)">
<stop
style="stop-color:#ffffff;stop-opacity:1;"
offset="0"
@@ -86,15 +85,6 @@
offset="0"
id="stop1172" />
</linearGradient>
<linearGradient
inkscape:collect="always"
xlink:href="#light-circle-fill"
id="linearGradient1376"
gradientUnits="userSpaceOnUse"
x1="115.46528"
y1="96.999817"
x2="132.30412"
y2="96.999817" />
</defs>
<sodipodi:namedview
id="base"
@@ -103,9 +93,9 @@
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="0.70710678"
inkscape:cx="544.50934"
inkscape:cy="97.352035"
inkscape:zoom="11.313708"
inkscape:cx="19.480688"
inkscape:cy="15.933037"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
@@ -118,7 +108,8 @@
inkscape:measure-start="0,0"
inkscape:measure-end="0,0"
inkscape:snap-global="false"
showguides="true" />
showguides="true"
inkscape:pagecheckerboard="true" />
<metadata
id="metadata5">
<rdf:RDF>
@@ -127,7 +118,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>
@@ -136,28 +127,15 @@
inkscape:groupmode="layer"
id="layer1"
transform="translate(0,-270.54165)">
<g
transform="matrix(1.5712682,0,0,1.5712682,-181.42692,131.35809)"
id="g1334">
<circle
r="7.8902531"
cy="96.999817"
cx="123.8847"
id="circle1330"
style="fill:url(#linearGradient1376);fill-opacity:1;stroke:url(#light-circle-edge);stroke-width:1.05833328;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
inkscape:export-filename="button.png"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96" />
<rect
style="fill:url(#icon-contents);fill-opacity:1;stroke:none;stroke-width:0.79374993;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect1332"
width="6.1037679"
height="6.1037679"
x="120.83281"
y="93.947929"
inkscape:export-filename="button.png"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96" />
</g>
<rect
style="fill:url(#light-circle-fill);fill-opacity:1;stroke:none;stroke-width:1.58749974;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect5272"
width="15.200954"
height="15.200954"
x="5.6828184"
y="275.50818"
inkscape:export-filename="/home/laurens/Dropbox/tmp/base.svg.png"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96" />
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.0 KiB

After

Width:  |  Height:  |  Size: 4.2 KiB

src/index.scss
+15
View File
@@ -23,3 +23,18 @@ $body-bg: #e8e8e8;
.status-bar {
background-color: #0088ce;
}
.btn-light, .btn-light:focus {
background-color: #0088ce;
border-width: 0px;
}
.btn-light:disabled {
background-color: #65acd0;
border-width: 0px;
}
.btn-light:hover, .btn-light:active {
background-color: #005885 !important;
border-width: 0px;
}